Chủ đề 6. THIẾT KẾ, LẬP TRÌNH VÀ XUẤT BẢN ỨNG DỤNG WEB DATABASE

Ví dụ:• Tạo một ứng dụng truy cập CSDL QUANLYSACH gồm 2 trang: • Loai_Sach.aspx: hiển thị tên tất cả các loại sách có trong database, với mỗi loại sách tạo url dạng querystring với id củ

THIẾT KẾ VÀ LẬP TRÌNH WEB

TRƯỜNG ĐẠI HỌC NHA TRANG

Chủ đề 6 THIẾT KẾ, LẬP TRÌNH VÀ XUẤT BẢN ỨNG DỤNG

WEB DATABASE

1 QUẢN LÝ TRẠNG THÁI

1.1 Query String

-Query string dùng để chuyển thông tin giữa các trang web với nhau

-Query string là phần của URL được thêm vào trang web, sau dấu chấm hỏi

-Một URL request như sau:

http://mycompany.com/detail.aspx?id=10

-Ý nghĩa:

Gởi id có giá trị là 10 cho trang detail.aspx

-Để lấy thông tin của query string của trang web, sử dụng Request.QueryString[]

Ví dụ:

• Tạo một ứng dụng truy cập CSDL QUANLYSACH gồm 2 trang:

• Loai_Sach.aspx: hiển thị tên tất cả các loại sách có trong database, với mỗi loại sách tạo url dạng querystring với id của loại sách đó, user kích vào sẽ mở

ra trang SachDS.aspx cho phép xem chi tiết loại sách đó gồm những sách nào.

• SachDS.aspx: lấy id từ querystring, đọc CSDL Sách và trả về chi tiết tất cả

thông tin của nó.

Nạp danh sách loại sách trong sự kiện Page_Load ở trang LoaiSach.aspx:

string connStr = "Data Source=(local);Initial Catalog=QUANLYSACH;user=sa;pwd=abc";

SqlConnection conn= new SqlConnection (connStr );

str = string.Format( "<a href=SachDS.aspx?MaLoaiSach={0}>{1}</a> <br />" ,

reader[ "MaLoaiSach" ], reader[ "TenLoaiSach" ]);

Hiển thị sách khi chọn một loại sách bất kỳ trong sự kiện Page_Load ở trang SachDS.aspx:

string maLS = Request.QueryString[“MaLoaiSach”]

Bài tập tình huống:

• Thêm vào cơ sở dữ liệu đang sử dụng 1 bảng dữ liệu như sau:

NGUOIDUNG(TenDN, MatKhau)

• Thêm vào website một trang web có giao diện như sau:

• Nếu đăng nhập thành công thì chuyển đến một trang web nào đó,

Hàm kiểm tra đăng nhập:

bool KiemTraDN(string TenDN , string MatKhau)

