Thực hành lập trình Web

Thực hành lập trình Web Lab 1: Xây dựng ứng dụng web đơn giản với Microsoft Visual Studio 2005 ASP.NET Môi trường Microsoft Visual Studio 2005 2.1 Một số khái niệm sở        Form Controls Properties (như ID, Width, Height…) Method Sự kiện Thủ tục – Hàm Thư viện 2.2 Giao diện môi trường  Start Page  Option Dialog  Toolbox  Thêm control/tab vào toolbox (Click phải \ Add …)  Kéo thả control vào form  Properties  Solution Explorer  Thêm tham chiếu đến thư viện (\ References)  Đặt form bắt đầu (Set As Start Page)  Class View  Resource View  Xem hình design form: Shift-F7, xem hình code: Ctrl-Alt-0  Chạy chương trình: Ctrl-F5 (hoặc F5 với chế độ Debug)  Debug: F11 (Step Into), F10 (Step Over), F9 (Set / Remove break point), xem giá trị biến (trỏ chuột vào biến, chọn thêm biến vào cửa sổ Watch) 2) Xây dựng ứng dụng 4.1 Tạo Web site  Từ Menu chọn File - New - Web site  Template : ASP.NET Web site  Location : File System  Language : Visual C# 4.2 Thiết kế Form theo mẫu GV: Huỳnh Khắc Duy Thực hành lập trình Web  Tạo table : Menu Layout – Insert Table  Kéo thả Control Toolbox vào WebForm.aspx mẫu  Đặt thuộc tính cho đối tượng Form: ToolBox Web Forms HTML Control Control type Label1 Label Label2 Label Label3 Label Textbox1 Textbox2 Button1 Textbox Textbox Button Textbox3 Textbox Horizontal Rule Property ID Font Text ID Font ID Font ID ID ID Text ID Value lblCalculator Arial, Bold, XXL Web Calculator lblSo1 Arial, Medium lblSo2 Arial, Medium txtSo1 txtSo2 btTong Tổng txtTong 4.3 Viết mã lệnh xử lý  Viết hàm xử lý kiện bấm vào nút Tổng  Bấm đúp (double click) vào nút Tổng form tự động thêm hàm xử lý kiện protected void btTong_Click(object sender, EventArgs e) { }  Nhập đoạn mã lệnh (in đậm) vào thân hàm vừa phát sinh: protected void btTong_Click(object sender, EventArgs e) { int so1, so2, tong; so1 = int.Parse(txtSo1.Text); so2 = int.Parse(txtSo2.Text); tong = so1 + so2; txtTong.Text = tong.ToString(); } 4.4 Lưu trữ dạng Unicode :  Giải thích: Các Form User Control ứng dụng ASP.NET không mặc định lưu theo dạng có hỗ trợ Font Unicode Vì chạy ứng dụng từ Browser không hiển thị Font chữ tiếng Việt  Cách sửa: Nếu có sử dụng Font Unicode file cần phải định cho VS.NET lưu file theo định dạng Unicode GV: Huỳnh Khắc Duy Thực hành lập trình Web  Từ menu chọn File\Save As Từ hộp thoại Save File As, chọn Save with Encoding 3) Chạy kiểm thử chương trình 5.1 Chạy chương trình  Bấm Ctrl + F5 : để chạy chương trình 5.2 Thực tập thao tác Debug Để trỏ dòng thực phép tính, bấm F9 để đặt Break Point Bấm F5 để bắt đầu chạy kiểm lỗi chương trình Nhập giá trị cho Text Box sau: Số 1 Số 2 Nhấn nút Tổng Ta thấy, chương trình tự động nhảy vào hàm btnTong_Click dừng dòng mà đặt Breakpoint Để kiểm tra giá trị biến thời điểm này, ta nhập tên biến cần kiểm tra giá trị vào hộp thoại Watch Bấm F5 để tiếp tục chạy chương trình, bấm F10 để chạy dòng code Kiểm tra kết 4) Viết code ví dụ 6.1 Sử dụng thuộc tính isPostBack Trong ASP.NET gọi việc gửi thông tin request lại cho gọi postback Về nguồn gốc tên postback nghĩa việc gửi thông tin request Web application trả lại request cho component sinh HTML private void Page_Load(object sender, EventArgs e) { // Sử dụng IsPostBack property, phán đoán xem có postback hay không? if (!IsPostBack) { // mô tả xử lí khởi tạo } GV: Huỳnh Khắc Duy Thực hành lập trình Web Ví dụ bạn tạo textbox vừa load lên giá trị “Welcom” postback giá trị “Postback” đoạn mã sau protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { Txttest.Text = "Welcom"; } else { Txttest.Text = "Postback"; } } 6.2 Xác định giá trị VIEWSTATE  VIEWSTATE o Duy trì trạng thái control trang web lần postback xảy o Được mã hóa nhúng trang web dạng ẩn o Không thích hợp cho control có nhiều liệu GirdView, Repeater … o Mặc định ViewState kích hoạt (enable) cho tất server controls o Disable ViewState  Page level  Contrl level  Một số control Textbox, dropdownlist,… trì ViewState cho dù ViewState bị disable  Lập trình quản lý ViewState o Mục đích: lưu thông tin bổ sung lần post-back trang web o ViewState lưu trữ kiểu liệu kiểu sở kiểu tham chiếu (đối tượng – objects) o Lưu ViewState (name – value) ViewState[“RequestCount”]= count; o Truy xuất Viewstate phải ép kiểu tương ứng int count = (int)ViewState[“RequestCount”]; GV: Huỳnh Khắc Duy Thực hành lập trình Web 5) Xây dựng trang website mua bán sách 2.1 Tạo Web site mua bán sách  Từ Menu chọn File - New - Web site  Template : ASP.NET Web site  Location : File System  Language : Visual C# 2.2 Thêm Item vào website  Từ Menu Website  Add new item 2.3 Tạo thư mục administrator để chứa trang quản trị  Nhấp phải chuột vào WebSach chọn New Folder 2.4 Thiết kế trang thêm loại sách  Chọn vào thư mục administrator sau  Từ Menu Website  Add new item  Chọn Web Form  Đặt tên trang themloaisach.aspx  Thiết kế trang theo mẫu sau:  Đặt thuộc tính cho đối tượng Form: ToolBox Web Forms Control Control type Label1 Label Label2 Label Textbox1 Textbox2 Button1 Textbox Textbox Button Property ID Text ID Text ID ID ID Text Value lblmaloai Mã loại lbltenloai Tên loại txtmaloai txttenloai btnthemloaisach Thêm loại  Để liệu gửi lên server ta cần phải có trang để nhận thông tin gọi xulythemloai.aspx ta tạo trang tương tự trang themloaisach.aspx Viết code cho button thêm loại sách, nhấp đôi vào button xuất GV: Huỳnh Khắc Duy Thực hành lập trình Web protected void btnthemloaisach_Click(object sender, EventArgs e) { }  Để gửi phương thức “GET” nhập đoạn mã sau protected void btnthemloaisach_Click(object sender, EventArgs e) { String url; url = "xulythemloai.aspx?maloai=" + txtMaloai.Text + "&tenloai=" + txttenloai.Text; Response.Redirect(url); }  Tại trang xulythemloai.aspx phần page_load ta viết đoạn code sau để in kết nhận protected void Page_Load(object sender, EventArgs e) { if (!Page.IsPostBack) { Response.Write(Request.QueryString["maloai"]); Response.Write(Request.QueryString["tenloai"]); } }  Bây chạy thử xem trang hoạt động chưa nhận liệu chưa 2.5 Thiết kế trang web viết code cho trang nhận in thông tin trang sử dụng phương thức “post”  Phương thức post sử dụng sau:  Tại trang tranggui.aspx ta có đoạn code cho kiện sau có trangnhan.aspx la trang nhận liệu gửi lên GV: Huỳnh Khắc Duy Thực hành lập trình Web protected void btntimsach_Click(object sender, EventArgs e) { Server.Transfer("trangnhan.aspx"); } Tại trang trangnhan.aspx có đoạn code sau để in  ta thông tin gửi từ tranggui.aspx là: protected void Page_Load(object sender, EventArgs e) { string strText = Request.Form.Get("txt1"); Response.Write(strText); string strText1 = Request.Form.Get("txt2"); Response.Write(strText1); } 2.6 Thiết kế trang tìm kiếm sách Thiết kế theo mẫu sau  2.7 2.8 Thiết kế trang thêm sách Thiết kế trang đăng ký thông tin khách hàng GV: Huỳnh Khắc Duy Thực hành lập trình Web Lab 3: Sử dụng Rich Control (Calendar, add rotator, …), validation, login 6) Mục tiêu  Sử dụng adrotator xây dựng thành phần quảng cáo  Viết biểu mẫu sử dụng control calendar nhập liệu cho field ngày/tháng Submit lên server hiển thị kết Thiết lập ngày mặc định cho control calendar ngày hành hệ thống  Xây dựng form đăng nhập cho người sử dụng mua hàng người quản trị đăng nhập quản lý liệu (sử dụng mẫu login có sẵn M.VS 2005) 7) Sử dụng adrotator xây dựng thành phần quảng cáo 2.9 Tạo file XML  Từ Menu chọn WebSite\Add New Item, chọn XML File từ ô cửa sổ Template, đặt tên file Adv.xml GV: Huỳnh Khắc Duy Thực hành lập trình Web  Sao chép đoạn mã sau vào File Adv.xml images\stu.jpg http://www.stu.edu.vn DH Cong Nghe Sai Gon 80 Topic1 This is the caption for Ad#1 images\win.jpg http://www.microsoft.com Windows 80 Topic2 This is the caption for Ad#2 images\ibm.jpg http://www.ibm.com IBM 80 Topic1 This is the caption for Ad#3 GV: Huỳnh Khắc Duy Thực hành lập trình Web 2.10 Tạo thư mục chứa hình ảnh  Tạo thư mục chứa hình ảnh quảng cáo đặt tên images chép hình có thư mục hình ảnh vào thư mục images 2.11 Tạo  Kéo thả  Chỉ Adv.xml GV: Huỳnh Khắc Duy Adrotator AdRotator Control vào menu đường dẫn cho thuộc tính AdvertisementFile AdRotator 10 Thực hành lập trình Web • Kết nối đến tập tin “database.mdb” • Tạo câu truy vấn INSERT - Sửa câu lệnh truy vấn theo yêu cầu để hiển thị hình ảnh GV: Huỳnh Khắc Duy 32 Thực hành lập trình Web - Nhấp chọn vào WHERE thực bước sau GV: Huỳnh Khắc Duy 33 Thực hành lập trình Web Sau bấm vào Add nhấp vào OK Sau chỉnh sửa DataList sau: - Từ DataList chọn Choose Data Source chọn AccessDataSource1 - Chọn vào edit templates chỉnh sửa lại sau - Tại Image Control làm tương tự GirdView Chạy vào kiểm tra - GV: Huỳnh Khắc Duy 34 Thực hành lập trình Web Lab 8: Chức đăng nhập sử dụng Application - Session 26) Mục tiêu - Xây dựng trang web thực chức sau: - Hiển thị số người dùng viếng thăm website o Nếu người dùng chưa đăng nhập hệ thống hiển thị chức Đăng nhập (Login): o Cho phép người dùng nhập Tên đăng nhập Mật - Dùng lệnh kết nối CSDL kiểm tra thông tin đăng nhập o Nếu thành công hiển thị thông báo chào mừng o Ngược lại hiển thị thông báo lỗi đăng nhập - Nếu người dùng đăng nhập hệ thống hiển thị chức Đăng thoát (Logout) cho phép người dùng thoát khỏi hệ thống 27) Tóm tắt Application Session Mục đích: Hiểu ý nghĩa phạm vi sử dụng Application Session - Ý nghĩa Tên đối tượng Session Chức Lưu trữ thông tin session (phiên làm việc) user Application Chia sẻ thông tin user ứng dụng - Sự Kiện Tên kiện Application_Start Session_Start Application_End Session_End - Sự kiện phát sinh Khi ứng dụng web lần gọi Khi bắt đầu phiên làm việc người dùng kết nối vào ứng dụng Khi ứng dụng web kết thúc Một ứng dụng web kết thúc ứng dụng web khởi tạo lại không người dùng kết nối vào ứng dụng Khi phiên làm việc người dùng chấm dứt Người dùng không kết nối đến ứng dụng khoảng thời gian TimeOut Khởi tạo, Lấy giá trị Hủy biến Phạm vi GV: Huỳnh Khắc Duy Cú pháp Diễn giải 35 Thực hành lập trình Web Application[“TenBien”] = “abc” ; Application string s = (string) Application[“chuoi”] ; int count = (int) Application[“count”] ; Session Session[“TenBien”] = “abc” string s = (string) Session[“username”] ; int count = (int) Session[“count”] ; Session.TimeOut = 30 Khởi tạo biến TenBien với giá trị Khởi tạo biến TenBien với giá trị “abc” lưu vào phiên làm việc user Lấy thông tin giá trị biến TenBien từ phiên làm việc user lưu vào biến s Thiết lập thời gian TimeOut cho phiên làm việc user 30 phút Hủy bỏ tất biến phiên làm việc user Session.Abandon() 28) Hiển thị số khách viếng thăm Website (Sử dụng Application) - Tạo Web User Control để hiển thị số khách viếng thăm - Đặt tên thongke.ascx - Thiết kế trang thongke.ascx kéo thả vào trang MasterPage.master - Thêm vào control sau Control Label1 Control type Label Property ID Text Value lblsokhach Mã loại - Khởi tạo lưu thông tin Số người duyệt website website kích hoạt lần GV: Huỳnh Khắc Duy 36 Thực hành lập trình Web o Từ menu Website  Add new item  Global.asax o Sửa xử lý hàm Application_Start sau: void Application_Start(object sender, EventArgs e) { // Khởi tạo số khách viếng thăm ban đầu Application["SoKhachVieng"] = 0; } - Tăng số người duyệt website có người dùng viếng thăm website o Mở trang Global.asax chế độ viết code (View Code) o Sửa xử lý hàm Session_Start sau: void Session_Start(object sender, EventArgs e) { // Tăng số khách viếng có phiên làm việc user Application["SoKhachVieng"] = (int)Application["SoKhachVieng"] + 1; } - Lấy thông tin số khách viếng website hiển thị hình o Tại trang thongke.ascx viết code cho hàm Page_Load sau protected void Page_Load(object sender, EventArgs e) { lblsokhach.Text = Application["SoKhachVieng"].ToString(); } 29) - Chức đăng nhập (Sử dụng Session) Tạo chức Login o Từ Menu chọn Website  Add new item  Web User Control, đặt tên Login.ascx o Thiết kế hình sau: o panellogin panellogout - Thêm Control Control type Label1 Label Label2 Label GV: Huỳnh Khắc Duy Property ID Text ID control sau Value lbluser Tên đăng nhập lblpass 37 Thực hành lập trình Web Label3 Label Button1 Button Button2 Button Text ID Text ID Text ID Text Mật lblchaomung Chào mừng bạn đăng nhập! btndangnhap Đăng nhập btndangxuat Đăng xuất - Khởi tạo Huỷ thông tin đăng nhập người dùng Session o Mở trang Global.asax chế độ View Code o Sửa lại xử lý hàm sau: o void Session_Start(object sender, EventArgs e) { // Tăng số khách viếng có phiên làm việc user Application["SoKhachVieng"] = (int)Application["SoKhachVieng"] + 1; } // Thiết lập thời gian TimeOut cho phiên 30 phút Session.Timeout = 30; // Đặt trạng thái ban đầu user chưa đăng nhập Session["LOGIN_OK"] = false; - Tại kiện Page_Load ta xử lý sau - protected void Page_Load(object sender, EventArgs e) { if (CheckLogin()) { //Ẩn chức login panellogin.Visible = false; // Hiển thị chức logout panellogout.Visible = true; } else { // Hiển thị chức login panellogin.Visible = true; // Ẩn chức logout panellogout.Visible = false; } } Protected bool CheckLogin() { return (bool)Session["LOGIN_OK"]; } - Viết mã lệnh xử lý người dùng nhấn nút “Đăng nhập” o Nhấn đúp vào nút “Đăng nhập” để phát sinh kiện Click cho nút GV: Huỳnh Khắc Duy 38 Thực hành lập trình Web o hàm xử lý kiểm tra thông tin đăng nhập xử lý kiện cho btndangnhap sau: o Tại trang login.ascx ý thêm dòng lệnh sau protected void btndangnhap_Click(object sender, EventArgs e) { if (KiemTradangnhap(txtuser.Text, txtpass.Text)) { // Lưu thông tin đăng nhập thành công vào Session Session["LOGIN_OK"] = true; website!"; // Ẩn chức Login panellogin.Visible = false; // Hiển thị chức logout lời chào mừng lblchaomung.Text = "Chào mừng bạn " + txtuser.Text + " đăng nhập panellogout.Visible = true; } else { // Lưu thông tin đăng nhập thất bại vào Session Session["LOGIN_OK"] = false; } } protected { bool KiemTradangnhap(string user, string pwd) string ConnectionString = "Jet OLEDB:Database Password=;Data Source='" + Server.MapPath("App_Data\\database.mdb") + "';Provider='Microsoft.Jet.OLEDB.4.0';User ID=Admin;Password=;"; OleDbConnection conn = new OleDbConnection(); conn.ConnectionString = ConnectionString; conn.Open(); String sql = "select makhachhang,matkhau from khachhang"; OleDbDataAdapter adapter = new OleDbDataAdapter(sql, conn); DataTable dt = new DataTable(); adapter.Fill(dt); int co=0; for (int i = 0; i < dt.Rows.Count;i++ ) { DataRow dr=dt.Rows[i]; String username=dr["makhachhang"].ToString(); String pass = dr["matkhau"].ToString(); if (username.Equals(txtuser.Text) == true) { if (pass.Equals(txtpass.Text) == true) co = 1; } } if (co==1) { return } return true; false; } GV: Huỳnh Khắc Duy 39 Thực hành lập trình Web - Viết hàm xử lý kiện cho btndangxuat sau protected void btndangxuat_Click(object sender, EventArgs e) { Session["LOGIN_OK"] = false; } - Chạy kiểm tra Lab 9: Xây dựng trang thêm-sửa-xóa cho người quản trị 30) 31) Mục tiêu Sử dụng câu lệnh kết nối CSDL để cập nhật liệu Viết code cho kiện cho trang thêm – xóa - sửa Sử dụng thuộc tính control Xây dựng trang thêm loại sách Thêm trang xulyloai.aspx kế thừa từ trang MasterPage (trang cha) • Menu Website – Add new item Template : Webform Name : xulyloai.aspx Chọn “Select master page”  Thêm control vào trang hình  Đặt thuộc tính cho đối tượng Form: ToolBox Web Forms GV: Huỳnh Khắc Duy Control Label1 Control type Label Textbox1 Textbox2 Textbox Textbox Property ID Text ID ID Value lbltieude Thêm loại sách txtmaloai txttenloai 40 Thực hành lập trình Web Button1 Button ID btnxuly Text Thêm Button1 Button ID btnhuy Text Hủy  Để thực thêm loại sách ta phải viết lênh kiện nhấp vào btnxuly  Nhấp vào btnxuly ta viết đoạn kết sau protected void btnxuly_Click(object sender, EventArgs e) { string ConnectionString = "Jet OLEDB:Database Password=;Data Source='" + Server.MapPath(" \\App_Data\\database.mdb") + "';Provider='Microsoft.Jet.OLEDB.4.0';User ID=Admin;Password=;"; OleDbConnection conn = new OleDbConnection(); conn.ConnectionString = ConnectionString; conn.Open(); String sql_insert = "insert into loaisach values('" + txtMaloai.Text + "','" + txttenloai.Text + "')"; OleDbCommand cmd = new OleDbCommand(sql_insert, conn); cmd.ExecuteNonQuery(); }  Chú ý phải thêm dòng lệnh sau 32) Xây dựng trang xóa – sửa loại sách Tạo hiển thị danh mục loại sách o Sử dụng GirdView Control: • Từ ToolBox – kéo control GirdView vào Window form • Đặt tên cho gv1 o Sử dụng AccessDataSource • Từ cửa sổ Toolbox, kéo thả đối tượng AccessDataSource vào Web Form • Kết nối đến tập tin “database.mdb” • Tạo câu truy vấn INSERT GV: Huỳnh Khắc Duy 41 Thực hành lập trình Web Sau nhấn finish next - Đặt thuộc tính DataSourceID AccessDataSource1 cho gv1 - Thêm vào HyperLink control sau: - - Tại trang xulyloai.aspx ta viết lệnh xử lý GV: Huỳnh Khắc Duy 42 Thực hành lập trình Web - Khai báo biến toàn cục để lưu lệnh thực thi //Xác định loại lệnh cần xử lý //0:Thêm //1: Sửa //2: Xóa int loaixl = 0; protected void Page_Load(object sender, EventArgs e) { } - Viết đoạn lệnh xử lý cho kiện Page_Load - Nhấp vào trang xulyloai.aspx viết đoạn lệnh sau GV: Huỳnh Khắc Duy 43 protected void Page_Load(object sender, EventArgs e) { Thực hành lập trìnhstring Web ConnectionString = "Jet OLEDB:Database Password=;Data Source='" + Server.MapPath(" \\App_Data\\database.mdb") + "';Provider='Microsoft.Jet.OLEDB.4.0';User ID=Admin;Password=;"; OleDbConnection conn = new OleDbConnection(); conn.ConnectionString = ConnectionString; conn.Open(); String ma = Request.QueryString["maloai"]; String loaixuly = Request.QueryString["loaixuly"]; ; if (loaixuly != null) loaixl = int.Parse(loaixuly); if (!Page.IsPostBack) { if (ma != "") { if (loaixl == 2) { String sql_delete = "delete from loaisach where maloai='" + ma + "'"; OleDbCommand cmd = new OleDbCommand(sql_delete, conn); cmd.ExecuteNonQuery(); Response.Redirect("capnhatloaisach.aspx"); } if (loaixl == 1) { String sql = "select maloai,tenloai from loaisach where maloai='" + ma + "'"; OleDbDataAdapter adapter = new OleDbDataAdapter(sql, conn); DataTable dt = new DataTable(); adapter.Fill(dt); String ml = ""; String tl = ""; for (int i = 0; i < dt.Rows.Count; i++) { DataRow dr = dt.Rows[i]; ml = dr["maloai"].ToString(); tl = dr["tenloai"].ToString(); } txtMaloai.Text = ml; txttenloai.Text = tl; // } } btnxuly.Text = "Cập nhật"; lbltieude.Text = "Cập nhật loại sách"; txtMaloai.ReadOnly = true; } } GV: Huỳnh Khắc Duy 44 Thực hành lập trình Web - Viết lệnh xử lý cho btnxuly để xử lý lệnh - Nhấp vào button btnxuly viết vào kiện Click sau protected void btnxuly_Click(object sender, EventArgs e) { if (loaixl==0) { string ConnectionString = "Jet OLEDB:Database Password=;Data Source='" + Server.MapPath(" \\App_Data\\database.mdb") + "';Provider='Microsoft.Jet.OLEDB.4.0';User ID=Admin;Password=;"; OleDbConnection conn = new OleDbConnection(); conn.ConnectionString = ConnectionString; conn.Open(); String sql_insert = "insert into loaisach values('" + txtMaloai.Text + "','" + txttenloai.Text + "')"; OleDbCommand cmd = new OleDbCommand(sql_insert, conn); cmd.ExecuteNonQuery(); } else { string ConnectionString = "Jet OLEDB:Database Password=;Data Source='" + Server.MapPath(" \\App_Data\\database.mdb") + "';Provider='Microsoft.Jet.OLEDB.4.0';User ID=Admin;Password=;"; OleDbConnection conn = new OleDbConnection(); conn.ConnectionString = ConnectionString; conn.Open(); String sql_update = "update loaisach set tenloai='" + txttenloai.Text + "' where maloai='" + txtMaloai.Text + "'"; OleDbCommand cmd = new OleDbCommand(sql_update, conn); cmd.ExecuteNonQuery(); } } btnxuly.Text = "Cập nhật"; lbltieude.Text = "Cập nhật loại sách"; txtMaloai.ReadOnly = true; } } } } - Chạy kiểm tra lệnh thêm – xóa – sửa loại sách GV: Huỳnh Khắc Duy 45 Thực hành lập trình Web Confirm PASSWORD Mật khẩu:   Nhập Lại Mật Khẩu:   NGÀ Y THÁ NG Ngày sinh:   GIÁ SP KHÔNG NHẬP SỐ ÂM Giá Sản Phẩm: GV: Huỳnh Khắc Duy 46 [...]... Duy 25 Thực hành lập trình Web - GV: Huỳnh Khắc Duy Tiếp theo chỉnh sửa các thuộc tính của hộp thoại Xóa cột hình 26 Thực hành lập trình Web - Them control để hiển thị hình ảnh - Chọn dataimageurlfield là hình GV: Huỳnh Khắc Duy 27 Thực hành lập trình Web - Để thực hiện phân trang ta thiết lập các thuộc tính sau - chúng ta chọn thuộc tính Enable Paging GV: Huỳnh Khắc Duy 28 Thực hành lập trình Web -... Toolbox, kéo thả đối tượng AccessDataSource vào Web Form GV: Huỳnh Khắc Duy 31 Thực hành lập trình Web • Kết nối đến tập tin “database.mdb” • Tạo câu truy vấn INSERT - Sửa câu lệnh truy vấn theo yêu cầu để hiển thị hình ảnh GV: Huỳnh Khắc Duy 32 Thực hành lập trình Web - Nhấp chọn vào WHERE và thực hiện các bước sau GV: Huỳnh Khắc Duy 33 Thực hành lập trình Web Sau đó bấm vào Add và nhấp vào OK Sau đó.. .Thực hành lập trình Web  Để website không bị chuyển đến trang khác khi người dùng click chuột vào thì ta nên đặt thuộc tính sau 8) Sử dụng control calendar nhập liệu cho ngày/tháng  Thiết kế GV: Huỳnh Khắc Duy trang theo mẫu đặt tên là ngaythang.aspx 11 Thực hành lập trình Web  Thiết lập ngày mặc định cho control calendar là ngày hiện hành của hệ thống protected void... ContentPlaceHolder) GV: Huỳnh Khắc Duy 14 Thực hành lập trình Web 14) Xây dựng master page  Từ Menu chọn WebSite\Add New Item, chọn Master Page từ ô cửa sổ Template, đặt tên file MasterPage.aspx  Chuyển sang màn hình design - Xóa tất cả các control có trên đó  Thêm một table : Menu Layout – Insert table  Sau đó định dạng table theoo dạng như sau GV: Huỳnh Khắc Duy 15 Thực hành lập trình Web 15) Xây dựng các trang... Control ControlID : txtMasach GV: Huỳnh Khắc Duy 22 Thực hành lập trình Web  Tương tự cho các cột còn lại  Riêng cột hình ảnh thì Bấm vào “Show advanced properties” Properties : PropertyName chọn FileName GV: Huỳnh Khắc Duy 23 Thực hành lập trình Web  Viết hàm xử lý cho button Thêm sử dụng các đoạn mã của các bài lab trước để xử lý việc upload hình ảnh lên website 20) - Thiết kế và viết xử lý cho các yêu... AccessDataSource chọn “Configure Data Source …” GV: Huỳnh Khắc Duy 19 Thực hành lập trình Web  C họn đường dẫn đến file database.mdb Next  Chọn “Specify columns from a table or view” Name : sach Columns : chọn * (Chọn các cột sẽ được hiển thị trong câu truy vấn select – chọn * có nghĩa là chọn tất cả các cột) GV: Huỳnh Khắc Duy 20 Thực hành lập trình Web Next  Advanced… sau đó check vào Generate …  Tạo GirdView... Duy 34 Thực hành lập trình Web Lab 8: Chức năng đăng nhập và sử dụng Application - Session 26) Mục tiêu - Xây dựng trang web thực hiện các chức năng sau: - Hiển thị số người dùng đã viếng thăm website o Nếu người dùng chưa đăng nhập hệ thống thì hiển thị chức năng Đăng nhập (Login): o Cho phép người dùng nhập Tên đăng nhập và Mật khẩu - Dùng lệnh kết nối CSDL kiểm tra thông tin đăng nhập o Nếu thành... Control type Property Value Hpl1 HyperLink HeaderText Thực hiện Text Chi tiết NavigateUrl Chitiet.aspx?masach= Data Chitiet.aspx?masach={0} NavigateUrlFormatString DataNavigateUrlFields masach GV: Huỳnh Khắc Duy 30 Thực hành lập trình Web - Thêm trang chitiet.aspx kế thừa từ trang MasterPage (trang cha) • Menu Website – Add new item 1 Template : Webform 2 Name : chitiet.aspx 3 * Chọn “Select master... đúng Thực hành lập trình Web Lab 5: Kết nối với CSDL 16) Mục tiêu Kết nối trong CSDL: Sử dụng đối tượng kết nối CSDL AccessDataSource để kết nối tới CSDL database.mdb trong thư mục app_data và viết các trang web có kết nối CSDL 17) Xây dựng CSDL  Mở ứng dựng Microsoft Access  Mở và xem cấu trúc CSDL có sẵn có tên database.mdb  Lưu database.mdb vào thư mục App_Data trong thư mục gốc chứa trang web. .. danhmuc.ascx, dangnhap.ascx … theo yêu cầu  Vùng hiển thị nội dung chứa một ContentPlaceHolder Tạo trang chủ mua bán sách  Vào Menu Website – Add new item  Template : Webform  Name : index.aspx  Language : Visual C#  Chọn : Select master page GV: Huỳnh Khắc Duy 17 Thực hành lập trình Web