Choosing between Code Behind andPag

Choosing between Code Behind and
Pages with Inline Code
Web Forms come in two flavors: either as an .aspx file with a Code Behind file (a file named after
the Web Form with an additional .vb or .cs extension) or as .aspx files that have their code
embedded, often referred to as Web Forms with inline code. Although you won’t see much code
until Chapter 5, it’s important to understand the difference between these types of Web Forms. At
first, Web Forms with inline code seem a little easier to understand. Because the code needed to
program your website is part of the very same Web Form, you can clearly see how the code relates
to the file. However, as your page gets larger and you add more functionality to it, it’s often easier
if you have the code in a separate file. That way, it’s completely separate from the markup, enabling
you to focus on the task at hand.
In the next exercise, you add two files that demonstrate the difference between Code Behind and
inline code.
Try It Out Adding Web Forms with Code to Your Site
The files you add in this exercise aren’t needed for the final application. To avoid cluttering up the project,
you should put them in a separate Demos folder.
1. In the Solution Explorer, right-click your website and choose Add ➪ New Folder. Name the folder
Demos and press Enter.
2. Right-click the Demos folder and choose Add ➪ Add New Item. In the dialog box that appears,
choose your programming language on the left, click the Web Form template, and name the file
CodeBehind.aspx. Make sure that the check box for Place Code in Separate File is selected.
Finally, click the Add button. The page should open in Markup View so you can see the HTML
for the page.
3. At the bottom of the Document Window, click the Design button to switch the page from Markup
View into Design View. The page you see has a white background with a small, dashed rectangle
at the top of it. The dashed rectangle represents the element you saw in Markup View.
4. From the Toolbox, drag a Label control from the Standard category and drop it in the dashed
area of the page. Remember, you can open the Toolbox with the shortcut Ctrl+Alt+X if it isn’t
open yet. In Design View, your screen should now look like Figure 2-11.

Kết quả (Việt) 1:

Việc lựa chọn giữa mã sau vàTrang có Inline CodeWeb hình thức đến trong hai hương vị: hoặc như là một tập tin .aspx với mã phía sau tập tin (tập tin được đặt tên theoMẫu Web với một phần mở rộng .vb hoặc .cs bổ sung) hoặc tập tin .aspx có mã của họnhúng, thường được gọi là hình thức trang Web với mã nội tuyến. Mặc dù bạn sẽ không thấy nhiều mãcho đến khi chương 5, điều quan trọng là phải hiểu sự khác biệt giữa các loại biểu mẫu Web. Tạiđầu tiên, các hình thức Web với inline code có vẻ một chút dễ dàng hơn để hiểu. Bởi vì mã cần thiết đểchương trình trang web của bạn là một phần của mẫu Web rất giống nhau, bạn có thể thấy rõ như thế nào các mã liên quancác tập tin. Tuy nhiên, như trang web của bạn được lớn hơn và bạn thêm chức năng thêm vào đó, nó thường là dễ dàng hơnNếu bạn có các mã trong một tập tin riêng biệt. Bằng cách đó, nó là hoàn toàn tách biệt đánh dấu, cho phépbạn tập trung vào công việc ở bàn tay.Tập tiếp theo, bạn thêm hai tập tin thể hiện sự khác biệt giữa các mã đằng sau vàInline code.Thử thêm các hình thức Web với mã vào trang web của bạnCác tập tin bạn thêm trong bài tập này không phải là cần thiết cho các ứng dụng cuối cùng. Để tránh cluttering lên các dự án,bạn nên đặt chúng trong một thư mục trình diễn riêng biệt.1. trong giải pháp Explorer, bấm chuột phải vào trang web của bạn và chọn Add ➪ thư mục mới. Tên thư mụcTrình diễn và nhấn Enter.2. nhấp chuột phải vào thư mục trình diễn và chọn thêm ➪ thêm mục mới. Trong hộp thoại xuất hiện,chọn ngôn ngữ lập trình của bạn trên bên trái, nhấp vào các biểu mẫu Web mẫu và tên tệpCodeBehind.aspx. đảm bảo rằng việc chọn hộp kiểm cho ra mã trong tập tin riêng biệt.Cuối cùng, nhấp vào nút Thêm. Các trang sẽ mở trong chế độ xem đánh dấu để bạn có thể xem HTMLcho trang.3. ở phía dưới của cửa sổ tài liệu, nhấn vào nút thiết kế để chuyển đổi trang đánh dấuNhìn vào thiết kế xem. Các trang bạn thấy có một nền trắng với một hình chữ nhật nhỏ, tiêu tanlúc đầu nó. Các hình chữ nhật tiêu tan đại diện cho các yếu tố bạn đã thấy trong chế độ xem đánh dấu.4. từ hộp công cụ, kéo một điều khiển nhãn từ danh mục tiêu chuẩn và thả nó vào sự tiêu tandiện tích trang. Hãy nhớ rằng, bạn có thể mở hộp công cụ bằng phím tắt Ctrl + Alt + X nếu nó không phải làmở được nêu ra. Trong thiết kế, màn hình của bạn bây giờ nên nhìn giống như hình 2-11.

