TRƯỜNG ĐẠI HỌC TÀI CHÍNH – MARKETINGKHOA 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 WebA
Trang 1KHOA 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]
Trang 2TRƯỜ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)
MS SQL Server address: 1G308NVQHDoAnThuCungOnline.mssql.somee.com
Login name: gthreenvqhuy_SQLLogin_1
Login password: 932y3z3p4a
URL: http://doanpetg308nvqhuy.somee.com OR http://www.doanpetg308nvqhuy.somee.com
Nhận xét của giảng viên:
………
……… Điểm đánh giá:………….(………)
Trang 3LỜI CẢM ƠN
Đầu tiên, cho em được gởi lời cảm ơn đến các thầy cô, những người đã mang đến cho
em đề tài này, đây là cơ hội để bản thân em nói riêng và các bạn sinh viên của khoa Công Nghệ Thông Tin nói chung có dịp vận dụng những kiến thức của mình đã học ở trường vào thực tiễn.
Em xin chân thành cảm ơn sự giúp đỡ của thầy cô trường Đại Học Tài Chính Marketing Nhất là 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 hiện đề tài của em để em hoàn thành đề tài này.
Và cũng gởi lời cảm ơn đến các bạn đã nhiệt huyết giúp đỡ, nhận xét, đóng góp ý kiến cho mình trong thời gian thực hiện đề tài này.
Mặc dù đã cố gắng tìm tòi học hỏi nhưng sự thiếu xót là điều không thể tránh khỏi, rất mong được sự nhận xét góp ý của các thầy cô và bạn bè.
Một lần nữa xin được cảm ơn thầy cô và bạn bè !
Sinh viên thực hiện
Nguyễn Võ Quốc Huy
3
Trang 4DANH MỤC CÁC TỪ VIẾT TẮT
NSD = Users = Account
Người Sử Dụng = là quyền làm việc trên WebApp được đảm bảo bởi tối thiểu là 2 yếu tố: tên đăng nhập (Username) và mật khẩu (Password)
CAPTCHA Completely utomated ublic uring test to tell A P T Computers
and umans H Apart
Language
Security of Information Systems URL
Uniform Resource Locator = địa chỉ thống nhất trên mạng máy tính, đặc biệt là Internet, cho phép định vị các tài nguyên dịch vụ ứng dụng, đặc biệt là trang điện tử đa phương tiện (Multimedia), ví dụ: địa chỉ web, …
Web
4
Trang 5DANH MỤC CÁC THUẬT NGỮ
Giao diện người dùng Là hệ thống các màn hình giao tiếp cho phép người sử dụng
tương tác với các thành phần hệ thống, điều khiển hệ thống hoạt động theo yêu cầu của người dùng - tương ứng các chức năng hiện có của phần mềm.
Mạng xã hội: Social Network =
Social Media
Mạng xã hội là dịch vụ dựa trên nền tảng công nghệ (Công nghệ
Web hoặc công nghệ App trên SMART Phone) cho phép nối kết
các thành viên trên mạng Internet (là các tài khoản người làm
việc trên mạng thông qua e-mail, số điện thoại hoặc các dạng thông tin nhận diện cá nhân nào đó) lại với nhau với nhiều mục
đích khác nhau không phân biệt không gian và thời gian Thông thường các thành viên tham gia vào một mạng xã hội nào đó sẽ hình thành một công đồng mạng xã hội có gần như cơ bản các hoạt động xã hội như công đồng dân cư thực tế, nhưng tất cả đều dựa trên tương tác “ảo” trên Internet Các thành viên trên một mạng xã hội có thể gôm nhóm lại với nhau dựa trên cơ sở chung nhau một số yếu tố nào đó, như: cùng sở thích, cùng nhóm làm việc, cùng cộng đồng xã hội, …
Người dùng (User):
Tài khoản (Account)
Là một quyền làm việc trên hệ thống được cấp phát cho một cá nhân thông qua tên tài khoản (username) và mật khẩu (password).
Trực tuyến = Online Là các hoạt động được thực hiện từ xa thông qua các dịch vụ trên
Internet, đặc biệt là dịch vụ Web
mạng máy tính, đặc biệt là mạng Internet
5
Trang 6DANH MỤC HÌNH Ả
Hình 3-1 Diagram của 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 cả 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 của Đơn hàng 47
Hình 4-5 Thiết kế phần thông tin Đơn hàng trên trang Đặt hàng 49
Hình 4-6 Thiết kế phần thông tin Đơn hàng trên 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 mới 50
Hình 5-1 Toolbox 61
Hình 5-2 Thiết kế Menu chính trên MsterPage 62
Hình 5-3 Thiết lập thuộc tính cho mục chọn (Item) của Menu 62
Hình 5-4 Thiết lập đường dẫn trong Menu Item Editor 63
Hình 5-5 Thiết lập đường dẫn trong đế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ố trong 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
Trang 7Hình 5-13 Thiết lập tham số thêm DMDA 85
Hình 5-14 Thiết kế các 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 dữ liệu khi Xóa đồ ăn thú cưng 91
Hình 5-18 Các GridViews xử lý RBTV dữ liệu khi 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ố trong 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" trên 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ế các nút thêm mới 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 dữ liệu khi xóa nhân viên 109
Hình 5-29 Các GridvView xử lý RBTV dữ liệu khi 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 trong GridViewCH 114
Hình 5-33 Thiết lập tham số thêm mới cửa hàng 118
Hình 5-34 Thiết kế các nút thêm mới 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 dữ liệu khi xóa cửa hàng 122
Hình 5-38 Các GridvView xử lý RBTV dữ liệu khi 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
Trang 8Hình 5-41 Thiết lập trong GridViewTCH 126
Hình 5-42 Thiết lập tham số thêm mới tồn cửa hàng 131
Hình 5-43 Thiết kế các nút thêm mới 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 trong GroidViewLDA 136
Hình 5-49 Thiết lập tham số thêm mới loại đồ ăn 139
Hình 5-50 Thiết kế các nút thêm, mới 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 dữ liệu khi xóa loại đồ ăn 142
Hình 5-54 Các GridvView xử lý RBTV dữ liệu khi 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 trong GridViewNSX 147
Hình 5-58 Thiết lập tham số thêm mới nhà sản xuất 150
Hình 5-59 Thiết kế các nút thêm mới 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 dữ liệu khi xóa nhà sản xuất 154
Hình 5-63 Các GridvView xử lý RBTV dữ liệu khi 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 trong GridViewKV 158
Hình 5-67 Thiết lập tham số thêm mới khu vực 161
Hình 5-68 Thiết kế các nút thêm mới 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
Trang 9Hình 5-72 Các GridvView xử lý RBTV dữ liệu khi 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 trong 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 dữ liệu khi xóa khách hàng 173
Hình 5-79 Các GridvView xử lý RBTV dữ liệu khi 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 trong 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 dữ liệu khi xóa đơn đặt hàng 183
Hình 5-86 Các GridvView xử lý RBTV dữ liệu khi 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 trong GridViewCTDDH 187
Hình 5-90 Thiết lập tham số thêm mới chio tiết đơn đặt hàng 190
Hình 5-91 Thiết kế các nút thêm mới 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
Trang 10Hì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
Trang 11MỤ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Ữ 5
DANH MỤC HÌNH ẢNH 6
MỤC LỤC 11
PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN HỌC PHẦN 20
Chương 1: GIỚI THIỆU ĐỒ ÁN CỦA HP 21 1.1 Tổng quan về ĐỒ ÁN HỌC PHẦN 21
1.2 Nội dung chuyên môn chính của ĐỒ ÁN HỌC PHẦN 21
1.3 Công cụ và nền tảng kỹ thuật thực hiện ĐỒ ÁN HỌC PHẦN 21
1.4 Sản phẩm của ĐỒ ÁN HỌC PHẦN 21
1.5 Bố cục của báo cáo 22
Chương 2: CƠ SỞ LÝ THUYẾT CỦA HỌC PHẦN 23 2.1 Giới thiệu về lập trình WebApp trên ASP.NET 23
2.2 Phát triển WebApp ASP.NET đơn giản có CSDL dùng ADO.NET 23
2.3 Master Page = Mẫu trang web 23
2.3.1 Căn bản về MASTER PAGE 23
2.3.1.1 Khái niệm Masterpage (mẫu trang web) 23
2.3.1.1.1 Masterpage ? 23
2.3.1.1.2 Số lượng Masterpage trong 1 Websites 23
2.3.1.1.3 Các thành phần trên Masterpage 23
2.3.1.2 Các bước thực hiện 23
2.3.1.3 Xây dựng Mẫu trang (Masterpage) 23
2.3.1.3.1 Thiết kế Masterpage 23
11
Trang 122.3.1.3.2 VIẾT THỦ TỤC ẨN / HIỆN Login 23
2.4 Phát triển các chức năng GIAO DỊCH trên WebApp ASP.NET 23
2.4.1 Trưng bày sản phẩm (dịch vụ) trên DataList 23
2.4.2 Session và giỏ hàng 23
2.4.3 Đặt hàng và thanh toán 23
2.5 Phát triển các chức năng QUẢN LÝ trên WebApp ASP.NET 23
2.5.1 Quản lý đăng nhập và bảo mật 23
2.5.2 Quản lý sản phẩm 23
2.5.3 Các chức năng thao tác dữ liệu: Thêm _ Sửa _ Xóa 23
2.6 Xử lý Ràng buộc toàn vẹn dữ liệu (RBTV) trên CSDL trong ASP.NET 23
2.6.1 Giới thiệu về lập trình xử lý RBTV dữ liệu trên CSDL trong ASP.NET 23
2.6.1.1 Giới thiệu về RBTV 23
2.6.1.2 Cách thực hiện: 23
2.6.1.3 Các bước thực hiện 24
2.6.2 Thiết kế hệ thống xử lý RBTV dữ liệu 24
2.6.3 Lập trình hệ thống xử lý RBTV dữ liệu 24
2.7 Lập trình thủ tục Chuyển nhóm dữ liệu trong ASP.NET 24
2.7.1 Giới thiệu về lập trình Chuyển nhóm dữ liệu trên CSDL trong ASP.NET 24
2.7.2 Thiết kế hệ thống xử lý Chuyển nhóm dữ liệu 24
2.7.3 Lập trình hệ thống xử lý Chuyển nhóm dữ liệu 24
2.8 Lập trình thủ tục giao dịch Đặt hàng (Order) 24
2.8.1 Giới thiệu về lập trình xử lý giao dịch đặt hàng trong ASP.NET 24
2.8.2 Chức năng khách hàng 24
2.8.3 Chức năng đơn đặt hàng 24
2.8.4 Chức năng chi tiết đơn hàng 24
2.8.5 Xử lý lưu trữ vào DB 24
2.9 Triển khai phát hành WebApp ASP.NET trên Internet (hoặc Intranet) 24
2.10 Giới thiệu về lập trình WebApp trên PHP 24
12
Trang 13Chương 3: THIẾT KẾ VÀ CẬP NHẬT CSDL PHỤC VỤ WEBAPP
25
3.1 Phân tích và thiết kế DB 25
3.2 Diagram của DB bán đồ ăn thú cưng online 27
3.3 Thiết kế các Tables dữ liệu 27
3.3.1. Thiết kế Table NhanVien 27
3.3.2. Thiết kế Table KhachHang 28
3.3.3. Thiết kế các Table NhaSanXuat 28
3.3.4. Thiết kế các Table LoaiDoAn 29
3.3.5. Thiết kế các Table CuaHang 29
3.3.6. Thiết kế các Table KhuVuc 30
3.3.7. Thiết kế các Table DanhMucDoAn 30
3.3.8. Thiết kế các Table DonDatHang 31
3.3.9. Thiết kế các Table CTDDH 32
3.3.10. Thiết kế các Table TonCuaHang 32
3.4 Cập nhật dữ liệu DB thực nghiệm cho WebApp bán đồ ăn thú cưng online 33
3.5 Giới thiệu một số SP và Trigger trong DB quản lý bán đồ ăn thú cưng online 36
Chương 4: THIẾT KẾ VÀ LẬP TRÌNH WEBAPP PHẦN GIAO DỊCH 38 4.1 Giới thiệu về WebApp bán đồ ăn thú cưng online 38
4.2 MasterPage giao dịch : MasterPage.Master 38
4.2.1 Thiết kế Masterpage giao dịch 38
4.2.2 Lập trình (Codes) Masterpage giao dịch 39
4.3 Trang chủ trưng bày các loại đồ ăn cho thú cưng: HomePage.aspx 40
4.3.1 Thiết kế (Design) WebApp giao dịch đồ ăn thú cưng online 40
4.3.2 Lập trình (Codes) WebApp giao dịch đồ ăn thú cưng online: HomePage.aspx 41
4.4 Trang “Giỏ hàng” của khách hàng chọn mua đồ ăn thú cưng: GioHang.aspx 43
4.4.1 Thiết kế (Design) WebPage “Giỏ hàng” 43
13
Trang 14de.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
4.4.2 Mã lệnh (Codes) WebPage “Giỏ hàng” 44
4.5 Đơn đặt hàng đồ ăn thú cưng: FrDatHang.aspx 45
4.5.1 Giới thiệu 45
4.5.2 Thiết kế trang Đặt hàng: FrDatHang.aspx 47
4.5.3 Lập trình mã lệnh (Codes) của trang Đặt hàng: FrDatHang.aspx 49
Chương 5: THIẾT KẾ VÀ LẬP TRÌNH WEBAPP PHẦN QUẢN LÝ 60 5.1 Giới thiệu về WebApp quản lý hệ thống bán đồ ăn thú cưng trực tuyến 60
5.2 Masterpage quản lý hệ thống bán đồ ăn thú cưng online 61
5.2.1. Thiết kế MasterPage quản lý 61
5.2.2. Lập trình bổ sung Masterpage quản lý 64
5.3 Trang chính của hệ thống quản lý hệ thống bán đồ ăn thú cưng online 66
5.3.1. Thiết kế (Design) trang quản lý chung (chính): Mannagement.aspx 67
5.3.2. Lập trình (Codes) trang quản lý chung (chính): Mannagement.aspx 67
5.4 Trang quản lý danh mục đồ ăn thú cưng: FrQL_DMDA.aspx 69
5.4.1. Phân tích trang Quản đồ ăn thú cưng: FrQL_DMDA.aspx 69
5.4.2. Thiết kế (Design) trang quản lý danh mục đồ ăn thú cưng: FrQL_DMDA.aspx 69
5.4.3. Lập trình (Codes) trang quản lý danh mục đồ ăn thú cưng: FrQL_DMDA.aspx 77
5.4.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý danh mục đồ ăn: FrQL_DMDA.aspx 83
5.4.4.1. Thêm thông tin đồ ăn thú cưng: 85
5.4.4.2. Sửa thông tin đồ ăn thú cưng: 89
5.4.4.3. Xóa thông tin đồ ăn thú cưng: 90
5.4.5. Lập trình (Codes) xử lý RBTV dữ liệu khi Xóa danh mục đồ ăn thú cưng: FrQL_DMDA.aspx 91
5.4.5.1 Giới thiệu 91
91
14
Trang 155.4.5.3 Xử lý các RBTV trên 2 GridView “tồn cửa hàng” và “chi tiết đơn đặt hàng”
92
5.5 Trang quản lý nhân viên: FrQL_NV.aspx 93
5.5.1. Phân tích trang Quản lý nhân viên: FrQL_NV.aspx 93
5.5.2. Thiết kế (Design) trang quản lý nhân viên: FrQl_NV.aspx 93
5.5.3. Lập trình (Codes) trang quản lý nhân viên: FrQL_NV.aspx 99
5.5.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý nhân viên: FrQL_NV.aspx
104 5.5.4.1. Thêm thông tin nhân viên: 104
5.5.4.2. Sửa thông tin nhân viên: 107
5.5.4.3. Xóa thông tin nhân viên: 108
5.5.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa nhân viên: FrQL_NV.aspx 109
5.5.5.1 Giới thiệu 109
5.5.5.2 Thiết kế 2 GridView phụ ngay trên Form quản lý FrQL_NV.aspx 109
5.5.5.3 Xử lý các RBTV trên 2 GridView phụ “đơn đặt hàng” và “chi tiết đơn đặt hàng” 111
5.6 Trang quản lý cửa hàng: FrQL_CH.aspx 111
5.6.1. Phân tích trang Quản lý cửa hàng: FrQL_CH.aspx 111
5.6.2. Thiết kế (Design) trang quản lý cửa hàng: FrQl_CH.aspx 112
5.6.3. Lập trình (Codes) trang quản lý cửa hàng: FrQL_CH.aspx 114
5.6.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý cửa hàng: FrQL_CH.aspx
117 5.6.4.1. Thêm thông tin cửa hàng: 117
5.6.4.2. Sửa thông tin cửa hàng: 120
5.6.4.3. Xóa thông tin cửa hàng: 121
5.6.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa cửa hàng: FrQL_CH.aspx 122
5.6.5.1 Giới thiệu 122
5.6.5.2 Thiết kế 1 GridView phụ ngay trên Form quản lý FrQL_CH.aspx 122
15
Trang 16de.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
5.6.5.3 Xử lý các RBTV trên 1 GridView phụ “tồn cửa hàng” 123
5.7 Trang quản lý xuất / nhập cửa hàng: FrQL_TCH.aspx 124
5.7.1. Phân tích trang Quản lý xuất / nhập cửa hàng: FrQL_TCH.aspx 124
5.7.2. Thiết kế (Design) trang quản lý xuất / nhập cửa hàng: FrQl_TCH.aspx 124
5.7.3. Lập trình (Codes) trang quản lý xuất / nhập cửa hàng: FrQL_TCH.aspx 126
5.7.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý xuất / nhập cửa hàng: FrQL_TCH.aspx 130
5.7.4.1. Thêm thông tin xuất / nhập cửa hàng: 130
5.7.4.2. Sửa thông tin xuất nhập cửa hàng: 133
5.7.4.3. Xóa thông tin xuất / nhập cửa hàng: 133
5.8 Trang quản lý loại đồ ăn: FrQL_LDA.aspx 134
5.8.1. Phân tích trang Quản lý loại đồ ăn: FrQL_LDA.aspx 134
5.8.2. Thiết kế (Design) trang quản lý loại đồ ăn: FrQl_LDA.aspx 135
5.8.3. Lập trình (Codes) trang quản lý loại đồ ăn: FrQL_LDA.aspx 136
5.8.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý loại đồ ăn: FrQL_LDA.aspx 138 5.8.4.1. Thêm thông tin loại đồ ăn: 138
5.8.4.2. Sửa thông tin loại đồ ăn: 141
5.8.4.3. Xóa thông tin loại đồ ăn: 141
5.8.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa loại đồ ăn: FrQL_LDA.aspx 142
5.8.5.1 Giới thiệu 142
5.8.5.2 Thiết kế 3 GridView phụ ngay trên Form quản lý FrQL_LDA.aspx 143
5.8.5.3 Xử lý các RBTV trên 3 GridView phụ “danh mục đồ ăn”, “đơn đặt hàng” và “chi tiết đơn đặt hàng” 144
5.9 Trang quản lý nhà sản xuất: FrQL_NSX.aspx 145
5.9.1. Phân tích trang Quản lý nhà sản xuất: FrQL_NSX.aspx 145
5.9.2. Thiết kế (Design) trang quản lý nhà sản xuất: FrQl_NSX.aspx 145
5.9.3. Lập trình (Codes) trang quản lý nhà sản xuất: FrQL_NSX.aspx 147
16
Trang 175.9.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý nhà sản xuất:
FrQL_NSX.aspx 149
5.9.4.1. Thêm thông tin nhà sản xuất: 149
5.9.4.2. Sửa thông tin nhà sản xuất: 152
5.9.4.3. Xóa thông tin nhà sản xuất: 153
5.9.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa nhà sản xuất: FrQL_NSX.aspx 154
5.9.5.1 Giới thiệu 154
5.9.5.2 Thiết kế 3 GridView phụ ngay trên Form quản lý FrQL_NSX.aspx 154
5.9.5.3 Xử lý các RBTV trên 3 GridView phụ “danh mục đồ ăn”, “đơn đặt hàng” và “chi tiết đơn đặt hàng” 156
5.10. Trang quản lý khu vực: FrQL_KV.aspx 156
5.10.1. Phân tích trang Quản lý khu vưc: FrQL_KV.aspx 156
5.10.2. Thiết kế (Design) trang quản lý khu vực: FrQl_KV.aspx 157
5.10.3. Lập trình (Codes) trang quản lý khu vực: FrQL_KV.aspx 158
5.10.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý khu vực: FrQL_KV.aspx
160 5.10.4.1. Thêm thông tin khu vực: 160
5.10.4.2. Sửa thông tin khu vực: 163
5.10.4.3. Xóa thông tin khu vực: 163
5.10.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa khu vực: FrQL_KV.aspx 164
5.10.5.1 Giới thiệu 164
5.10.5.2 Thiết kế 5 GridView phụ ngay trên Form quản lý FrQL_KV.aspx 165
5.10.5.3 Xử lý các RBTV trên 5 GridView phụ “nhân viên”, “đơn đặt hàng”, “chi tiết đơn đặt hàng”, “cửa hàng” và “tồn cửa hàng” 168
5.11. Trang quản lý khách hàng: FrQL_KH.aspx 169
5.11.1. Phân tích trang Quản lý khách hàng: FrQL_KH.aspx 169
5.11.2. Thiết kế (Design) trang quản lý khách hàng: FrQl_KH.aspx 169
5.11.3. Lập trình (Codes) trang quản lý khách hàng: FrQL_KH.aspx 171
17
Trang 18de.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
5.11.4. Lập trình (Codes) SỬA _ XÓA trang quản lý khách hàng: FrQL_KH.aspx 171
5.11.4.1. Sửa thông tin khách hàng: 172
5.11.4.2. Xóa thông tin khách hàng: 172
5.11.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa khách hàng: FrQL_KH.aspx 173
5.11.5.1 Giới thiệu 173
5.11.5.2 Thiết kế 2 GridView phụ ngay trên Form quản lý FrQL_KH.aspx 174
5.11.5.3 Xử lý các RBTV trên 2 GridView phụ “đơn đặt hàng” và “chi tiết đơn đặt hàng” 175
5.12. Trang quản lý đơn đặt hàng: FrQL_DDH.aspx 175
5.12.1. Phân tích trang Quản lý đơn đặt hàng: FrQL_DDH.aspx 175
5.12.2. Thiết kế (Design) trang quản lý đơn đặt hàng: FrQl_DDH.aspx 176
5.12.3. Lập trình (Codes) trang quản lý đơn đặt hàng: FrQL_DDH.aspx 178
5.12.4. Lập trình (Codes) SỬA _ XÓA trang quản lý đơn đặt hàng: FrQL_DDH.aspx 181 5.12.4.1. Sửa thông tin đơn đặt hàng: 181
5.12.4.2. Xóa thông tin đơn đặt hàng: 182
5.12.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa đơn đặt hàng: FrQL_DDH.aspx
182 5.12.5.1 Giới thiệu 182
5.12.5.2 Thiết kế 1 GridView phụ ngay trên Form quản lý FrQL_DDH.aspx 183
5.12.5.3 Xử lý các RBTV trên 1 GridView phụ “chi tiết đơn đặt hàng” 184
5.13. Trang quản lý chi tiết đơn đặt hàng: FrQL_CTDDH.aspx 184
5.13.1. Phân tích trang Quản lý chi tiết đơn đặt hàng: FrQL_DDH.aspx 184
5.13.2. Thiết kế (Design) trang quản lý chi tiết đơn đặt hàng: FrQl_CTDDH.aspx 185
5.13.3. Lập trình (Codes) trang quản lý chi tiết đơn đặt hàng: FrQL_CTDDH.aspx 187
5.13.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý chi tiết đơn đặt hàng: FrQL_CTDDHH.aspx 190
5.13.4.1. Thêm thông tin chi tiết đơn đặt hàng: 190
5.13.4.2. Sửa thông tin chi tiết đơn đặt hàng: 192
18
Trang 195.13.4.3. Xóa thông tin chi tiết đơn đặt hàng: 193
5.14. Trang chuyển loại đồ ăn thú cưng từ loại này sang loại khác: FrChuyenLDA.aspx
194 5.14.1. Phân tích trang chuyển loại đồ ăn thú cưng: FrChuyenLDA aspx 194
5.14.2. Thiết kế (Design) trang chuyển loại đồ ăn thú cưng: FrQL_DMDA.aspx 194
5.14.3. Lập trình (Codes) trang chuyển loại đồ ăn thú cưng: FrChuyenLDA aspx 196
Chương 6: TRIỂN KHAI PHÁT HÀNH WEBAPP 199 6.1 Giới thiệu về Host miễn phí somee 199
6.2 Đăng ký tài khoản somee 199
6.3 Restore BD lên host somee 201
6.4 Upload đăng tải Source WebApp lên host somee để phát hành 202
6.5 Giới thiệu sản phẩm WebApp quản lý bán đồ ăn thú cưng online trên somee .203 Chương 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CỦA ĐỒ ÁN 211 7.1 Kết luận 211
7.1.1 Những kết quả đạt được 211
7.1.2 Hạn chế 211
7.2 Hướng phát triển 211
7.2.1 Hướng khắc phục các hạn chế 211
7.2.2 Hướng mở rộng ĐỒ ÁN HỌC PHẦN 212
DANH MỤC TÀI LIỆU THAM KHẢO 213
19
Trang 20de.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
TRƯỜNG ĐẠI HỌC TÀI CHÍNH - MARKETING
KHOA CÔNG NGHỆ THÔNG TIN PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN HỌC PHẦN
Giảng viên: ThS GVC Võ Xuân Thể
Tên học phần: Lập trình web (4 tín chỉ); Mã 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 (online) Sinh viên thực hiện: Nguyễn Võ Quốc Huy, 19DTH02
Thời gian thực hiện: 30/08/2021 đến 26/11/2021 Yêu cầu của ĐỒ ÁN HỌC PHẦN & Cơ cấu điểm
Lý thuyết: 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 và lập trình Web quản lý trên nền tảng Công nghệ ASP.NET
GioHang.aspx: Giỏ hàng của khách hàng chọn mua đồ ăn thú cưng trực tuyến; FrDatHang.aspx: Đặt mua các đồ ăn dành cho thú cưng;
+ Quản lý MasterPage.Master: Sử dụng Master Giao dịch (nêu trên);
Quản lý chung: có xử lý đăng nhập Login;
Quản lý danh muc các hoạt động về bán đồ ăn thú cưng : Thêm, Xóa, Sửa, RBTV; Chuyển nhóm loại đồ ăn thú cưng;
+ Phát hành WebApp lên Host miễm phí: somee.com
SV Thực hiện
20
Trang 21Chương 3: THIẾT KẾ VÀ CẬP NHẬT CSDL PHỤC VỤ WEBAPP
25
3.1 Phân tích và thiết kế DB 25
3.2 Diagram của DB bán đồ ăn thú cưng online 27
3.3 Thiết kế các Tables dữ liệu 27
3.3.1. Thiết kế Table NhanVien 27
3.3.2. Thiết kế Table KhachHang 28
3.3.3. Thiết kế các Table NhaSanXuat 28
3.3.4. Thiết kế các Table LoaiDoAn 29
Trang 22de.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
3.3.4. Thiết kế các Table LoaiDoAn 29
3.3.5. Thiết kế các Table CuaHang 29
3.3.6. Thiết kế các Table KhuVuc 30
3.3.7. Thiết kế các Table DanhMucDoAn 30
3.3.8. Thiết kế các Table DonDatHang 31
3.3.9. Thiết kế các Table CTDDH 32
3.3.10. Thiết kế các Table TonCuaHang 32
3.4 Cập nhật dữ liệu DB thực nghiệm cho WebApp bán đồ ăn thú cưng online 33 3.5 Giới thiệu một số SP và Trigger trong DB quản lý bán đồ ăn thú cưng online 36
Chương 4: THIẾT KẾ VÀ LẬP TRÌNH WEBAPP PHẦN GIAO DỊCH
38 4.1 Giới thiệu về WebApp bán đồ ăn thú cưng online 38 4.2 MasterPage giao dịch : MasterPage.Master 38 4.2.1 Thiết kế Masterpage giao dịch 38 4.2.2 Lập trình (Codes) Masterpage giao dịch 39 4.3 Trang chủ trưng bày các loại đồ ăn cho thú cưng: HomePage.aspx 40 4.3.1 Thiết kế (Design) WebApp giao dịch đồ ăn thú cưng online 40 4.3.2 Lập trình (Codes) WebApp giao dịch đồ ăn thú cưng online: HomePage.aspx 41 4.4 Trang “Giỏ hàng” của khách hàng chọn mua đồ ăn thú cưng: GioHang.aspx 43 4.4.1 Thiết kế (Design) WebPage “Giỏ hàng” 43
13
Trang 234.4.2 Mã lệnh (Codes) WebPage “Giỏ hàng” 44 4.5 Đơn đặt hàng đồ ăn thú cưng: FrDatHang.aspx 45 4.5.1 Giới thiệu 45 4.5.2 Thiết kế trang Đặt hàng: FrDatHang.aspx 47 4.5.3 Lập trình mã lệnh (Codes) của trang Đặt hàng: FrDatHang.aspx 49 Chương 5: THIẾT KẾ VÀ LẬP TRÌNH WEBAPP PHẦN QUẢN LÝ
60
5.1 Giới thiệu về WebApp quản lý hệ thống bán đồ ăn thú cưng trực tuyến 60 5.2 Masterpage quản lý hệ thống bán đồ ăn thú cưng online 61 5.2.1. Thiết kế MasterPage quản lý 61
5.2.2. Lập trình bổ sung Masterpage quản lý 64
5.3 Trang chính của hệ thống quản lý hệ thống bán đồ ăn thú cưng online 66 5.3.1. Thiết kế (Design) trang quản lý chung (chính): Mannagement.aspx 67
5.3.2. Lập trình (Codes) trang quản lý chung (chính): Mannagement.aspx 67
5.4 Trang quản lý danh mục đồ ăn thú cưng: FrQL_DMDA.aspx 69 5.4.1. Phân tích trang Quản đồ ăn thú cưng: FrQL_DMDA.aspx 69
5.4.2. Thiết kế (Design) trang quản lý danh mục đồ ăn thú cưng: FrQL_DMDA.aspx 69
5 4 3 Lập trình (Codes) trang quản lý danh mục đồ ăn thú cưng: FrQL DMDA aspx 77
Trang 24de.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
5.4.3. Lập trình (Codes) trang quản lý danh mục đồ ăn thú cưng: FrQL_DMDA.aspx 77
5.4.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý danh mục đồ ăn:
FrQL_DMDA.aspx 83
5.4.4.1. Thêm thông tin đồ ăn thú cưng: 85
5.4.4.2. Sửa thông tin đồ ăn thú cưng: 89
5.4.4.3. Xóa thông tin đồ ăn thú cưng: 90
5.4.5. Lập trình (Codes) xử lý RBTV dữ liệu khi Xóa danh mục đồ ăn thú cưng:
FrQL_DMDA.aspx 91 5.4.5.1 Giới thiệu 91 5.4.5.2 Thiết kế 2 GridView phụ ngay trên Form quản lý FrGoodsManagements.aspx
91
14
Trang 255.5.2. Thiết kế (Design) trang quản lý nhân viên: FrQl_NV.aspx 93
5.5.3. Lập trình (Codes) trang quản lý nhân viên: FrQL_NV.aspx 99
5.5.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý nhân viên: FrQL_NV.aspx
104
5.5.4.1. Thêm thông tin nhân viên: 104
5.5.4.2. Sửa thông tin nhân viên: 107
5.5.4.3. Xóa thông tin nhân viên: 108
5.5.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa nhân viên: FrQL_NV.aspx 109 5.5.5.1 Giới thiệu 109 5.5.5.2 Thiết kế 2 GridView phụ ngay trên Form quản lý FrQL_NV.aspx 109 5.5.5.3 Xử lý các RBTV trên 2 GridView phụ “đơn đặt hàng” và “chi tiết đơn đặt hàng” 111
5.6 Trang quản lý cửa hàng: FrQL_CH.aspx 111 5.6.1. Phân tích trang Quản lý cửa hàng: FrQL_CH.aspx 111
5.6.2. Thiết kế (Design) trang quản lý cửa hàng: FrQl_CH.aspx 112
5.6.3. Lập trình (Codes) trang quản lý cửa hàng: FrQL_CH.aspx 114
5.6.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý cửa hàng: FrQL_CH.aspx
117
5.6.4.1. Thêm thông tin cửa hàng: 117
5.6.4.2. Sửa thông tin cửa hàng: 120
5.6.4.3. Xóa thông tin cửa hàng: 121
5.6.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa cửa hàng: FrQL_CH.aspx 122 5.6.5.1 Giới thiệu 122
ế ế
Trang 26de.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
5.6.5.2 Thiết kế 1 GridView phụ ngay trên Form quản lý FrQL_CH.aspx 122
15
-5.6.5.3 Xử lý các RBTV trên 1 GridView phụ “tồn cửa hàng” 123
5.7 Trang quản lý xuất / nhập cửa hàng: FrQL_TCH.aspx 124 5.7.1. Phân tích trang Quản lý xuất / nhập cửa hàng: FrQL_TCH.aspx 124 0 0
Trang 275.7.2. Thiết kế (Design) trang quản lý xuất / nhập cửa hàng: FrQl_TCH.aspx 124
5.7.3. Lập trình (Codes) trang quản lý xuất / nhập cửa hàng: FrQL_TCH.aspx 126
5.7.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý xuất / nhập cửa hàng:
FrQL_TCH.aspx 130
5.7.4.1. Thêm thông tin xuất / nhập cửa hàng: 130
5.7.4.2. Sửa thông tin xuất nhập cửa hàng: 133
5.7.4.3. Xóa thông tin xuất / nhập cửa hàng: 133
5.8 Trang quản lý loại đồ ăn: FrQL_LDA.aspx 134 5.8.1. Phân tích trang Quản lý loại đồ ăn: FrQL_LDA.aspx 134
5.8.2. Thiết kế (Design) trang quản lý loại đồ ăn: FrQl_LDA.aspx 135
5.8.3. Lập trình (Codes) trang quản lý loại đồ ăn: FrQL_LDA.aspx 136
5.8.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý loại đồ ăn: FrQL_LDA.aspx.
138
5.8.4.1. Thêm thông tin loại đồ ăn: 138
5.8.4.2. Sửa thông tin loại đồ ăn: 141
5.8.4.3. Xóa thông tin loại đồ ăn: 141
5.8.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa loại đồ ăn: FrQL_LDA.aspx 142 5.8.5.1 Giới thiệu 142 5.8.5.2 Thiết kế 3 GridView phụ ngay trên Form quản lý FrQL_LDA.aspx 143 5.8.5.3 Xử lý các RBTV trên 3 GridView phụ “danh mục đồ ăn”, “đơn đặt hàng” và
“chi tiết đơn đặt hàng” 144
5.9 Trang quản lý nhà sản xuất: FrQL_NSX.aspx 145 5.9.1. Phân tích trang Quản lý nhà sản xuất: FrQL_NSX.aspx 145
5.9.2. Thiết kế (Design) trang quản lý nhà sản xuất: FrQl_NSX.aspx 145
5.9.3. Lập trình (Codes) trang quản lý nhà sản xuất: FrQL_NSX.aspx 147
16
Trang 28de.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
5.9.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý nhà sản xuất:
FrQL_NSX.aspx 149
5.9.4.1. Thêm thông tin nhà sản xuất: 149
5.9.4.2. Sửa thông tin nhà sản xuất: 152
5.9.4.3. Xóa thông tin nhà sản xuất: 153
5.9.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa nhà sản xuất: FrQL_NSX.aspx 154 5.9.5.1 Giới thiệu 154 5.9.5.2 Thiết kế 3 GridView phụ ngay trên Form quản lý FrQL_NSX.aspx 154 5.9.5.3 Xử lý các RBTV trên 3 GridView phụ “danh mục đồ ăn”, “đơn đặt hàng” và
“chi tiết đơn đặt hàng” 156
5.10. Trang quản lý khu vực: FrQL_KV.aspx 156
5.10.1. Phân tích trang Quản lý khu vưc: FrQL_KV.aspx 156 0 0
Trang 295.10.3. Lập trình (Codes) trang quản lý khu vực: FrQL_KV.aspx 158
5.10.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý khu vực: FrQL_KV.aspx
160
5.10.4.1. Thêm thông tin khu vực: 160
5.10.4.2. Sửa thông tin khu vực: 163
5.10.4.3. Xóa thông tin khu vực: 163
5.10.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa khu vực: FrQL_KV.aspx 164 5.10.5.1 Giới thiệu 164 5.10.5.2 Thiết kế 5 GridView phụ ngay trên Form quản lý FrQL_KV.aspx 165 5.10.5.3 Xử lý các RBTV trên 5 GridView phụ “nhân viên”, “đơn đặt hàng”, “chi tiết đơn đặt hàng”, “cửa hàng” và “tồn cửa hàng” 168
5.11. Trang quản lý khách hàng: FrQL_KH.aspx 169
5.11.1. Phân tích trang Quản lý khách hàng: FrQL_KH.aspx 169
5.11.2. Thiết kế (Design) trang quản lý khách hàng: FrQl_KH.aspx 169
5.11.3. Lập trình (Codes) trang quản lý khách hàng: FrQL_KH.aspx 171
17
Trang 30de.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
5.11.4. Lập trình (Codes) SỬA _ XÓA trang quản lý khách hàng: FrQL_KH.aspx 171
5.11.4.1. Sửa thông tin khách hàng: 172
5.11.4.2. Xóa thông tin khách hàng: 172
5.11.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa khách hàng: FrQL_KH.aspx 173 5.11.5.1 Giới thiệu 173 5.11.5.2 Thiết kế 2 GridView phụ ngay trên Form quản lý FrQL_KH.aspx 174 5.11.5.3 Xử lý các RBTV trên 2 GridView phụ “đơn đặt hàng” và “chi tiết đơn đặt hàng” 175
5.12. Trang quản lý đơn đặt hàng: FrQL_DDH.aspx 175
5.12.1. Phân tích trang Quản lý đơn đặt hàng: FrQL_DDH.aspx 175
5.12.2. Thiết kế (Design) trang quản lý đơn đặt hàng: FrQl_DDH.aspx 176
5.12.3. Lập trình (Codes) trang quản lý đơn đặt hàng: FrQL_DDH.aspx 178
5.12.4. Lập trình (Codes) SỬA _ XÓA trang quản lý đơn đặt hàng: FrQL_DDH.aspx 181
5.12.4.1. Sửa thông tin đơn đặt hàng: 181
5.12.4.2. Xóa thông tin đơn đặt hàng: 182
5.12.5. Lập trình (Codes) xử lý RBTV dữ liệu khi xóa đơn đặt hàng: FrQL_DDH.aspx
182 5.12.5.1 Giới thiệu 182 5.12.5.2 Thiết kế 1 GridView phụ ngay trên Form quản lý FrQL_DDH.aspx 183 5.12.5.3 Xử lý các RBTV trên 1 GridView phụ “chi tiết đơn đặt hàng” 184
5.13. Trang quản lý chi tiết đơn đặt hàng: FrQL_CTDDH.aspx 184 0 0
Trang 315.13.2. Thiết kế (Design) trang quản lý chi tiết đơn đặt hàng: FrQl_CTDDH.aspx 185
5.13.3. Lập trình (Codes) trang quản lý chi tiết đơn đặt hàng: FrQL_CTDDH.aspx 187
5.13.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý chi tiết đơn đặt hàng: FrQL_CTDDHH.aspx 190
5.13.4.1. Thêm thông tin chi tiết đơn đặt hàng: 190
5.13.4.2. Sửa thông tin chi tiết đơn đặt hàng: 192
18
Trang 32de.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
5.13.4.3. Xóa thông tin chi tiết đơn đặt hàng: 193
5.14. Trang chuyển loại đồ ăn thú cưng từ loại này sang loại khác: FrChuyenLDA.aspx
194
5.14.1. Phân tích trang chuyển loại đồ ăn thú cưng: FrChuyenLDA aspx 194
5.14.2. Thiết kế (Design) trang chuyển loại đồ ăn thú cưng: FrQL_DMDA.aspx 194
5.14.3. Lập trình (Codes) trang chuyển loại đồ ăn thú cưng: FrChuyenLDA aspx 196 Chương 6: TRIỂN KHAI PHÁT HÀNH WEBAPP
199
6.1 Giới thiệu về Host miễn phí somee 199 6.2 Đăng ký tài khoản somee 199 6.3 Restore BD lên host somee 201 6.4 Upload đăng tải Source WebApp lên host somee để phát hành 202 6.5 Giới thiệu sản phẩm WebApp quản lý bán đồ ăn thú cưng online trên somee .203
Chương 7: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CỦA ĐỒ ÁN
211
7.1 Kết luận 211 7.1.1 Những kết quả đạt được 211 7.1.2 Hạn chế 211 7.2 Hướng phát triển 211 7.2.1 Hướng khắc phục các hạn chế 211 7.2.2 Hướng mở rộng ĐỒ ÁN HỌC PHẦN 212
DANH MỤC TÀI LIỆU THAM KHẢO 21
19
Trang 33TRƯỜNG ĐẠI HỌC TÀI CHÍNH - MARKETING
KHOA CÔNG NGHỆ THÔNG TIN PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN HỌC PHẦN Giảng viên: ThS GVC Võ Xuân Thể
Tên học phần: Lập trình web (4 tín chỉ); Mã 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 (online) Sinh viên thực hiện: Nguyễn Võ Quốc Huy, 19DTH02
Trang 34de.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
Sinh viên thực hiện: Nguyễn Võ Quốc Huy, 19DTH02
Thời gian thực hiện: 30/08/2021 đến 26/11/2021 Yêu cầu của ĐỒ ÁN HỌC PHẦN & Cơ cấu điểm
Lý thuyết: 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 và lập trình Web quản lý trên nền tảng Công nghệ ASP.NET
GioHang.aspx: Giỏ hàng của khách hàng chọn mua đồ ăn thú cưng trực tuyến; FrDatHang.aspx: Đặt mua các đồ ăn dành cho thú cưng;
+ Quản lý MasterPage.Master: Sử dụng Master Giao dịch (nêu trên);
Quản lý chung: có xử lý đăng nhập Login;
Quản lý danh muc các hoạt động về bán đồ ăn thú cưng : Thêm, Xóa, Sửa, RBTV; Chuyển nhóm loại đồ ăn thú cưng;
+ Phát hành WebApp lên Host miễm phí: somee.com
SV Thực hiện
20
Trang 35Hệ thống WebApp nêu trên được triển khai thực nghiệm trên Host Web của www.somee.com với URL là:
http://doanpetg308nvqhuy.somee.com OR http://www.doanpetg308nvqhuy.somee.com
Hệ thống CSDL dùng cho WebApp nên trên 1G308NVQHDoAnThuCungOnline.bak
(MS SQL 2019) được thiết kế và cập nhật trên MS SQL Server 2019 (trên somee là : MS
SQL 2019 Express) 1.2 Nội dung chuyên môn chính của ĐỒ ÁN HỌC PHẦN Vận dụng kiến thức về thiết kế và lập trình WebApp 1 lớp trên nền tảng công nghệ ASP.NET vào việc phát triển một WebApp đơn giản sử dụng trong thực tiễn là: Hệ thống Websites bán đồ ăn thú cưng trực tuyến.
Trang 36+ Hệ thống WebApp bán đồ ăn thú cưng trực tuyến (online) dạng Online trên somee:
http://doanpetg308nvqhuy.somee.com OR http://www.doanpetg308nvqhuy.somee.com
21
Trang 37Chương 4 Thiết kế và lập trình WebApp phần giao dịch trực tuyến của khách hàng mua đồ
thú cưng Chương 5 Thiết kế và lập trình WebApp phần quản lý trực tuyến của cơ sở bán đồ ăn thú
cưng Chương 6 Triển khai và phát hành WebApp bán đồ ăn thú cưng trực tuyến trên Host: somee Chương 7 Tổng kết các kết quả đạt được và còn hạn chế của đồ án, đồng thời đề xuất
hướng khắc phục hạn chế và phát triển Đồ án.
Trang 392.1 Giới thiệu về lập trình WebApp trên ASP.NET 2.2 Phát triển WebApp ASP.NET đơn giản có CSDL dùng ADO.NET 2.3 Master Page = Mẫu trang web
2.3.1 Căn bản về MASTER PAGE 2.3.1.1.Khái niệm Masterpage (mẫu trang web)
2.3.1.1.2 Số lượng Masterpage trong 1 Websites 2.3.1.1.3 Các thành phần trên Masterpage
2.3.1.2.Các bước thực hiện 2.3.1.3.Xây dựng Mẫu trang (Masterpage) 2.3.1.3.1 Thiết kế Masterpage
2.3.1.3.2 VIẾT THỦ TỤC ẨN / HIỆN Login 2.4 Phát triển các chức năng GIAO DỊCH trên WebApp ASP.NET 2.4.1 Trưng bày sản phẩm (dịch vụ) trên DataList
2.4.2 Session và giỏ hàng 2.4.3 Đặt hàng và thanh toán 2.5 Phát triển các chức năng QUẢN LÝ trên WebApp ASP.NET 2.5.1 Quản lý đăng nhập và bảo mật
2.5.2 Quản lý sản phẩm 2.5.3 Các chức năng thao tác dữ liệu: Thêm _ Sửa _ Xóa 2.6 Xử lý Ràng buộc toàn vẹn dữ liệu (RBTV) trên CSDL trong
ASP.NET 2.6.1 Giới thiệu về lập trình xử lý RBTV dữ liệu trên CSDL trong ASP.NET 2.6.1.1 Giới thiệu về RBTV
23
Trang 40de.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
2.6.1.2 Cách thực hiện:
2.6.1.3 Các bước thực hiện 2.6.2 Thiết kế hệ thống xử lý RBTV dữ liệu 2.6.3 Lập trình hệ thống xử lý RBTV dữ liệu 2.7 Lập trình thủ tục Chuyển nhóm dữ liệu trong ASP.NET 2.7.1 Giới thiệu về lập trình Chuyển nhóm dữ liệu trên CSDL trong ASP.NET 2.7.2 Thiết kế hệ thống xử lý Chuyển nhóm dữ liệu
2.7.3 Lập trình hệ thống xử lý Chuyển nhóm dữ liệu 2.8 Lập trình thủ tục giao dịch Đặt hàng (Order) 2.8.1 Giới thiệu về lập trình xử lý giao dịch đặt hàng trong ASP.NET 2.8.2 Chức năng khách hàng
2.8.3 Chức năng đơn đặt hàng