đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến

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: 2111112005703 Tên đề tài: Lập trình phát triển WebApp bán đồ ăn thú cưng trực tuyến Họ tên sinh viên: Nguyễn Võ Quốc Huy [08] Mã số sinh viên: 1921006708 Lớp: 19DTH02 [G3] Ngày nộp: 03/12/2021 Ký tên: TP.HCM, ngày 03 tháng 12 năm 2021 0 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: 2111112005703 Tên đề tài: Lập trình phát triển WebApp bán đồ ăn thú cưng trực tuyến Giảng viên giảng dạy: ThS GVC Võ Xuân Thể Sinh viên thực hiện: Nguyễn Võ Quốc Huy [08] Mã số sinh viên: 1921006708 Lớp: 19DTH02 [G3] Tên sản phẩm đề tài : G308NVQHDoAnThuCungOnline (.Net framework 4.7.2, Visual Studio 2019) Account quản lý hệ thống: Username: Admin với Password: admin@vn Username: Guest với Password: guest@vn Tên DB SQL: 1G308NVQHDoAnThuCungOnline.bak (MS SQL 2019) Local: Máy chủ MS SQL Server: LAPTOP-M0SNOSSP\SQLEXPRESS Tên đăng nhập DB SQL: sa Mật (password) đăng nhập SQL: 123 Online some.com: MS SQL Server address: 1G308NVQHDoAnThuCungOnline.mssql.somee.com URL: Login name: gthreenvqhuy_SQLLogin_1 Login password: 932y3z3p4a http://doanpetg308nvqhuy.somee.com OR http://www.doanpetg308nvqhuy.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 03 tháng 12 năm 2021 - 2- 0 LỜI CẢM ƠN Đầu tiên, cho em gởi lời cảm ơn đến thầy cô, người mang đến cho em đề tài này, hội để thân em nói riêng bạn sinh viên khoa Cơng Nghệ Thơng Tin nói chung có dịp vận dụng kiến thức học trường vào thực tiễn Em xin chân thành cảm ơn giúp đỡ thầy trường Đại Học Tài Chính Marketing Nhất thầy cô khoa Công Nghệ Thông Tin Cho em gởi lời cảm ơn đến thầy Võ Xuân Thể người tận tính giúp đỡ, hướng dẫn cách thực đề tài em để em hoàn thành đề tài Và gởi lời cảm ơn đến bạn nhiệt huyết giúp đỡ, nhận xét, đóng góp ý kiến cho thời gian thực đề tài Mặc dù cố gắng tìm tịi học hỏi thiếu xót điều khơng thể tránh khỏi, mong nhận xét góp ý thầy cô bạn bè Một lần xin cảm ơn thầy cô bạn bè ! Sinh viên thực Nguyễn Võ Quốc Huy - 3- 0 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 RBTV 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) Ràng buộc toàn vẹn liệu thao tác CAPTCHA Completely Automated Public Turing test to tell Computers and Humans Apart Digital ID e-Doc Digital Identification: Chữ ký số e-Document: Chứng từ điện tử MS OS PC Công ty Microsoft Operating System: Hệ điều hành Personal Computer: Máy tính cá nhân PIN Personal Identification Number: Mã số nhận diện cá nhân SQL Ngơn ngữ vấn tin có cấu trúc: Structured Query Language SSIS URL VPN VMWARE WebApp An toà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 - 4- 0 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 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 = Mạng xã hội dịch vụ dựa tảng công nghệ (Công nghệ Social Media 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 - 5- 0 DANH MỤC HÌNH Ả Hình 3-1 Diagram Database hệ thống WebApp bán đồ ăn thú cưng trực tuyến 27 Hình 3-2 Dữ liệu cho Table NhanVien .33 Hình 3-3 Dữ liệu cho Table NhaSanXuat 33 Hình 3-4 Dữ liệu cho Table LoaiDoAn 34 Hình 3-5 Dữ liệu cho Table CuaHang 34 Hình 3-6 Dữ liệu cho Table KhuVuc 34 Hình 3-7 Dữ liệu cho Table DanhMucDoAn 35 Hình 3-8 Dữ liệu cho Table TonCuaHang 35 Hình 4-1 Thiết kế MasterPage Giao dịch dùng chung cho phần quản lý 39 Hình 4-2 Thiết kế trang chủ HomePage 41 Hình 4-3 Thiết kế trang “giỏ hàng – GioHang” 43 Hình 4-4 Thiết kế phần thông tin KH Đơn hàng 47 Hình 4-5 Thiết kế phần thông tin Đơn hàng trang Đặt hàng 49 Hình 4-6 Thiết kế phần thơng tin Đơn hàng trang Đặt hàng 49 Hình 4-7 Tham số lệnh SQL tìm KH 50 Hình 4-8 Tham số lệnh SQL thêm KH 50 Hình 5-1 Toolbox .61 Hình 5-2 Thiết kế Menu MsterPage 62 Hình 5-3 Thiết lập thuộc tính cho mục chọn (Item) Menu 62 Hình 5-4 Thiết lập đường dẫn Menu Item Editor 63 Hình 5-5 Thiết lập đường dẫn đến trang quản lý chung 64 Hình 5-6 Thiết kê LoginNV .64 Hình 5-7 Thiết lập trang quản lý chung 67 Hình 5-8 Thiết lập kế trang quản lý “danh mục đồ ăn” 69 Hình 5-9 Thiết lập tham số để hiển thị thơng tin danh mục đồ ăn 71 Hình 5-10 Thiết lập tham số GridViewDMDA .72 Hình 5-11 Thiết lập field “hình ảnh” 73 Hình 5-12 Thiết lập field “hình ảnh” bị ẩn .73 - 6- 0 Hinh 5-1 Thiết kế lại cột "Hình ảnh" GridViewDMDA .76 Hình 5-13 Thiết lập tham số thêm DMDA .85 Hình 5-14 Thiết kế nút thêm DMDA 86 Hình 5-15 Thiết lập tham số sửa DMDA 90 Hình 5-16 Thiết lập tham số xóa DMDA 90 Hình 5-17 Trích DB liên quan xử lý RBTV liệu Xóa đồ ăn thú cưng 91 Hình 5-18 Các GridViews xử lý RBTV liệu Xóa 92 Hình 5-19 Thiết kế trang quản lý “nhân viênc” 93 Hình 5-20 Thiết lập tham số hiển thị nhân viên 94 Hình 5-21 Thiết lập tham số GridViewNV 95 Hình 5-22 Thiết lập field “hình ảnh” 96 Hình 5-23 Thiết lập field “hình ảnh” bị ẩn .96 Hinh 5-2 Thiết kế lại cột "Hình ảnh" GridView 98 Hình 5-24 Thiết lập tham số thêm nhân viên 104 Hình 5-25 Thiết kế nút thêm nhân viên .105 Hình 5-26 Thiết lập tham số sửa thông tin nhân viên .108 Hình 5-27 Thiết lập tham số xóa thơng tin nhân viên .108 Hình 5-28 Trích DB liên quan xử lý RBTV liệu xóa nhân viên 109 Hình 5-29 Các GridvView xử lý RBTV liệu xóa nhân viên 110 Hình 5-30 Thiết kế trang quản lý “cửa hàng” 112 Hình 5-31 Thiết lập tham số hiển thị thông tin cửa hàng 113 Hình 5-32 Thiết lập GridViewCH 114 Hình 5-33 Thiết lập tham số thêm cửa hàng 118 Hình 5-34 Thiết kế nút thêm cửa hàng 118 Hình 5-35 Thiết lập tham số sửa thông tin cửa hàng 121 Hình 5-36 Thiết lập xóa thơng tin cửa hàng 121 Hình 5-37 Trích DB liên quan xử lý RBTV liệu xóa cửa hàng 122 Hình 5-38 Các GridvView xử lý RBTV liệu xóa nhân viên 123 Hình 5-39 Thiết kế trang quản lý “tồn cửa hàng” 124 Hình 5-40 Thiết lập tjham số hiển thị thông tin tồn cửa hàng 125 - 7- 0 Hình 5-41 Thiết lập GridViewTCH .126 Hình 5-42 Thiết lập tham số thêm tồn cửa hàng 131 Hình 5-43 Thiết kế nút thêm tồn cửa hàng 131 Hình 5-44 Thiết lập tham số sửa thơng tin tồn cửa hàng 133 Hình 5-45 Thiết lập tham số xóa thơng tin tồn cửa hàng 134 Hình 5-46 Thiết kế trang quản lý “loại đồ ăn” 135 Hình 5-47 Thiết lập tham số hiển thị thông tin loại đồ ăn .135 Hình 5-48 Thiết lập GroidViewLDA .136 Hình 5-49 Thiết lập tham số thêm loại đồ ăn 139 Hình 5-50 Thiết kế nút thêm, loại đồ ăn 139 Hình 5-51 Thiết lập tham số sủa thơng tin loại đồ ăn .141 Hình 5-52 Thiết lập tham số xóa loại đồ ăn 142 Hình 5-53 Trích DB liên quan xử lý RBTV liệu xóa loại đồ ăn 142 Hình 5-54 Các GridvView xử lý RBTV liệu xóa loại đồ ăn 143 Hình 5-55 Thiết kế trang quản lý “nhà sản xuất” 145 Hình 5-56 Thiết lập tham số hiển thị thông tin nhà sản xuất 146 Hình 5-57 Thiết lập GridViewNSX .147 Hình 5-58 Thiết lập tham số thêm nhà sản xuất 150 Hình 5-59 Thiết kế nút thêm nhà sản xuất 150 Hình 5-60 Thiết lập tham số sửa thông tin nhà sản xuất 153 Hình 5-61 Thiết lập tham số xóa thơng tin nhà sản xuất 153 Hình 5-62 Trích DB liên quan xử lý RBTV liệu xóa nhà sản xuất 154 Hình 5-63 Các GridvView xử lý RBTV liệu xóa nhà sản xuất 155 Hình 5-64 Thiết kế trang quản lý “khu vực” 157 Hình 5-65 Thiết kế laapj tham số hiển thị thông tin khu vực 157 Hình 5-66 Thiết lập GridViewKV 158 Hình 5-67 Thiết lập tham số thêm khu vực .161 Hình 5-68 Thiết kế nút thêm khu vực .161 Hình 5-69 Thiết lập tham số sửa thơng tin khu vực 163 Hình 5-70 Thiết lập tham số sửa thông tin khu vực 164 - 8- 0 Hình 5-71 Trích DB liên quan xử lý RBTV liệu xóa khu vực .164 Hình 5-72 Các GridvView xử lý RBTV liệu xóa khu vực 166 Hình 5-73 Thiết kế trang quản lý “khách hàng” .169 Hình 5-74 Thiết lập tham số hiển thị thông tin khách hàng 170 Hình 5-75 Thiết lập GridViewKH 171 Hình 5-76 Thiết lập tham số sửa thơng tin khách hàng 172 Hình 5-77 Thiết lập tham số xóa thơgn tin khách hàng 173 Hình 5-78 Trích DB liên quan xử lý RBTV liệu xóa khách hàng 173 Hình 5-79 Các GridvView xử lý RBTV liệu xóa khách hàng 174 Hình 5-80 Thiết kế trang quản lý “đơn đặt hàng” 176 Hình 5-81 Thiết lập tham số hiển thị thơng tin đơn đặt hàng 177 Hình 5-82 Thiết lập GridViewDDH 178 Hình 5-83 Thiết lập tham số sửa thông tin đơn đặt hàng 181 Hình 5-84 Thiết lập tham số xóa thông tin đơn đặt hàng 182 Hình 5-85 Trích DB liên quan xử lý RBTV liệu xóa đơn đặt hàng .183 Hình 5-86 Các GridvView xử lý RBTV liệu xóa khách hàng 183 Hình 5-87 Thiết kế trang quản lý “chi tiết đơn đặt hàng” .185 Hình 5-88 Thiết lập tham số hiển thị thông tin chi tiết đơn đặt hàng 186 Hình 5-89 Thiết lập GridViewCTDDH 187 Hình 5-90 Thiết lập tham số thêm chio tiết đơn đặt hàng 190 Hình 5-91 Thiết kế nút thêm chi tiết đơn đặt hàng 191 Hình 5-92 Thiết lập tham số sửa thông tin chi tiết đơn đặt hàng 193 Hình 5-93 Thiết lập tham số xóa thơng tin chi tiết đơn đặt hàng 193 Hình 5-94 Thiết kế trang chuyển nhóm đồ ăn thú cưng 194 Hình 6-1 Trang chủ Host Web somee .199 Hình 6-2 Trang thơng tin Host somee đăng ký 201 Hình 6-3 Trang “HomePage” 203 Hình 6-4 Trang “Giỏ hàng” 204 Hình 6-5 Trang “Đặt hàng” 204 Hình 6-6 Trang “Quản lý chung” 205 - 9- 0 Hình 6-7 Trang quản lý “danh mục đồ ăn” .205 Hình 6-8 Trang quản lý “nhân viên” .206 Hình 6-9 Trang quản lý “cửa hàng” 206 Hình 6-10 Trang quản lý “tồn cửa hàng” 207 Hình 6-11 Trang quản lý “loại đồ ăn” .207 Hình 6-12 Trang quản lý “nhà sản xuất” 208 Hình 6-13 Trang quản lý “khu vực giao hàng” .208 Hình 6-14 Trang quản lý “khách hàng” 209 Hình 6-15 Trang quản lý “đơn đặt hàng” 209 Hình 6-16 Trang quản lý “chi tiết đơn đặt hàng” 210 Hình 6-17 Trang chuyển nhóm đồ ăn thú cưng 210 Y - 10 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen lblDC.Visible = !lblDC.Visible; lblSDT.Visible = !lblSDT.Visible; lblSC.Visible = !lblSC.Visible; lblCT.Visible = !lblCT.Visible; txtMSCH.Visible = !txtMSCH.Visible; txtTCH.Visible = !txtTCH.Visible; - 115 - de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen txtDC.Visible = !txtDC.Visible; txtSDT.Visible = !txtSDT.Visible; txtSC.Visible = !txtSC.Visible; txtCT.Visible = !txtCT.Visible; btnHuy.Visible = !btnHuy.Visible; // B2 đ ổi nhãn button thêm thành l ưu L ưu thành thêm if (btnThem.Text == "Thêm") // thêm => Lưu {// xóa tr ống ô textbox đ ể Nhân viên chu ẩn b ị nh ập thơng tin ăn txtMSCH.Text = ""; txtTCH.Text = ""; txtDC.Text = ""; txtSDT.Text = ""; txtSC.ToolTip = "S ức ch ứa > 0"; txtSC.Text = ""; txtCT.ToolTip = "Cò trống > 0"; txtCT.Text = ""; btnThem.Text = "L ưu"; } else // lưu => thêm {// l ưu thông tin áo m ới vào database try { // xóa tham số củ SqlDataSourceCH.InsertParameters.Clear(); SqlDataSourceCH.InsertParameters.Add( "msch", txtMSCH.Text.Trim()); SqlDataSourceCH.InsertParameters.Add( "tench", txtTCH.Text.Trim()); SqlDataSourceCH.InsertParameters.Add( "diachi", txtDC.Text.Trim()); SqlDataSourceCH.InsertParameters.Add( "sdt", txtSDT.Text.Trim()); SqlDataSourceCH.InsertParameters.Add( "succhua", System.Data.DbType.Int32, txtSC.Text.Trim()); SqlDataSourceCH.InsertParameters.Add( "controng", System.Data.DbType.Int32, txtCT.Text.Trim()); SqlDataSourceCH.InsertParameters.Add( "mskv", DropDownListKV.SelectedValue.Trim()); //ch ạy lệnh insert SqlDataSourceCH.Insert(); this.Title = "THÊM THÀNH CÔNG"; - 116 - de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen } catch (System.Exception ex) { this.Title = "CÓ L ỖI THÊM C ỬA HÀNG = " + ex.Message;} btnThem.Text = "Thêm"; // t ải d ữ li ệu lên gridVIew GridViewCH.DataBind(); } } de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen Bước 6: Viết mã lệnh (Codes) cho nút lênh “Hủy”: protected void btnHuy_Click(object sender, EventArgs e) de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen source=1G308NVQHDoAnThuCungOnline.mssql.somee.com;persist security info=False;initial catalog=1G308NVQHDoAnThuCungOnline BƯỚC 5: Upload đăng tải phát hành WebApp bán đồ ăn thú cưng trực tuyến somee nén file thư mục Web thành file zip Upload lên somee Trong Host: Manage Product -> Websites -> doanpetg308nvqhuy.somee.com -> File Manager -> 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 đồ ăn thú cưng online somee URL: http://doanpetg308nvqhuy.somee.com OR http://www.doanpetg308nvqhuy.somee.com Giao diện trang somee:  Trang chủ HomePage: HomePage.aspx Hình 6-113 Trang “HomePage”  Trang “Giỏ hàng”: GioHang.aspx - 201 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen Hình 6-114 Trang “Giỏ hàng”  Trang “Đặt hàng”: FrDatHang.aspx Hình 6-115 Trang “Đặt hàng”  Trang “Quản lý”: QuanLy.aspx - 202 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen Hình 6-116 Trang “Quản lý chung”  Trang quản lý “danh mục đồ ăn”: FrQL_DMDA.aspx Hình 6-117 Trang quản lý “danh mục đồ ăn”  Trang quản lý “nhân viên”: FrQL_NV.aspx - 203 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen Hình 6- 118 Trang quản lý “nhân viên”  Trang quản lý “cửa hàng”: FrQL_CH.aspx Hình 6- 119 Trang quản lý “cửa hàng”  Trang quản lý “tồn cửa hàng”: FrQL_TCH.aspx - 204 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen Hình 6- 120 Trang quản lý “tồn cửa hàng”  Trang quản lý “loại đồ ăn”: FrQL_LDA.aspx Hình 6-121 Trang quản lý “loại đồ ăn”  Trang quản lý “nhà sản xuất”: FrQL_NSX.aspx - 205 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen Hình 6- 122 Trang quản lý “nhà sản xuất”  Trang quản lý “khu vực giao hàng”: FrQL_KV.aspx Hình 6- 123 Trang quản lý “khu vực giao hàng”  Trang quản lý “khách hàng”: FrQL_KH.aspx - 206 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen Hình 6-124 Trang quản lý “khách hàng”  Trang quản lý “đơn đặt hàng”: FrQL_DDH.aspx Hình 6- 125 Trang quản lý “đơn đặt hàng”  Trang quản lý “chi tiết đơn đặt hàng”: FrQL_CTDDH.aspx - 207 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen Hình 6- 126 Trang quản lý “chi tiết đơn đặt hàng”  Trang “chuyển loại đồ ăn”: FrChuyenLDA.aspx Hình 6-127 Trang chuyển nhóm đồ ăn thú cưng - 208 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen 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: + Phần giao dịch: MaeterPage: Dùng chung cho giao dịch quản lý HomePage: Trưng bày loại đồ ăn thú cưng Giỏ hàng : Chứa đồ ăn cho thú cưng chọn thêm vào giỏ để tiến hành đặt hàng Đặt hàng (Order) : Cho khách hàng đặt đơn hàng từ giỏ hàng chọn + Phần Quản lý: Quản lý chung bao gồm chức đăng nhập (Login) dùng Codes; trang bao gồm tất chức quản lý, cho phép nhân viên chọn chức quản lý cụ thể đến trang khác Các trang quản lý: Quản lý danh mục đồ ăn, nhân viên, nhà sản xuất, loại đồ ăn, cửa hàng, khu vực, tồn cửa hàng, khách hàng, đơn đặt hàng, chi tiết đơn đặt hàng: Thêm, Xóa, Sửa xử lý RBTV xóa Trang quản lý chuyển nhóm đồ ăn 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: thực chuyển nhóm đồ ăn + Trang đặt hàng: chưa có chức tốn, chưa có chức định vị vị trí giao hàng Google Map + Trang web thiết kế số chỗ chưa xử lý hoàn toàn 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 tốn, định vị vị trí giao hàng Google Map + Thực trang chuyển nhóm: làm thêm chuyển nhóm nhà sản xuất, chuyển chun mơn,… - 209 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen + Tiếp tục hoàn thiện sản phẩm + Tiếp tục thực trang quản lý bên mua 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, + Xây dụng chức định vị vị trí nhân viên giao hàng + Xây dựng chức khai phá liệu để phân tích liệu bán hàng + Xây dựng chức thống kê doanh thu + Thanh toán điện tử + định vị giao hàng + bổ sung chữ ký số + điều tiết hàng hóa kho + khai phá liệu - 210 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen 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] https://www.petcity.vn/: Trang thông tin điện tử bán đồ ăn thú cưng, sử dụng để tham khảo chuyên môn thực đề tài - 211 - 0 de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen de.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyende.tai.lap.trinh.phat.trien.webapp.ban.do.an.thu.cung.truc.tuyen