Hệ thống CSDL của WebApp bán bánh ngọt Online được biểu diễn như sau:+ Các sản phẩm được bán trực tuyến tại cửa hàng bán Bánh Tous Les Jours gồm 2 chức năng:•Bên mua:+ Cho phép khách hàng online có thể chọn hàng từ trang HomePage.aspx sử dụng cart (giỏ hàng) đây là cơ sở để lập ra đơn hàng. Trong mỗi đơn hàng được lập ra sẽ gồm có các thông tin: Mã sản phẩm, ngày lập đơn, các mã số liên quan như: mã khách hàng, mã nhân viên và mã khu vực của mỗi cửa hàng, địa chỉ giao hàng, người nhận, số điện thoại, thời hạn để nhận, tình trạng và ghi chú về đơn hàng đó.+ Mỗi khách hàng có 1 hoặc nhiều đơn hàng và mỗi đơn hàng là của một khách hàng duy nhất.+ Mỗi chuyên môn có nhiều đơn hàng và mỗi đơn hàng chỉ có một chuyên môn do nhân viên đảm nhận nhất định để phục vụ công việc bán hàng hằng ngày.+ Các đơn hàng sẽ có một chi tiết đơn đặt hàng khi giao cho khách hàng•Bên bán:+ Hệ thống cửa hàng bán bánh ngọt gồm nhiều chi nhánh cửa hàng. Mỗi chi nhánh gồm các thông tin như: mã chi nhánh, tên cửa hàng, địa chỉ, sức chứa, số lượng còn trống tại cửa hàng đó, mã khu vực chứa cửa hàng đó. + Sản phẩm tại các cửa hàng được bán rất đa dạng với nhiều mẫu được trang trí xinh đẹp với các loại đồ thực phẩm cao cấp+ Mỗi đơn hàng là do một nhân viên phụ trách, mỗi nhân viên được phân công phụ trách nhiều đơn hàng theo khu vực làm việc của cá nhân với đúng chuyên môn của mình.+ Hệ thống cửa hàng có quy mô nhỏ được phân bố rộng rãi tại các khu vực nội thành (Trung tâm Sài Gòn và khu vực quận Thủ Đức)+ Sản phẩm khi bán ra và chuyển giao cho nhân viên, sẽ được kiểm tra trước lượng tồn tại mỗi cửa hàng và coi chất lượng của sản phẩm trước khi chuyển giao cho người dùng.+Hóa đơn (Invoice): người bán đã chính thức thu tiền, người mua đã chính thức mua hàng (thanh toán cho cửa hàng): hoàn tất thương vụ giữa các bên cơ bản hết trách nhiệm.
TRƯỜNG ĐẠI HỌC TÀI CHÍNH – MARKETING KHOA CƠNG NGHỆ THÔNG TIN ĐỒ ÁN HỌC PHẦN TÊN HỌC PHẦN: LẬP TRÌNH WEB (4 tín chỉ) MÃ SỐ LỚP HP: 2111112005704 Tên đề tài: LẬP TRÌNH PHÁT TRIỂN WEBAPP BÁN BÁNH NGỌT ONLINE Họ tên sinh viên: Ngô Thị Thúy Hằng [06] Mã số sinh viên: 1921006684 Lớp: 2111112005704 [G4] Ngày nộp: 26/11 /2021 Ký tên: TP.HCM, ngày 26 tháng 11 năm 2021 TRƯỜNG ĐẠI HỌC TÀI CHÍNH – MARKETING KHOA CÔNG NGHỆ THÔNG TIN ĐỀ TÀI ĐỒ ÁN HỌC PHẦN TÊN HỌC PHẦN: LẬP TRÌNH WEB (4 tín chỉ) MÃ SỐ LỚP HP: 2111112005704 Tên đề tài: LẬP TRÌNH PHÁT TRIỂN WEBAPP BÁN BÁNH NGỌT TRỰC TUYẾN (ONLINE) Giảng viên giảng dạy: ThS GVC Võ Xuân Thể Sinh viên thực hiện: Ngô Thị Thúy Hằng [06] Mã số sinh viên: 1921006684 Lớp: 2111112005704 [G4] Tên sản phẩm đề tài : G406NTTHangBanBanhOnline (.Net framework 4.7.2, Visual Studio 2019) Các tài khoản quản lý: Admin vs password admin@vn VÀ Guess vs password guess@vn Tên DB SQL: 1G406NgoThiThuyHangBanhonline.bak (MS SQL 2019) Tên máy chủ DB SQL: 1G406NTTHangBanhOnline.mssql.somee.com Tên máy chủ DB SQL: DESKTOP-3FQJPQ6\SQLEXPRESS01 Tên đăng nhập DB SQL: sa Mật (password) đăng nhập SQL: 123456 Tên đăng nhập DB SQL: gfourntthang_SQLLogin_1 Mật (password) đăng nhập SQL: 6aqb1tr8b4 URL: http://G4BanBanhOnline.somee.com Or http://www.G4BanBanhOnline.somee.com Nhận xét giảng viên: ……………………………………………………… Điểm đánh giá:………….(…………………) Ngày……./…… /202… Giảng viên Ký tên TP.HCM, ngày 26 tháng 11 năm 2021 - 2- LỜI CẢM ƠN Em bạn sinh viên khác xin gửi lời cảm ơn sâu sắc chân thành tới Giảng viên phụ trách học phần - Thạc sĩ Võ Xuân Thể hướng dẫn, bảo tận tình cho cá nhân em bạn khác trình thực đồ án Với vốn kiến thức kinh nghiệm khiêm tốn bước đầu làm quen với cơng việc nghiên cứu mang tính thực nghiệm chắn kết đạt em không tránh khỏi hạn chế định Em mong muốn thầy, anh chị sinh viên trước hay độc giả quan tâm góp ý để em hoàn thiện cho đồ án nghiên cứu Xin kính chúc Thạc sĩ Võ Xuân Thể lời chúc sức khỏe, hạnh phúc thành đạt Xin chân thành cảm ơn Sinh viên thực Ngô Thị Thúy Hằng - 3- DANH MỤC CÁC TỪ VIẾT TẮT CSDL DB Cơ sở liệu: DataBase HQTCSDL = DBMS Hệ quản trị Cơ sở liệu NSD = Users = Account Người Sử Dụng = quyền làm việc WebApp đảm bảo tối thiểu yếu tố: tên đăng nhập (Username) mật (Password) RBTV Ràng buộc toàn vẹn khai thác CAPTCHA Completely Automated Public Turing test to tell Computers and Humans Apart Digital ID Digital Identification: Chữ ký số e-Doc e-Document: Chứng từ điện tử MS OS PC PIN Công ty Microsoft Operating System: Hệ điều hành Personal Computer: Máy tính cá nhân Personal Identification Number: Mã số nhận diện cá nhân Ngôn ngữ vấn tin có cấu trúc: Structured Query Language An tồn bảo mật hệ thống thông tin: Safety and Security of Information Systems Uniform Resource Locator = địa thống mạng máy tính, đặc biệt Internet, cho phép định vị tài nguyên dịch vụ ứng dụng, đặc biệt trang điện tử đa phương tiện (Multimedia), ví dụ: địa web, … Virtual Private Network: mạng riêng ảo Virtual Machine Software: Phần mềm máy ảo Web Application Software: phần mềm ứng dụng dạng Web SQL SSIS URL VPN VMWARE WebApp DANH MỤC CÁC THUẬT NGỮ Giao diện người dùng Là hệ thống hình giao tiếp cho phép người sử dụng - 4- tương tác với thành phần hệ thống, điều khiển hệ thống hoạt động theo yêu cầu người dùng - tương ứng chức có phần mềm Mạng xã hội: Social Network 1Mạng xã hội dịch vụ dựa tảng công nghệ (Công = Social Media nghệ Web công nghệ App SMART Phone) cho phép nối kết thành viên mạng Internet (là tài khoản người làm việc mạng thông qua e-mail, số điện thoại dạng thông tin nhận diện cá nhân đó) lại với với nhiều mục đích khác khơng phân biệt khơng gian thời gian Thông thường thành viên tham gia vào mạng xã hội hình thành cơng đồng mạng xã hội có gần hoạt động xã hội công đồng dân cư thực tế, tất dựa tương tác “ảo” Internet Các thành viên mạng xã hội gơm nhóm lại với dựa sở chung số yếu tố đó, như: sở thích, nhóm làm việc, cộng đồng xã hội, … Người dùng (User): Tài khoản (Account) Là quyền làm việc hệ thống cấp phát cho cá nhân thông qua tên tài khoản (username) mật (password) Trực tuyến = Online Là hoạt động thực từ xa thông qua dịch vụ Internet, đặc biệt dịch vụ Web Firewall Bức tường lửa Network Mạng máy tính Intranet Mạng nội Internet Mạng toàn cầu (International Network) Extranet Mạng ngoại / VPN Host Web Là không gian lưu trữ phát hành WebApp (Websites) mạng máy tính, đặc biệt mạng Internet MỤC LỤC LỜI CẢM ƠN .3 DANH MỤC CÁC TỪ VIẾT TẮT .4 DANH MỤC CÁC THUẬT NGỮ Đây khái niệm “Mạng xã hội” [SN] theo Giảng viên học phần: Võ Xuân Thể - 5- MỤC LỤC PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN HỌC PHẦN 15 Chương 1: GIỚI THIỆU ĐỒ ÁN CỦA HP 16 1.1 Tổng quan ĐỒ ÁN HỌC PHẦN .16 1.2 Nội dung chun mơn ĐỒ ÁN HỌC PHẦN 16 1.3 Công cụ tảng kỹ thuật thực ĐỒ ÁN HỌC PHẦN 16 1.4 Sản phẩm ĐỒ ÁN HỌC PHẦN 16 1.5 Bố cục báo cáo 17 Chương 2: CƠ SỞ LÝ THUYẾT CỦA HỌC PHẦN 18 2.1 Giới thiệu lập trình WebApp ASP.NET 18 2.2 Phát triển WebApp ASP.NET đơn giản có CSDL dùng ADO.NET 18 2.3 Master Page = Mẫu trang web .18 2.3.1 Căn MASTER PAGE 18 2.3.1.1 Khái niệm Masterpage (mẫu trang web) 18 2.3.1.1.1 Masterpage ? 18 2.3.1.1.2 Số lượng Masterpage Websites 18 2.3.1.1.3 Các thành phần Masterpage .18 2.3.1.2 Các bước thực 18 2.3.1.3 Xây dựng Mẫu trang (Masterpage) 18 2.3.1.3.1 Thiết kế Masterpage .18 2.3.1.3.2 VIẾT THỦ TỤC ẨN / HIỆN Login .18 2.4 2.5 Phát triển chức GIAO DỊCH WebApp ASP.NET 18 2.4.1 Trưng bày sản phẩm (dịch vụ) DataList 18 2.4.2 Session giỏ hàng 18 2.4.3 Đặt hàng toán 18 Phát triển chức QUẢN LÝ WebApp ASP.NET 18 - 6- 2.5.1 Quản lý đăng nhập bảo mật .18 2.5.2 Quản lý sản phẩm 18 2.5.3 Các chức thao tác liệu: Thêm _ Sửa _ Xóa .18 2.6 Xử lý Ràng buộc toàn vẹn liệu (RBTV) CSDL ASP.NET .18 2.6.1 Giới thiệu lập trình xử lý RBTV liệu CSDL ASP.NET 18 2.6.1.1 Giới thiệu RBTV .18 2.6.1.2 Cách thực hiện: 18 2.6.1.3 Các bước thực .18 2.6.2 Thiết kế hệ thống xử lý RBTV liệu .19 2.6.3 Lập trình hệ thống xử lý RBTV liệu 19 2.7 Lập trình thủ tục Chuyển nhóm liệu ASP.NET 19 2.7.1 Giới thiệu lập trình Chuyển nhóm liệu CSDL ASP.NET .19 2.7.2 Thiết kế hệ thống xử lý Chuyển nhóm liệu 19 2.7.3 Lập trình hệ thống xử lý Chuyển nhóm liệu .19 2.8 Lập trình thủ tục giao dịch Đặt hàng (Order) 19 2.8.1 Giới thiệu lập trình xử lý giao dịch đặt hàng ASP.NET 19 2.8.2 Chức khách hàng 19 2.8.3 Chức đơn đặt hàng 19 2.8.4 Chức chi tiết đơn hàng 19 2.8.5 Xử lý lưu trữ vào DB 19 2.9 Triển khai phát hành WebApp ASP.NET Internet (hoặc Intranet) 19 2.10 Giới thiệu lập trình WebApp PHP 19 Chương 3: THIẾT KẾ VÀ CẬP NHẬT CSDL PHỤC VỤ WEBAPP 20 3.1 Phân tích thiết kế DB 20 3.2 Diagram DB bán bánh online 21 3.3 Thiết kế Tables liệu: 21 3.3.1 Thiết kế Table MH 21 - 7- 3.3.2 Thiết kế Table DDH: 24 3.4 Cập nhật liệu DB thực nghiệm cho WebApp bán bánh online 25 3.5 Giới thiệu số SP Trigger DB quản lý bán bánh online 27 3.5.1 Phân hệ quản trị mua bán hàng: .27 Chương 4: THIẾT KẾ VÀ LẬP TRÌNH WEBAPP PHẦN GIAO DỊCH 29 4.1 Giới thiệu WebApp Bán bánh online .29 4.2 MasterPage giao dịch : Master.Master 29 4.3 4.2.1 Thiết kế Masterpage giao dịch .29 4.2.2 Lập trình (Codes) Masterpage giao dịch 30 Trang chủ trưng bày loại bánh ngọt: HomePage.aspx 31 4.3.1 Thiết kế (Design) WebApp giao dịch bán bánh online 31 4.3.2 Lập trình (Codes) WebApp giao dịch bán bánh online: FrHomepage.aspx 33 4.4 Trang “Giỏ hàng” khách hàng: FrCart.aspx 34 4.4.1 Thiết kế (Design) WebPage “Giỏ hàng” 34 4.4.2 Mã lệnh (Codes) WebPage “Giỏ hàng” 35 4.5 Đơn đặt hàng: FrOrder.aspx 36 4.5.1 Giới thiệu 36 4.5.2 Thiết kế trang Đặt hàng: FrOrder.aspx 38 4.5.3 Lập trình mã lệnh (Codes) trang Đặt hàng: FrOrder.aspx 39 Chương 5: THIẾT KẾ VÀ LẬP TRÌNH WEBAPP PHẦN QUẢN LÝ 46 5.1 Giới thiệu WebApp quản lý hệ thống bán bánh online 46 5.2 Masterpage quản lý hệ thống bán bánh online 46 5.2.1 Thiết kế Masterpage quản lý .46 5.2.2 5.3 Lập trình bổ sung Masterpage quản lý 53 Trang hệ thống quản lý hệ thống bán bánh ngọt: .54 5.3.1 Thiết kế (Design) trang quản lý chung (chính): Managerment.aspx 54 - 8- 5.3.2 5.4 Lập trình (Codes) trang quản lý chung (chính): GoodManagerment.aspx .55 Trang quản lý danh mục bánh ngọt: FrQLBanhManagements.aspx 55 5.4.1 Phân tích trang Quản lý danh mục bánh 55 5.4.2 Thiết kế (Design) trang quản lý danh mục bánh ngọt: FrQLBanhManagements.aspx .55 5.4.3 Lập trình (Codes)trang quản lý danh mục quản lý bánh ngọt: GoodManagerment.aspx 62 5.4.4 Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý danh mục bánh ngọt: GoodManagerment.aspx 63 5.4.4.1 Thêm sản phẩm bánh ngọt: 64 5.4.4.2 Sửa loại bánh ngọt: 68 5.4.4.3 Xóa loại bánh ngọt: 68 5.4.5 Lập trình (Codes) xử lý RBTV liệu Xóa danh mục sản phẩm bánh ngọt: GoodManagerment.aspx 68 5.4.5.1 Giới thiệu 68 5.4.5.2 Thiết kế GridView phụ Form quản lý FrGoodsManagements.aspx 69 5.4.5.3 5.5 Xử lý RBTV GridView phụ 70 Chuyển Nhóm: Chuyển mặt hàng từ nhóm sang nhóm khác .71 5.5.1 Thiết kế WebForm Chuyển Nhóm .71 5.5.2 Gọi WebForm Chuyển Nhóm từ WebForm quản lý Managements 72 5.5.3 Xử lý kết nối cài đặt DL WebForm Chuyển Nhóm 72 5.5.4 Mã lệnh lập trình (chỉ mang tính gợi ý) WebForm Chuyển Nhóm 74 5.5.5 Các mã lệnh lập trình (chỉ mang tính gợi ý) xứ lý “mờ” nút không phù hợp WebForm Chuyển Nhóm: .76 5.6 Trang quản lý nhân viên: .77 5.6.1 Phân tích trang Quản lý danh mục Nhân Viên 77 5.6.2 Thiết kế (Design) trang quản lý Nhân viên: FrQLNV.aspx 77 5.6.3 Lập trình (Codes)trang quản lý danh mục Nhân viên: FrQLNV.aspx 78 - 9- 5.6.4 Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý danh mục Nhân viên: FrQLNV.aspx 79 5.7 Trang quản lý cửa hàng 81 5.7.1 Phân tích trang Quản lý danh mục Cửa Hàng 81 5.7.2 Thiết kế (Design) trang quản lý Cửa Hàng: FrQLCH.aspx .82 5.7.3 Lập trình (Codes)trang quản lý danh mục Cửa Hàng: FrQLCH.aspx .83 5.7.4 Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý danh mục Cửa Hàng: FrQLCH.aspx 83 5.7.4.1 Thêm Cửa Hàng .84 5.7.4.2 Xóa Cửa Hàng 85 5.7.4.3 Sửa CuaHang 85 5.7.5 Lập trình Codes xử lý RBTV liệu xóa danh mục Cửa Hang: FrQLCH.aspx 85 5.7.5.1 Giới thiệu 85 5.7.5.2 Thiết kế GridView phụ Form Quản lý cửa Hàng 86 5.7.5.3 Xử lí RBTV GridView phụ 87 5.8 Trang quản lý khu vực 88 5.8.1 Phân tích trang Quản lý danh mục Khu Vực .88 5.8.2 Thiết kế (Design) trang quản lý Khu Vực: FrQLKV.aspx 89 5.8.3 Lập trình (Codes)trang quản lý danh mục Khu Vực: FrQLKV.aspx 89 5.8.4 Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý danh mục Khu Vực: FrQLKV.aspx .89 5.8.4.1 Thêm Khu Vực 89 5.8.4.2 Xóa Khu Vực 90 5.8.4.3 Sửa Khu Vực 90 5.8.5 Lập trình (Codes) xử lý RBTV liệu Xóa danh mục Khu vực: Khu vực FrQLKV.aspx 91 5.8.5.1 Giới thiệu 91 5.8.5.2 Thiết kế Gridview phụ FrQLKV.aspx 91 - 10 - + Chủ yếu: thực chức năng: Thêm _ Sửa _ Xóa khu vực liên quan Khu vực 5.15.2 Thiết kế (Design) trang quản lý Chi Tiết Đơn Đặt Hàng: FrCTDDH.aspx DropDownListDH: DataSourceID = SqlDataSourceDH Câu lệnh kết nối DB: SELECT * FROM DDH Các thiết lập thuộc tính : + v Enable Auto Postback + DataTextField = MSDDH + DataValueField = MSDDH DropDownListBN: DataSourceID = SqlDataSourceBN Câu lệnh kết nối DB: SELECT * FROM DMBanhNgot Các thiết lập thuộc tính : + v Enable Auto Postback + DataTextField = TenLoaiBanh + DataValueField = MaSoBanh GridViewCTDH: DataSourceID = SqlDataSourceCTDH Câu lệnh SQL kết nối DataBase: SELECT SL, MSDDH, MaSoBanh FROM ChiTietDH WHERE (MSDDH = @MSDDH) AND (MaSoBanh = @MaSoBanh) WHERE (HangTon.MSCuaHang = @MSCuaHang) AND (HangTon.MaSoBanh = @MaSoBanh) @MSDDH= DropDownListDH SelectedValue @MaSoBanh = DropDownListBN SelectedValue - 118 - Task->Edit Columns: HeaderText, DataField (Tự động gán cột liệu tương ứng) Bổ sung mục chọn “Tất cả” DropDownList hiển thị MSDDH MaSoBanh kế bên B1:Bổ sung Item mới=Dropdownlist[Task…]->Edit Item: Add [.Text = Tất cả, Value = *] B2: Properties[Dropdownlist] AppendDataBoundItems = True: mục chọn DDL bao gồm mục Edit Items B1 ghép (Append) với mục chọn có DB kết vào DDL 5.15.3 Lập trình (Codes)trang quản lý danh mục Chi Tiết Đơn Đặt Hàng: FrCTDDH.aspx protected void Page_Load(object sender, EventArgs e) { DropDownListDH_SelectedIndexChanged(sender, e); } protected void DropDownListDH_SelectedIndexChanged(object sender, EventArgs e) { if (DropDownListDH.SelectedValue == "*" && DropDownListBN.SelectedValue == "*") { SqlDataSourceCTDH.SelectCommand = "SELECT SL, MSDDH, MaSoBanh FROM ChiTietDH"; btnThem.Enabled = false; btnThem.ToolTip = "Vui lòng chọn đơn hàng loại bánh cụ thể để thêm chi tiết"; } if (DropDownListDH.SelectedValue != "*" && DropDownListBN.SelectedValue == "*") { SqlDataSourceCTDH.SelectCommand = "SELECT SL, MSDDH, MaSoBanh FROM ChiTietDH WHERE (MSDDH = @MSDDH)"; btnThem.Enabled = false; btnThem.ToolTip = "Vui lòng chọn loại bánh cụ thể để thêm chi tiết"; } if (DropDownListDH.SelectedValue == "*" && DropDownListBN.SelectedValue != "*") { SqlDataSourceCTDH.SelectCommand = "SELECT SL, MSDDH, MaSoBanh FROM ChiTietDH WHERE (MaSoBanh = @MaSoBanh)"; btnThem.Enabled = false; btnThem.ToolTip = "Vui lòng chọn đơn hàng cụ thể để thêm chi tiết"; } - 119 - if (DropDownListDH.SelectedValue != "*" && DropDownListBN.SelectedValue != "*") { GridViewCTDH.DataBind(); if (GridViewCTDH.Rows.Count == 0) { // Đơn hàng chưa có loại bánh chọn => cho phép thêm btnThem.Enabled = true; btnThem.ToolTip = ""; } else { // Đơn hàng có loại bánh chọn => cho cập nhật số lượng btnThem.Enabled = false; btnThem.ToolTip = "Đơn hàng có loại bánh chọn vui lịng cập nhật số lượng"; } } lbmsddh.Text = DropDownListDH.SelectedValue; lbMaBanh.Text = DropDownListBN.SelectedValue; } 5.15.4 Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý danh mục Chi Tiết Đơn Đặt Hàng: FrCTDDH.aspx B1: Thiết kế nút lệnh [Thêm | Xóa || Sửa || Chọn] dòng Gridview 5.15.4.1 Thêm CTDDH B2: Viết lệnh SQL thêm khu vực trrong SqlDataSourceCTDH tương ứng INSERT INTO ChiTietDH(MSDDH, MaSoBanh, SL) VALUES (@MSDDH, @MaSoBanh, @SL) B3: Thiết kế textbox cho phép NSD thêm khu vực - 120 - B4: Không cho phép “Thêm chi tiết” NSD chọn “Tất cả” DropDownListDH DropDownListBN ; Vì thêm mới, hiểu thêm vào “Cửa hàng Loại Bánh Đã chọn DropDownListDH DropDownListBN B5: Viết mã lệnh (Codes) cho nút lênh “Thêm chi tiết đơn hàng” protected void btnThem_Click(object sender, EventArgs e) { if (btnThem.Text == "Thêm chi tiết") { // Xóa thơng tin textbox txtSL.Text = ""; // Hiển thị textbox để nhập thông tin lbSL.Visible = true; txtSL.Visible = true; btnHuy.Visible = true; btnThem.Text = "Lưu chi tiết"; } else { try { SqlDataSourceCTDH.Insert(); this.Title = "Lưu thành công"; // Đơn hàng có loại bánh chọn => cho cập nhật số lượng btnThem.Enabled = false; btnThem.ToolTip = "Đơn hàng có loại bánh chọn vui lịng cập nhật số lượng"; } catch (Exception ex) { this.Title = "Lưu thất bại: " + ex.Message; } lbSL.Visible = false; txtSL.Visible = false; - 121 - btnHuy.Visible = false; btnThem.Text = "Thêm chi tiết"; } } B6: Viết mã lệnh (Codes) cho nút lênh “Hủy” protected void btnHuy_Click(object sender, EventArgs e) { lbSL.Visible = false; txtSL.Visible = false; btnHuy.Visible = false; btnThem.Text = "Thêm chi tiết"; } 5.15.4.2 Xóa CTDDH B2: Viết lệnh SQL Xóa (Delete) ChiTietDonDatHang SqlDataSourceKV tương ứng DELETE FROM ChiTietDH WHERE (MaSoBanh = @MaSoBanh) AND (MSDDH = @MSDDH) 5.15.4.3 Sửa CTDDH Viết lệnh SQL Sửa (Update) ChiTietDonDatHang SqlDataSourceCTDH tương ứng UPDATE ChiTietDH SET SL = @SL WHERE (MSDDH = @MSDDH) AND (MaSoBanh = @MaSoBanh) 5.15.5 Lập trình (Codes) xử lý RBTV liệu Xóa ChiTietDonDatHang: FrCTDDH.aspx 5.15.5.1 Giới thiệu Khi xóa ChiTietDH (Table CTDDH) bị ảnh hưởng RBTV liệu bảng CTDDH - 122 - Cap 5.15.5.2 Xóa CT đơn đặt hàng B3: Viết lệnh Delete SQL xóa CT đơn đặt hàng SqlDataSourceCTDH DELETE FROM ChiTietDH WHERE (MaSoBanh = @MaSoBanh) AND (MSDDH = @MSDDH) 5.14.4.3 Cập nhật đơn đặt hàng B4; Viết lệnh Update SQL cập nhật đơn đặt hàng SqlDataSourceDDH UPDATE ChiTietDH SET SL = @SL WHERE (MSDDH = @MSDDH) AND (MaSoBanh = @MaSoBanh) - 123 - Chương 6: TRIỂN KHAI PHÁT HÀNH WEBAPP 6.1 Giới thiệu Host miễn phí somee + Các host web phải đảm bảo phù hợp với tảng công nghệ mà WebApp lập trình phát triển sử dụng: Sản phản WebApp đề tài ASP.NET 4.6.1 Vì vậy, Host Web chọn để triển khai phát hành WebApp đề tài phải hỗ trợ AS.NET 4.6.1 + Có nhiều Host Web miễn phí, đề tài sử dụng Free Host Web: somee Error: Reference source not found www.somee.com Hình 1: Trang chủ Host Web somee + Đặc điểm Free Net Hosting: Dung lượng 150 MB Hỗ trợ ASP.NET từ 2.0 – 4.8 sử dụng cho sản phẩm đề tài ASP.NET 4.6.1 Dung lượng DB 30 MB MS SQL Server 2014/2016/2019 nên sử dụng cho sản phẩm đề tài nảy MS.SQL 2014 - 124 - 6.2 Đăng ký tài khoản somee BƯỚC 1: Đăng ký tài khoản host somee & Đăng nhập vào host First name: G4 Last name: ntthang User ID: gfourntthang Pass: 1234@abcd Email: ngothithuyhang276gmail.com URL http://G4BanBanhOnline.somee.com http://www.G4BanBanhOnline.somee.com Profile: User ID: gfourntthang First name: G4 Last name: ntthang Email address: ngothithuyhang276gmail.com FTP: Addresses ftp://G4BanBanhOnline.somee.com/www.G4BanBanhOnline.somee.com ftp://198.37.116.29/www.G4BanBanhOnline.somee.com Username: gfourntthang Password: 1234@abcd ASP.Net version: 4.0 – 4.8 Thông tin địa vật lý lưu trữ Web Host Website local path: d:\DZHosts\LocalUser\gfourntthang\www.G4BanBanhOnline.somee.com Protected local path: d:\DZHosts\LocalUser\gfourntthang\Protected.G4BanBanhOnline.somee.com KHÔNG GIAN HOST ĐĂNG KÝ ĐƯỢC: - 125 - Hình 2: Trang thơng tin Host somee đăng ký 6.3 Restore BD lên host somee BƯỚC 2: Tạo database trùng tên với DataBase Web; Restore Attach DB Datebase name: 1G406NTTHangBanhOnline THÔNG TIN KẾT NỐI DB MS SQL Server version: MS SQL 2019 Express MS SQL Server address: 1G406NTTHangBanhOnline.mssql.somee.com Login name: gfourntthang_SQLLogin_1 Login password: 6aqb1tr8b4 Connection string: workstation id=1G406NTTHangBanhOnline.mssql.somee.com;packet size=4096;user id=gfourntthang_SQLLogin_1;pwd=6aqb1tr8b4;data source=1G406NTTHangBanhOnline.mssql.somee.com;persist security info=False;initial catalog=1G406NTTHangBanhOnline BACKUP DB Address: ftp://1G406NTTHangBanhOnline.backup.somee.com/1G406NTTHangBanhOnline_MSSql _Database_Backup Username: gfourntthang Password: * Use the password from this control panel * 1234@abcd - 126 - Hosting plan: MS SQL Plan "Novice" Supplied package ID: SPID1074214 Managed product ID: MPID3920873 Data file: Size, Max/Used/Usage: 30MB / 8.00MB / 26.67% Log file: Size, Max/Used/Usage: 30MB / 8.00MB / 26.67% Backup file Manager => Restore Browse for local backup (50MB 1G406NTTHangBanBanhOnline.bak max): chọn file bak từ PC chọn : Upload and Restore 6.4 Upload đăng tải Source WebApp lên host somee để phát hành BƯỚC 3: Điều chỉnh nội dung Web.Config: TRONG Web.config BƯỚC 4: Điều chỉnh Web.Config: TRONG Web.config Connection string: connectionString="workstation id=1G406NTTHangBanhOnline.mssql.somee.com;packet size=4096;user id=gfourntthang_SQLLogin_1;pwd=6aqb1tr8b4;data - 127 - : source=1G406NTTHangBanhOnline.mssql.somee.com;persist security info=False;initial catalog=1G406NTTHangBanhOnline" BƯỚC 5: Upload đăng tải phát hành WebApp bán bánh ngọtrực tuyến somee nén file thư mục Web thành file zip Upload lên somee Trong Host: Manager Manage Product->Websites->http://g4banbanhonline.somee.com ->File Upload // chọn file zip nêu // Upload and unzip 6.5 Giới thiệu sản phẩm WebApp quản lý bán bánh online somee Url: http://G4BanBanhOnline.somee.com http://www.G4BanBanhOnline.somee.com Trang chủ HomePage: HomePage.aspx Hình 3: Trang chủ Giỏ hàng: Cart.aspx - 128 - Chương 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CỦA ĐỒ ÁN 7.1 Kết luận 7.1.1 Những kết đạt Vận dụng sở lý thuyết lập trình Web, thiết kết lập trình được: + Giao dịch mua bán trà sữa hệ thống cửa hàng bán bánh trực tuyến Master.master: Mẫu trang giao dịch kiêm quản lý hệ thống cửa hàng bán bánh trực tuyến HomePage.aspx: Trang chủ, trưng bày loại bánh bán cửa hàng; Cart.aspx: Giỏ hàng sản phẩm bánh mà khách hàng chọn mua Đối tượng “giỏ hàng” nhớ (RAM) máy tính = NSD chọn mua (chưa mua) FrOrder.aspx: Đặt mua loại bánh có giỏ hàng NSD điền thông tin đơn hàng xác nhận đặt hàng Managerment.aspx: xủ lý đăng nhập Login quản lý chung danh mục bên mua bên bán Quản lý danh mục “Chi nhánh”, “Tồn kho”, “Sản phẩm”, “Nhân viên”, “Khu vực”, “Công việc” với chức Thêm, Xóa, Sửa, RBTV; ChuyenNhom.aspx: Chuyển sản phẩm từ loại sang loại khác + Phát hành WebApp lên Host miễm phí: somee.com 7.1.2 Hạn chế Do hạn chế thời gian, sô chức sau chưa thực thực chưa đầy đủ: + Chuyển nhóm - 129 - + Trang đặt hàng: chưa thực đầy đủ phần thông tin đơn hàng, chi tiết đơn hàng lưu trữ vào DB 7.2 Hướng phát triển 7.2.1 Hướng khắc phục hạn chế + Sẽ tiếp tục hoàn thiện trang đặt hàng với chức đơn hàng chi tiết đơn để lưu vào DB + Thực trang chuyển nhóm: cho phép chuyển đồng hồ từ Thương hiệu sang Thương hiệu khác + Tiếp tục hoàn thiện sản phẩm minh họa (Demo) báo cáo đề tài 7.2.2 Hướng mở rộng ĐỒ ÁN HỌC PHẦN + Tiếp tục phát triển sản phẩm với công nghệ mới, như: MVC, SP, - 130 - DANH MỤC TÀI LIỆU THAM KHẢO [1] Võ Xuân Thể (2021), Bài giảng học phần Lập trình Web (4 Tín chỉ), Trường Đại học Tài – Marketing (lưu hành nội bộ) [2] htpp://……… : Trang thông tin điện tử ……, sử dụng để tham khảo chuyên môn thực đề tài - 131 - CÁC PHỤ LỤC Mẫu trang web chủ tham khảo để lập trình sản phẩm đề tài theo [2].: - 132 - ... danh mục bánh ngọt: GoodManagerment.aspx 63 5.4.4.1 Thêm sản phẩm bánh ngọt: 64 5.4.4.2 Sửa loại bánh ngọt: 68 5.4.4.3 Xóa loại bánh ngọt: 68 5.4.5 Lập trình. .. Cơ sở lý thuyết HP Lập trình Web (4 tín chỉ) bao gồm lập trình Web giao dịch lập trình Web quản lý tảng Công nghệ ASP.NET Thực hành: Lập trình phát triển WebApp hệ thống bán bánh trực tuyến (online),... WebApp bán bánh online (trực tuyến) Chương Thiết kế lập trình WebApp phần giao dịch trực tuyến khách hàng mua bánh trực tuyến Chương Thiết kế lập trình WebApp phần quản lý trực tuyến sở bán bánh