Kết quả (Việt) 2:

Lựa chọn giữa Mã Đằng và
trang với Inline Mã
Web Forms có hai hương vị: hoặc như là một tập tin aspx với Mã Đằng sau tập (một tập tin có tên sau khi
mẫu Web với một phần mở rộng .vb bổ sung hoặc cs) hoặc các tập tin aspx có mã số của họ
nhúng, thường được gọi là Web Forms với mã nội tuyến. Mặc dù bạn sẽ không thấy nhiều mã
cho tới chương 5, điều quan trọng là phải hiểu sự khác biệt giữa các loại Web Forms. Tại
đầu tiên, hình thức Web với mã nội tuyến có vẻ một chút dễ dàng hơn để hiểu. Bởi vì các mã cần thiết để
lập trình trang web của bạn là một phần của Web Form rất giống nhau, bạn có thể thấy rõ cách mã liên quan
đến tập tin. Tuy nhiên, khi trang của bạn được lớn hơn và bạn thêm nhiều chức năng hơn với nó, nó thường dễ dàng hơn
nếu bạn có các mã trong một tập tin riêng biệt. Bằng cách đó, nó hoàn toàn tách biệt với các đánh dấu, cho phép
bạn tập trung vào các nhiệm vụ chính.
Trong tập tiếp theo, bạn thêm hai tập tin nào chứng tỏ sự khác biệt giữa Mã Đằng và
mã nội tuyến.
Hãy thử It Out Thêm Web Forms với Mã để bạn site
các tập tin bạn thêm vào trong bài tập này không cần thiết cho các ứng dụng cuối cùng. Để tránh làm lộn xộn lên dự án,
bạn nên đặt chúng trong một thư mục Demo riêng biệt.
1. Trong giải pháp Explorer, bấm chuột phải vào trang web của bạn và chọn Add ➪ New Folder. Đặt tên cho thư mục
Demo và nhấn Enter.
2. Kích chuột phải vào thư mục Demos và chọn Thêm ➪ Add New Item. Trong hộp thoại xuất hiện,
chọn ngôn ngữ lập trình của bạn ở bên trái, nhấp vào mẫu Web Form, và đặt tên cho tập tin
CodeBehind.aspx. Hãy chắc chắn rằng hộp kiểm tra cho Place Mã trong File riêng biệt được chọn.
Cuối cùng, nhấp vào nút Add. Các trang sẽ mở ra trong Markup Xem để bạn có thể xem các HTML
cho trang.
3. Ở dưới cùng của cửa sổ tài liệu, nhấn vào nút Design để chuyển trang từ Markup
View vào Design View. Trang bạn thấy có một nền trắng với một hình chữ nhật nhỏ, phóng vụt
vào đầu trang của nó. Các hình chữ nhật tiêu tan đại diệnyếu tố bạn đã thấy trong Markup View.
4. Từ hộp công cụ, kéo một điều khiển Label từ các thể loại Standard và thả nó trong tan
khu vực của trang. Hãy nhớ rằng, bạn có thể mở hộp công cụ với các phím tắt Ctrl + Alt + X nếu nó không được
mở chưa. Trong Design View, màn hình của bạn bây giờ trông giống như Hình 2-11.