{

string str ="Data Source=(local);initial catalog=TH55; user=sa;pwd=abc";

SqlConnection dbCon= new SqlConnection(str);

Code xử lý sự kiện nút lệnh Đăng nhập:

if (KiemTraDN(txtTenDN.Text, txtMatKhau.Text) == true)

Response.Redirect("Loai_Sach.aspx");

else

lblTB.Text = "Thông tin đăng nhập không chính xác!";

Session là gì?

- Khái niệm phiên làm việc:

tạo ra

 Phiên làm việc kết thúc khi

- Cho phép lưu trữ dữ liệu kiểu NET

- Thời gian sống kết thúc sau một khoảng thời gian định nghĩa trước (thường là 20 phút, có thể thay đổi, hoặc lập trình hủy)

- Tính bảo mật cao, do dữ liệu lưu trữ trên server, không bao giờ chuyển cho client và mỗi client có client session id riêng

- Lưu trữ session với dữ liệu lớn cũng có thể làm chậm server, đặc biệt nếu nhiều người truy cập đồng thời, do mỗi user sẽ có bản copy session riêng!

• Mỗi user sẽ được gán một giá trị gọi là Session id, giá trị này là duy

Cách thức Master Page làm việc:

• Master page định nghĩa cấu trúc cơ bản của trang

• Bao gồm các thành phần chung như header, footer, menu…

• Master page có thể chứa các content region nơi mà nội dung mới có

thể được thêm vào

• Một content page sẽ có tất cả các thành phần cố định từ một master page, và có thể bổ sung tùy ý vào các content region

Ví dụ:

Cú pháp của Master page:

• Tạo trang master page

• Phần mở rộng là master

• Directive: <%@ master %>

• Xây dựng các phần nội dung chung cho toàn site

• Header, footer, menu, layout…

• Tạo các vùng placeholder control cho nội dung, mà các trang sẽ tùy biến bổ sung vào!

Cú pháp của Content page:

• Đối với những trang aspx

• Tham chiếu đến master page trong directive

• Xây dựng nội dung cho các phần placeholder control đã tạo trong master

page

• Thiết kế phần Content control, mỗi trang sẽ có nội dung riêng

• Có thể có nhiều vùng content control, tùy theo cách thiết kế master page

• Ánh xạ các content control này vào placeholder trong master page.

Kết hợp Master Page và Content Page

- Trang master định nghĩa nội dung chung

- Content page tham chiếu đến master và đưa nội dung vào các placeholder

Cách tạo Master Page

Mặc định site.master có dạng sau:

• Ta thiết kế lại site.master

• Thêm table vào, chia làm các phần header,left, main content và footer

3 ỨNG DỤNG WEB DATABASE VÀ CÁC PHẦN CHỨC NĂNG CƠ BẢN

(Xây dựng ứng dụng website thương mại điện tử)

- Xác định đối tượng người sử dụng để xác định giao diện tương ứng: tiếng Anh, tiếng Việt, …

Phần quản trị (Admin) website:

Xây dựng cơ sở dữ liệu cho website TMĐT

- Tùy theo ngữ cảnh, quy mô, chức năng, … của doanh nghiệp mà CSDL có thể có các bảng dữ liệu khác nhau

- Tuy nhiên, các bảng chính phải có trong CSDL website TMĐT để quản lý

các thông tin là: Nhân viên, khách hàng, loại sản phẩm, sản phẩm, giỏ hàng, chi tiết giỏ hàng, hình thức thanh toán.

- Có thể quản lý thêm thông tin doanh nghiệp/công ty, tin tức, dịch vụ hỗ trợ trực tuyến

Ví dụ, Database Diagrams CSDL của website bán sách thu nhỏ:

Giao diện chức năng dành cho người sử dụng:

- Trang chủ gồm các thành phần chính: Header, menu trái, thành phần chính, menu phải và footer

- Header: chứa logo công ty, tên website, các chức năng chính

- Menu trái là menu động chứa thông tin về loại/nhóm sản phẩm

- Thành phần chính của website dùng để hiện thị thông tin về các sản phẩm cần giới thiệu hoặc bán

- Menu phải chứa các sản phẩm mới, tin tức hoặc dành cho quảng cáo, …

- Phần footer chứa thông tin về công ty/doanh nghiệp, bản quyền, …

Các chức năng chính:

a Chức năng tìm kiếm theo tên (tương tự cho các chức năng tìm kiếm khác)

- Thiết kế giao diện WebForm:

• Tạo 1 TextBox cho phép người dùng nhập vào tên sản phẩm cần tìm

• Tạo 1 Button khi người dùng click vào nút lệnh, dựa vào nội dung đã

nhập vào TextBox, sẽ cho các kết quả tên sản phẩm tương ứng (cho phép tìm gần đúng)

• Tạo 1 DataList để hiện thị danh sách các sản phẩm vừa tìm được

Code C# gợi ý:

b Ý tưởng tạo giỏ hàng trong website

Giao diện đăng nhập và quản trị website:

- Để quản trị website, người dùng phải có tài khoản đăng nhập

- Căn cứ vào thông tin đăng nhập, hệ thống sẽ cho phép hiện đầy đủ chức năng hoặc một vài chức năng (có phân quyền quản lý)

Phần sinh viên tự tìm hiểu: Đưa thông tin một website lên Internet?