TRƯỜNG ĐẠI HỌC NHA TRANG THIẾT KẾ VÀ LẬP TRÌNH WEB Chủ đề THIẾT KẾ, LẬP TRÌNH VÀ XUẤT BẢN ỨNG DỤNG WEB DATABASE NỘI DUNG: Quản lý trạng thái (Query String, Session) Master Page Ứng dụng web database phần chức QUẢN LÝ TRẠNG THÁI 1.1 Query String -Query string dùng để chuyển thông tin trang web với -Query string phần URL thêm vào trang web, sau dấu chấm hỏi -Một URL request sau: http://mycompany.com/detail.aspx?id=10 -Ý nghĩa: Gởi id có giá trị 10 cho trang detail.aspx -Để lấy thông tin query string trang web, sử dụng Request.QueryString[] Ví dụ: - Tạo ứng dụng truy cập CSDL QUANLYSACH gồm trang: • Loai_Sach.aspx: hiển thị tên tất loại sách có database, với loại sách tạo url dạng querystring với id loại sách đó, user kích vào mở trang SachDS.aspx cho phép xem chi tiết loại sách gồm sách • SachDS.aspx: lấy id từ querystring, đọc CSDL Sách trả chi tiết tất thông tin Nạp danh sách loại sách kiện Page_Load trang LoaiSach.aspx: string connStr = "Data Source=(local);Initial Catalog=QUANLYSACH;user=sa;pwd=abc"; SqlConnection conn=new SqlConnection (connStr ); conn.Open(); SqlCommand cmd=new SqlCommand ("SELECT * FROM LOAISACH", conn); SqlDataReader reader; string str=""; reader = cmd.ExecuteReader(); while (reader.Read()) { str = string.Format("{1} ", reader["MaLoaiSach"], reader["TenLoaiSach"]); lblLoaiSach.Text = lblLoaiSach.Text + str; } Hiển thị sách chọn loại sách kiện Page_Load trang SachDS.aspx: string maLS = Request.QueryString[“MaLoaiSach”] GridSach.DataSource = Sach_DS(maLS); GridSach.DataBind(); //GridSach GridView //Sach_DS hàm chứa danh sách sách Bài tập tình huống: - Thêm vào sở liệu sử dụng bảng liệu sau: NGUOIDUNG(TenDN, MatKhau) - Thêm vào website trang web có giao diện sau: - Nếu đăng nhập thành cơng chuyển đến trang web đó, ngược lại thơng báo lỗi 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); dbCon.Open(); SqlCommand cmd= new SqlCommand("SELECT * FROM NGUOIDUNG WHERE TenDN='" + TenDN + "' AND MatKhau='"+ MatKhau + "'", dbCon); SqlDataReader reader= cmd.ExecuteReader(); if (reader.HasRows) return true ; else return false ; } Code xử lý 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 xác!"; 1.2 Session User User Session: user Session: user Session: user User 10 - Ta thiết kế lại site.master • Thêm table vào, chia làm phần header,left, main content footer 22 Ứ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, … Xây dựng CSDL tương ứng Quản lý thông tin công ty/tổ chức Quản lý tin tức Quản lý, giới thiệu đánh giá sản phẩm (xe máy, quần áo, điện thoại, máy ảnh, …) Chức tìm kiếm: tên, đơn giá, … Giỏ hàng Đặt hàng 23 Phần quản trị (Admin) website: • Xử lý đặt hàng • Xử lý giao hàng • Quản lý tài khoản khách hàng • Quản lý kênh đặt hàng • Quản lý giao dịch tốn trực tuyến • Các chức thống kê, tổng hợp •… 24 Xây dựng sở liệu cho website TMĐT - Tùy theo ngữ cảnh, quy mô, chức năng, … doanh nghiệp mà CSDL có bảng liệu khác - Tuy nhiên, bảng phải có CSDL website TMĐT để quản lý 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 tố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 25 Ví dụ, Database Diagrams CSDL website bán sách thu nhỏ: 26 Giao diện chức dành cho người sử dụng: - Trang chủ gồm thành phần chính: Header, menu trái, thành phần chính, menu phải footer - Header: chứa logo cơng ty, tên website, chức - Menu trái menu động chứa thơng tin loại/nhóm sản phẩm - Thành phần website dùng để thị thông tin sản phẩm cần giới thiệu bán - Menu phải chứa sản phẩm mới, tin tức dành cho quảng cáo, … - Phần footer chứa thông tin công ty/doanh nghiệp, quyền, … 27 Ví dụ, trang chủ website đơn giản 28 Các chức chính: a Chức tìm kiếm theo tên (tương tự cho chức tìm kiếm khác) - Thiết kế giao diện WebForm: • Tạo TextBox cho phép người dùng nhập vào tên sản phẩm cần tìm • Tạo Button người dùng click vào nút lệnh, dựa vào nội dung nhập vào TextBox, cho kết tên sản phẩm tương ứng (cho phép tìm gần đúng) • Tạo DataList để thị danh sách sản phẩm vừa tìm 29 Code C# gợi ý: 30 b Ý tưởng tạo giỏ hàng website 31 32 33 Giao diện đăng nhập quản trị website: - Để quản trị website, người dùng phải có tài khoản đăng nhập - Căn vào thông tin đăng nhập, hệ thống cho phép đầy đủ chức vài chức (có phân quyền quản lý) 34 Ví dụ, trang web có giao diện đơn giản để cập nhật sách vào CSDL 35 Phần sinh viên tự tìm hiểu: Đưa thơng tin website lên Internet? 36 ... footer 22 Ứ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... tình huống: - Thêm vào sở liệu sử dụng bảng liệu sau: NGUOIDUNG(TenDN, MatKhau) - Thêm vào website trang web có giao diện sau: - Nếu đăng nhập thành cơng chuyển đến trang web đó, ngược lại thông... Session) Master Page Ứng dụng web database phần chức QUẢN LÝ TRẠNG THÁI 1.1 Query String -Query string dùng để chuyển thông tin trang web với -Query string phần URL thêm vào trang web, sau dấu chấm