Tài liệu TÁCH BIỆT MÃ NGUỒN XỬ LÝ & NỘI DUNG docx

Bài giảng môn học
Thi
Thi
ế
ế
t
t
k
k
ế
ế
&
&
L
L
ậ
ậ
p
p
tr
tr
ì
ì
nh
nh
WEB 2
WEB 2
T
T
Á
Á

CH BI
CH BI
Ệ
Ệ
T
T
MÃ NGU
MÃ NGU
Ồ
Ồ
N X
N X
Ử
Ử
LÝ & N
LÝ & N
Ộ
Ộ
I DUNG
I DUNG
Khoa Công nghệ thông tin
Trường ĐạihọcKhoahọcTự nhiên
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tách biệt Code & Content
 Các thành viên trong nhóm có thể làm việc độclập
trên phần công riêng
 Lập trình viên có thể làm việctrênmôitrường
quen thuộc
 Tái sử dụng

Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
3 cách Tách biệt Code & Content
1. Code-Behind
2. Web User Control
3. Component
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
1. Code-behind
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
2. Web User Control
 Là các trang ASP.NET đượcsử dụng như là
server control
 Có thể tựđịnh nghĩa các thuộc tính & phương
thứcriêng
 Có khả năng tái sử dụng cho nhiềutrang
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tạo Web User Control
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tạo Web User Control (tt)
<%@ Control
Language="C#" AutoEventWireup="true"
CodeFile="WebUserControl.ascx.cs"
Inherits="WebUserControl" %>
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
TạoThuộc tính cho Web User Control

public string Username {
get {
return txtUsername.Text;
}
set {
txtUsername.Text = value;
}
}
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Sử dụng Web User Control
<%@ Register Src="WebUserControl.ascx"
TagName="WebUserControl" TagPrefix="uc1" %>
<uc1:WebUserControl ID="WebUserControl1" runat="server"/>
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
3. Component
 1 Component cơ bảnbaogồm1 hoặc nhiều Class
 Đượcsử dụng như các lớpthư việntự tạo
 Hỗ trợđa ngôn ngữ
 Đượcbiêndị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
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tạo& Sử dụng Component – Cách 1
 Add new item > Class
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tạo& Sử dụng Component – Cách 1 (tt)

Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tạ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)
{
MyClass x = new MyClass();
}
}
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tạo& Sử dụng Component – Cách 2
 Add new project > Class Library
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tạo& Sử dụng Component – Cách 2 (tt)
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Tạ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)
{
MyClass x = new MyClass();
}
}

MyClassLibrary.DLL
Thiếtkế & Lập trình WEB 2 – Tách biệt Mã nguồnxử lý và Nội dung
© 2007 Khoa CNTT – ĐH KHTN
Sử 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)
{
MyClass x = new MyClass();
MyClassLibrary.MyClass y = new MyClassLibrary.MyClass();
}
}