Tách biệt Code & Content Các thành viên trong nhóm có thể làm việc độc lập trên phần công riêng Lập trình viên có thể làm việc trên môi trường quen thuộc Tái sử dụng... Web User Con
Trang 1Thi ế t k ế & L ậ p trình WEB 2
TÁCH BIỆT
Khoa Công nghệ thông tin Trường Đại học Khoa học Tự nhiên
Trang 2Tách biệt Code & Content
Các thành viên trong nhóm có thể làm việc độc lập trên phần công riêng
Lập trình viên có thể làm việc trên môi trường
quen thuộc
Tái sử dụng
Trang 33 cách Tách biệt Code & Content
1 Code-Behind
2 Web User Control
3 Component
Trang 41 Code-behind
Trang 52 Web User Control
Là các trang ASP.NET được sử dụng như là server control
Có thể tự định nghĩa các thuộc tính & phương thức riêng
Có khả năng tái sử dụng cho nhiều trang
Trang 6Tạo Web User Control
Trang 7Tạo Web User Control (tt)
<% @ Control
Language ="C#" AutoEventWireup ="true" CodeFile ="WebUserControl.ascx.cs"
Inherits ="WebUserControl" %>
Trang 8Tạo Thuộc tính cho Web User Control
public string Username {
get {
return txtUsername.Text;
}
set {
txtUsername.Text = value;
}
}
Trang 9Sử dụng Web User Control
<% @ Register Src ="WebUserControl.ascx"
TagName ="WebUserControl" TagPrefix ="uc1" %>
<uc1:WebUserControl ID ="WebUserControl1" runat ="server"/>
Trang 103 Component
1 Component cơ bản bao gồm 1 hoặc nhiều Class
Được sử dụng như các lớp thư viện tự tạo
Hỗ trợ đa ngôn ngữ
Được biên dịch thành tập tin DLL
Có khả năng tái sử dụng cao trong nhiều ứng
dụng khác nhau
Trang 11Tạo & Sử dụng Component – Cách 1
Add new item > Class
Trang 12Tạo & Sử dụng Component – Cách 1 (tt)
Trang 13Tạo & Sử dụng Component – Cách 1 (tt)
using MyLibrary;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e) {
}
}
Trang 14Tạo & Sử dụng Component – Cách 2
Add new project > Class Library
Trang 15Tạo & Sử dụng Component – Cách 2 (tt)
Trang 16Tạo & Sử dụng Component – Cách 2 (tt)
Add references > Projects
using MyClassLibrary;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
MyClassLibrary.DLL
Trang 17Sử dụng 2 component có class trùng tên
using MyLibrary;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
}