1. Trang chủ
  2. » Luận Văn - Báo Cáo

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

212 3 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Tiêu đề Lập Trình Phát Triển WebApp Bán Đồ Ăn Thú Cưng Trực Tuyến
Tác giả Nguyễn Võ Quốc Huy
Người hướng dẫn ThS. GVC. Võ Xuân Thể
Trường học Trường Đại Học Tài Chính – Marketing
Chuyên ngành Công Nghệ Thông Tin
Thể loại Đồ Án Học Phần
Năm xuất bản 2021
Thành phố TP.HCM
Định dạng
Số trang 212
Dung lượng 8,69 MB

Các công cụ chuyển đổi và chỉnh sửa cho tài liệu này

Nội dung

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 1

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]

Trang 2

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)

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 3

LỜ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 4

DANH 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 5

DANH 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 6

DANH 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 7

Hì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 8

Hì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 9

Hì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 10

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

Trang 11

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Ữ 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 12

2.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 13

Chươ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 14

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

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 15

5.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 16

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

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 17

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

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 18

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

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 19

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 213

19

Trang 20

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

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 21

Chươ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 22

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

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 23

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

Trang 24

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

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 25

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

ế ế

Trang 26

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

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 27

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 28

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

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 29

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 30

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

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 31

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 32

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

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 33

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

Trang 34

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

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 35

Hệ 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 37

Chươ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 39

2.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 40

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

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

Ngày đăng: 23/12/2023, 20:56

HÌNH ẢNH LIÊN QUAN

Hình  5-31. Thiết lập tham số sửa DMDA - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-31. Thiết lập tham số sửa DMDA (Trang 87)
Hình  5-42. Thiết lập tham số sửa thông tin nhân viên - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-42. Thiết lập tham số sửa thông tin nhân viên (Trang 105)
Hình  5-48. Thiết lập trong GridViewCH - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-48. Thiết lập trong GridViewCH (Trang 111)
Hình  5-49. Thiết lập tham số thêm mới cửa hàng - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-49. Thiết lập tham số thêm mới cửa hàng (Trang 115)
Hình  5-58. Thiết lập tham số thêm mới tồn cửa hàng - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-58. Thiết lập tham số thêm mới tồn cửa hàng (Trang 128)
Hình  5-61. Thiết lập tham số xóa thông tin tồn cửa hàng - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-61. Thiết lập tham số xóa thông tin tồn cửa hàng (Trang 131)
Hình  5-65. Thiết lập tham số thêm mới loại đồ ăn - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-65. Thiết lập tham số thêm mới loại đồ ăn (Trang 136)
Hình  5-73. Thiết lập trong GridViewNSX - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-73. Thiết lập trong GridViewNSX (Trang 144)
Hình  5-76. Thiết lập tham số sửa thông tin nhà sản xuất - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-76. Thiết lập tham số sửa thông tin nhà sản xuất (Trang 150)
Hình  5-83. Thiết lập tham số thêm mới khu vực - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-83. Thiết lập tham số thêm mới khu vực (Trang 158)
Hình  5-86. Thiết lập tham số sửa thông tin khu vực - đề tài lập trình phát triển webapp bán đồ ăn thú cưng trực tuyến
nh 5-86. Thiết lập tham số sửa thông tin khu vực (Trang 161)

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

🧩 Sản phẩm bạn có thể quan tâm

w