Báo cáo lập trình phát triển website bán bánh ngọt bằng asp.net

TRƯỜNG ĐẠI HỌC TÀI CHÍNH – MARKETING
KHOA CƠNG NGHỆ THƠNG TIN

ĐỒ ÁN HỌC PHẦN
TÊN HỌC PHẦN: LẬP TRÌNH WEB (4 tín chỉ)
MÃ SỐ LỚP HP: 2111112005704

Tên đề tài:
LẬP TRÌNH PHÁT TRIỂN WEBAPP BÁN BÁNH NGỌT ONLINE

Họ tên sinh viên: Ngô Thị Thúy Hằng [06]
Mã số sinh viên: 1921006684
Lớp: 2111112005704 [G4]
Ngày nộp: 26/11 /2021
Ký tên:

TP.HCM, ngày 26 tháng 11 năm 2021


TRƯỜNG ĐẠI HỌC TÀI CHÍNH – MARKETING
KHOA CƠNG NGHỆ THƠNG TIN

ĐỀ TÀI ĐỒ ÁN HỌC PHẦN
TÊN HỌC PHẦN: LẬP TRÌNH WEB (4 tín chỉ)
MÃ SỐ LỚP HP: 2111112005704
Tên đề tài:
LẬP TRÌNH PHÁT TRIỂN WEBAPP BÁN BÁNH NGỌT TRỰC TUYẾN (ONLINE)

Giảng viên giảng dạy: ThS. GVC. Võ Xuân Thể
Sinh viên thực hiện: Ngô Thị Thúy Hằng [06]
Mã số sinh viên: 1921006684

Lớp: 2111112005704 [G4]
Tên sản phẩm đề tài : G406NTTHangBanBanhOnline (.Net framework 4.7.2, Visual Studio 2019)
Các tài khoản quản lý:

Admin vs password admin@vn VÀ Guess vs password guess@vn

Tên DB SQL: 1G406NgoThiThuyHangBanhonline.bak (MS. SQL 2019)
Tên máy chủ DB SQL: 1G406NTTHangBanhOnline.mssql.somee.com
Tên máy chủ DB SQL: DESKTOP-3FQJPQ6\SQLEXPRESS01
Tên đăng nhập DB SQL: sa
Mật khẩu (password) đăng nhập SQL: 123456
Tên đăng nhập DB SQL: gfourntthang_SQLLogin_1
Mật khẩu (password) đăng nhập SQL: 6aqb1tr8b4

URL: Or

Nhận xét của giảng viên:
………………………………………………………..
Điểm đánh giá:………….(…………………)
Ngày……./……../202…..
Giảng viên Ký tên
TP.HCM, ngày 26 tháng 11 năm 2021

- 2-


LỜI CẢM ƠN
Em cũng như các bạn sinh viên khác xin được gửi lời cảm ơn sâu sắc và chân thành
tới Giảng viên phụ trách học phần - Thạc sĩ Võ Xuân Thể đã hướng dẫn, chỉ bảo tận tình
cho cá nhân em và những bạn khác trong quá trình thực hiện đồ án.

Với vốn kiến thức cũng như kinh nghiệm còn rất khiêm tốn và là bước đầu làm quen
với cơng việc nghiên cứu mang tính thực nghiệm thì chắc chắn kết quả đạt được của em
cũng không tránh khỏi những hạn chế nhất định. Em rất mong muốn được thầy, những anh
chị sinh viên đi trước hay bất kỳ độc giả nào quan tâm và góp ý để em hoàn thiện hơn cho
các đồ án cũng như các nghiên cứu tiếp theo của mình.
Xin kính chúc Thạc sĩ Võ Xuân Thể lời chúc sức khỏe, hạnh phúc và thành đạt.

Xin chân thành cảm ơn
Sinh viên thực hiện
Ngô Thị Thúy Hằng

- 3-


DANH MỤC CÁC TỪ VIẾT TẮT
CSDL hoặc DB

Cơ sở dữ liệu: DataBase

HQTCSDL = DBMS

Hệ quản trị Cơ sở dữ liệu

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)

RBTV

Ràng buộc toàn vẹn khi khai thác

CAPTCHA

Completely Automated Public Turing test to tell Computers
and Humans Apart

Digital ID

Digital Identification: Chữ ký số

e-Doc

e-Document: Chứng từ điện tử

MS
OS
PC
PIN

Công ty Microsoft
Operating System: Hệ điều hành
Personal Computer: Máy tính cá nhân
Personal Identification Number: Mã số nhận diện cá nhân
Ngơn ngữ vấn tin có cấu trúc: Structured Query
Language
An tồn và bảo mật hệ thống thơng tin: Safety and
Security of Information Systems
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, …
Virtual Private Network: mạng riêng ảo.
Virtual Machine Software: Phần mềm máy ảo
Web Application Software: phần mềm ứng dụng dạng
Web

SQL
SSIS

URL
VPN
VMWARE
WebApp

DANH MỤC CÁC THUẬT NGỮ
Giao diện người dùng

Là hệ thống các màn hình giao tiếp cho phép người sử dụng
- 4-


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 1Mạng xã hội là dịch vụ dựa trên nền tảng công nghệ (Công
= Social Media
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

Firewall

Bức tường lửa

Network

Mạng máy tính

Intranet

Mạng nội bộ

Internet

Mạng tồn cầu (International Network)

Extranet

Mạng ngoại bộ / VPN

Host Web

Là không gian lưu trữ và phát hành WebApp (Websites) trên
mạng máy tính, đặc biệt là mạng Internet

MỤC LỤC
LỜI CẢM ƠN...............................................................................3
DANH MỤC CÁC TỪ VIẾT TẮT.........................................................4
DANH MỤC CÁC THUẬT NGỮ..........................................................5
1 Đây là khái niệm về “Mạng xã hội” [SN] theo Giảng viên học phần: Võ Xuân Thể

- 5-


MỤC LỤC 6
PHIẾU GIAO NHIỆM VỤ ĐỒ ÁN HỌC PHẦN........................................15
Chương 1:....................................................................................... GIỚI THIỆU ĐỒ ÁN CỦA HP

16
1.1.

Tổng quan về ĐỒ ÁN HỌC PHẦN.........................................................................16

1.2.

Nội dung chun mơn chính của ĐỒ ÁN HỌC PHẦN..........................................16

1.3.

Công cụ và nền tảng kỹ thuật thực hiện ĐỒ ÁN HỌC PHẦN..............................16

1.4.

Sản phẩm của ĐỒ ÁN HỌC PHẦN........................................................................16

1.5.

Bố cục của báo cáo....................................................................................................17

Chương 2:....................................................................CƠ SỞ LÝ THUYẾT CỦA HỌC PHẦN
18
2.1.

Giới thiệu về lập trình WebApp trên ASP.NET......................................................18

2.2.

Phát triển WebApp ASP.NET đơn giản có CSDL dùng ADO.NET......................18

2.3.

Master Page = Mẫu trang web.................................................................................18

2.3.1.

Căn bản về MASTER PAGE....................................................................................18

2.3.1.1.

Khái niệm Masterpage (mẫu trang web)..............................................................18

2.3.1.1.1.

Masterpage ?.....................................................................................................18

2.3.1.1.2.

Số lượng Masterpage trong 1 Websites.............................................................18

2.3.1.1.3.

Các thành phần trên Masterpage.......................................................................18

2.3.1.2.

Các bước thực hiện..............................................................................................18

2.3.1.3.

Xây dựng Mẫu trang (Masterpage)......................................................................18

2.3.1.3.1.

Thiết kế Masterpage.........................................................................................18

2.3.1.3.2.

VIẾT THỦ TỤC ẨN / HIỆN Login.................................................................18

2.4.

2.5.

Phát triển các chức năng GIAO DỊCH trên WebApp ASP.NET...........................18
2.4.1.

Trưng bày sản phẩm (dịch vụ) trên DataList....................................................18

2.4.2.

Session và giỏ hàng..........................................................................................18

2.4.3.

Đặt hàng và thanh toán....................................................................................18

Phát triển các chức năng QUẢN LÝ trên WebApp ASP.NET..............................18
- 6-

2.5.1.

Quản lý đăng nhập và bảo mật.........................................................................18

2.5.2.

Quản lý sản phẩm.............................................................................................18

2.5.3.

Các chức năng thao tác dữ liệu: Thêm _ Sửa _ Xóa.........................................18

2.6.

Xử lý Ràng buộc tồn vẹn dữ liệu (RBTV) trên CSDL trong ASP.NET...............18
2.6.1.

Giới thiệu về lập trình xử lý RBTV dữ liệu trên CSDL trong ASP.NET.............18

2.6.1.1.

Giới thiệu về RBTV.......................................................................................18

2.6.1.2.

Cách thực hiện:.............................................................................................18

2.6.1.3.

Các bước thực hiện.......................................................................................18

2.6.2.

Thiết kế hệ thống xử lý RBTV dữ liệu...............................................................19

2.6.3.

Lập trình hệ thống xử lý RBTV dữ liệu.............................................................19

2.7.

Lập trình thủ tục Chuyển nhóm dữ liệu trong ASP.NET......................................19
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.........19

2.7.2.

Thiết kế hệ thống xử lý Chuyển nhóm dữ liệu...................................................19

2.7.3.

Lập trình hệ thống xử lý Chuyển nhóm dữ liệu.................................................19

2.8.

Lập trình thủ tục giao dịch Đặt hàng (Order)........................................................19
2.8.1.

Giới thiệu về lập trình xử lý giao dịch đặt hàng trong ASP.NET......................19

2.8.2.

Chức năng khách hàng.....................................................................................19

2.8.3.

Chức năng đơn đặt hàng..................................................................................19

2.8.4.

Chức năng chi tiết đơn hàng............................................................................19

2.8.5.

Xử lý lưu trữ vào DB........................................................................................19

2.9.

Triển khai phát hành WebApp ASP.NET trên Internet (hoặc Intranet)..............19

2.10.

Giới thiệu về lập trình WebApp trên PHP..........................................................19

Chương 3:...................................THIẾT KẾ VÀ CẬP NHẬT CSDL PHỤC VỤ WEBAPP
20
3.1.

Phân tích và thiết kế DB...........................................................................................20

3.2.

Diagram của DB bán bánh ngọt online...................................................................21

3.3.

Thiết kế các Tables dữ liệu:......................................................................................21
3.3.1.

Thiết kế các Table MH......................................................................................21
- 7-


3.3.2.

Thiết kế các Table DDH:..................................................................................24

3.4.

Cập nhật dữ liệu DB thực nghiệm cho WebApp bán bánh ngọt online................25

3.5.

Giới thiệu một số SP và Trigger trong DB quản lý bán bánh ngọt online...................27
3.5.1.

Phân hệ quản trị mua và bán hàng:...............................................................27

Chương 4:...........................THIẾT KẾ VÀ LẬP TRÌNH WEBAPP PHẦN GIAO DỊCH
29
4.1.

Giới thiệu về WebApp Bán bánh ngọt online.........................................................29

4.2.

MasterPage giao dịch : Master.Master....................................................................29

4.3.

4.2.1.

Thiết kế Masterpage giao dịch.........................................................................29

4.2.2.

Lập trình (Codes) Masterpage giao dịch..........................................................30

Trang chủ trưng bày các loại bánh ngọt: HomePage.aspx....................................31
4.3.1. Thiết kế (Design) WebApp giao dịch bán bánh online........................................31
4.3.2. Lập trình (Codes) WebApp giao dịch bán bánh ngọt online: FrHomepage.aspx 33

4.4.

Trang “Giỏ hàng” của khách hàng: FrCart.aspx...................................................34
4.4.1. Thiết kế (Design) WebPage “Giỏ hàng”.............................................................34
4.4.2. Mã lệnh (Codes) WebPage “Giỏ hàng”..............................................................35

4.5.

Đơn đặt hàng: FrOrder.aspx....................................................................................36
4.5.1. Giới thiệu............................................................................................................36
4.5.2.

Thiết kế trang Đặt hàng: FrOrder.aspx............................................................38

4.5.3.

Lập trình mã lệnh (Codes) của trang Đặt hàng: FrOrder.aspx........................39

Chương 5:................................THIẾT KẾ VÀ LẬP TRÌNH WEBAPP PHẦN QUẢN LÝ
46
5.1.

Giới thiệu về WebApp quản lý hệ thống bán bánh ngọt online.............................46

5.2.

Masterpage quản lý hệ thống bán bánh ngọt online..............................................46
5.2.1. Thiết kế Masterpage quản lý...............................................................................46
5.2.2.

5.3.

Lập trình bổ sung Masterpage quản lý.............................................................53

Trang chính của hệ thống quản lý hệ thống bán bánh ngọt:.................................54

5.3.1.

Thiết kế (Design) trang quản lý chung (chính): Managerment.aspx................54
- 8-


5.3.2.
5.4.

Lập trình (Codes) trang quản lý chung (chính): GoodManagerment.aspx.......55

Trang quản lý danh mục bánh ngọt: FrQLBanhManagements.aspx...................55
5.4.1.

Phân tích trang Quản lý danh mục bánh ngọt..................................................55

5.4.2. Thiết kế (Design) trang quản lý danh mục bánh ngọt:
FrQLBanhManagements.aspx.......................................................................................55
5.4.3. Lập trình (Codes)trang quản lý danh mục quản lý bánh ngọt:
GoodManagerment.aspx................................................................................................62
5.4.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý danh mục bánh ngọt:
GoodManagerment.aspx................................................................................................63
5.4.4.1.

Thêm sản phẩm bánh ngọt:...........................................................................64

5.4.4.2.

Sửa các loại bánh ngọt:................................................................................68

5.4.4.3.

Xóa các loại bánh ngọt:................................................................................68

5.4.5. Lập trình (Codes) xử lý RBTV dữ liệu khi Xóa danh mục sản phẩm bánh ngọt:
GoodManagerment.aspx................................................................................................68
5.4.5.1.

Giới thiệu......................................................................................................68

5.4.5.2. Thiết kế 2 GridView phụ ngay trên Form quản lý
FrGoodsManagements.aspx..........................................................................................69
5.4.5.3.
5.5.

Xử lý các RBTV trên 2 GridView phụ............................................................70

Chuyển Nhóm: Chuyển một mặt hàng từ nhóm này sang nhóm khác.................71
5.5.1. Thiết kế WebForm Chuyển Nhóm.........................................................................71
5.5.2. Gọi WebForm Chuyển Nhóm từ WebForm quản lý Managements......................72
5.5.3. Xử lý kết nối và cài đặt DL trên WebForm Chuyển Nhóm...................................72
5.5.4. Mã lệnh lập trình (chỉ mang tính gợi ý) trên WebForm Chuyển Nhóm................74
5.5.5. Các mã lệnh lập trình (chỉ mang tính gợi ý) xứ lý “mờ” các nút khơng phù hợp
trên WebForm Chuyển Nhóm:.......................................................................................76

5.6.

Trang quản lý nhân viên:.........................................................................................77
5.6.1.

Phân tích trang Quản lý danh mục Nhân Viên..............................................77

5.6.2.

Thiết kế (Design) trang quản lý Nhân viên: FrQLNV.aspx...........................77

5.6.3.

Lập trình (Codes)trang quản lý danh mục Nhân viên: FrQLNV.aspx..........78
- 9-


5.6.4. Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý danh mục Nhân viên:
FrQLNV.aspx................................................................................................................79
5.7.

Trang quản lý cửa hàng............................................................................................81
5.7.1. Phân tích trang Quản lý danh mục Cửa Hàng.....................................................81
5.7.2. Thiết kế (Design) trang quản lý Cửa Hàng: FrQLCH.aspx.................................82
5.7.3. Lập trình (Codes)trang quản lý danh mục Cửa Hàng: FrQLCH.aspx.................83
5.7.4. Lập trình (Codes) THÊM _ SỬA _ XÓA trang quản lý danh mục Cửa Hàng:
FrQLCH.aspx................................................................................................................83
5.7.4.1 Thêm Cửa Hàng.................................................................................................84
5.7.4.2. Xóa Cửa Hàng..................................................................................................85
5.7.4.3. Sửa CuaHang....................................................................................................85
5.7.5. Lập trình Codes xử lý RBTV dữ liệu khi xóa danh mục Cửa Hang: FrQLCH.aspx
....................................................................................................................................... 85
5.7.5.1. Giới thiệu..........................................................................................................85
5.7.5.2. Thiết kế các GridView phụ ngay trên Form Quản lý cửa Hàng........................86
5.7.5.3. Xử lí RBTV trên các GridView phụ...................................................................87

5.8.

Trang quản lý khu vực.............................................................................................88
5.8.1. Phân tích trang Quản lý danh mục Khu Vực.......................................................88
5.8.2. Thiết kế (Design) trang quản lý Khu Vực: FrQLKV.aspx.....................................89
5.8.3. Lập trình (Codes)trang quản lý danh mục Khu Vực: FrQLKV.aspx....................89
5.8.4. Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý danh mục Khu Vực:
FrQLKV.aspx.................................................................................................................89
5.8.4.1. Thêm Khu Vực..................................................................................................89
5.8.4.2. Xóa Khu Vực....................................................................................................90
5.8.4.3. Sửa Khu Vực.....................................................................................................90
5.8.5. Lập trình (Codes) xử lý RBTV dữ liệu khi Xóa danh mục Khu vực: Khu vực
FrQLKV.aspx................................................................................................................91
5.8.5.1.

Giới thiệu......................................................................................................91

5.8.5.2.

Thiết kế các Gridview phụ ngay trên FrQLKV.aspx......................................91
- 10 -


5.8.5.3.
5.9.

Xử lý RBTV trên các GridView phụ...............................................................92

Trang quản lý chuyên mơn.......................................................................................93

5.9.1. Phân tích trang Quản lý Chun Mơn.................................................................93
5.9.2. Thiết kế (Design) trang quản lý Chun Mơn: FrQLCM.aspx.............................94
5.9.3. Lập trình (Codes)trang quản lý Chun Mơn: FrQLCM.aspx.............................94
5.9.4. Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý danh mục Chun Mơn:
FrQLCM.aspx................................................................................................................ 94
5.9.4.1. Thêm Chun Mơn............................................................................................94
5.9.4.2. Xóa Chun Mơn..............................................................................................95
5.9.4.3. Sửa Chun Mơn...............................................................................................95
5.9.5. Lập trình Codes xử lý RBTV dữ liệu khi xóa ChuyenMon: FrQLCM.aspcx........96
5.9.5.1. Giới thiệu..........................................................................................................96
5.9.5.2. Thiết kế các GridView phụ ngay trên Form quản lý Chuyên Môn:
FrQLCM.aspx................................................................................................................ 96
5.9.5.3. Xử lý RBTV trên các GridView phụ...................................................................97

5.10.

Trang quản lý thương hiệu:..................................................................................97

5.10.1. Phân tích trang Quản lý Thương Hiệu...............................................................97
5.10.2. Thiết kế (Design) trang quản lý Thương Hiệu: FrQLTH.aspx...........................98
5.10.3. Lập trình (Codes)trang quản lý Thương Hiệu: FrQLTH.aspx...........................98
5.10.4. Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý Thương Hiệu:
FrQLTH.aspx.................................................................................................................98
5.10.4.1. Thêm Thương Hiệu.........................................................................................98
5.10.4.2. Xóa Thương Hiệu............................................................................................99
5.10.4.3. Sửa Thương Hiệu............................................................................................99
5.10.5. Lập trình (Codes) xử lý RBTV dữ liệu khi Xóa Thương Hiệu: FrQLTH.aspx. .100
5.10.5.1. Giới thiệu......................................................................................................100
5.10.5.2. Thiết kế các GridView phụ ngay trên Form Quản lý Thương Hiệu...............100
5.10.5.3 Xử lí RBTV trên các GridView phụ................................................................101

5.11.

Trang quản lý nhóm loại bánh:..........................................................................101
- 11 -


5.11.1. Phân tích trang Quản lý danh mục Nhóm Loại Bánh.......................................101
5.11.2. Thiết kế (Design) trang quản lý Nhóm Loại Bánh: FrQLNhom.aspx...............102
5.11.3. Lập trình (Codes)trang quản lý Nhóm Loại Bán: FrQLNhom.aspx.................102
5.11.4. Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý Nhóm Loại Bánh:
FrQLNhóm.aspx..........................................................................................................102
5.11.4.1. Thêm Mã loại bánh.......................................................................................102
5.11.4.2. Xóa Mã loại bánh..........................................................................................103
5.11.4.3.

Sửa MaLoaiBanh.....................................................................................103

5.11.5.
Lập trình (Codes) xử lý RBTV dữ liệu khi Xóa MaLoaiBanh:
FrQLNhom.aspx.........................................................................................................104
5.11.5.1. Giới thiệu......................................................................................................104
5.11.5.2. Thiết kế các GridView phụ ngay trên FrQLNhom.aspx.................................104
5.12.

Trang quản lý khách hàng:.................................................................................105

5.12.1. Phân tích trang Quản lý Khách Hàng..............................................................105
5.12.2. Thiết kế (Design) trang quản lý Khách Hàng: FrQLKH.aspx..........................105
5.12.3. Lập trình (Codes)trang quản lý Khách Hàng: FrQLKH.aspx..........................105
5.12.4. Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý Khách Hàng:

FrQLKH.aspx..............................................................................................................106
5.13. Trang quản lý hàng tồn:..........................................................................................106
5.13.1. Phân tích trang Quản lý Hàng Tồn..................................................................106
5.13.2. Thiết kế (Design) trang quản lý Hàng Tồn: FrQLHangTon.aspx.....................107
5.13.3. Lập trình (Codes)trang quản lý Hàng Tồn: FrQLHangTon.aspx.....................108
5.13.4. Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý Hàng Tồn:
FrQLHangTon.aspx.....................................................................................................110
5.13.5. Lập trình Codes xử lý RBTV dữ liệu khi xóa Hàng Tồn: FrHangTon.aspx......112
5.13.5.1. Giới thiệu......................................................................................................112
5.13.5.2. Thiết kế các GridView phụ ngay trên Form Quản Lý Hàng Tồn:
FrQLHangTon.aspx.....................................................................................................112
5.14. Trang quản lý đơn đặt hàng:...................................................................................114
- 12 -


5.14.1. Phân tích trang Quản lý danh mục Đơn Đặt Hàng..........................................114
5.14.2. Thiết kế (Design) trang quản lý Đơn Đặt Hàng: FrDDH.aspx........................115
5.14.3. Lập trình (Codes)trang quản lý danh mục Đơn Đặt Hàng: FrDDH.aspx........115
5.14.4. Lập trình Codes THÊM _ SỬA _ XĨA trang quản lý danh mục DonDatHang:
..................................................................................................................................... 115
5.14.4.1. Thiết kế..........................................................................................................115
5.14.4.2. Xóa đơn đặt hàng..........................................................................................116
5.14.4.3. Cập nhật đơn đặt hàng..................................................................................116
5.15. Trang quản lý chi tiết đơn đặt hàng........................................................................116
5.15.1. Phân tích trang Quản lý danh mục Chi Tiết Đơn Đặt Hàng............................116
5.15.2. Thiết kế (Design) trang quản lý Chi Tiết Đơn Đặt Hàng: FrCTDDH.aspx......117
5.15.3. Lập trình (Codes)trang quản lý danh mục Chi Tiết Đơn Đặt Hàng:
FrCTDDH.aspx...........................................................................................................118
5.15.4. Lập trình (Codes) THÊM _ SỬA _ XĨA trang quản lý danh mục Chi Tiết Đơn
Đặt Hàng: FrCTDDH.aspx..........................................................................................119

5.15.4.1. Thêm CTDDH...............................................................................................120
5.15.4.2. Xóa CTDDH.................................................................................................121
5.15.5. Lập trình (Codes) xử lý RBTV dữ liệu khi Xóa ChiTietDonDatHang:
FrCTDDH.aspx...........................................................................................................122
5.15.5.1. Giới thiệu......................................................................................................122
5.15.5.2. Xóa CT đơn đặt hàng....................................................................................122
5.14.4.3. Cập nhật đơn đặt hàng..................................................................................122
Chương 6:.....................................................................TRIỂN KHAI PHÁT HÀNH WEBAPP
124
6.1.

Giới thiệu về Host miễn phí somee........................................................................124

6.2.

Đăng ký tài khoản somee........................................................................................125

6.3.

Restore BD lên host somee.....................................................................................126

6.4.

Upload đăng tải Source WebApp lên host somee để phát hành..........................127

6.5.

Giới thiệu sản phẩm WebApp quản lý bán bánh ngọt online trên somee..........128
- 13 -

Chương 7:.......................................KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN CỦA ĐỒ ÁN
129
7.1.

Kết luận................................................................................................................... 129

7.1.1.

Những kết quả đạt được........................................................................................129

7.1.2.

Hạn chế.................................................................................................................129

7.2.

Hướng phát triển....................................................................................................130

7.2.1.

Hướng khắc phục các hạn chế...............................................................................130

7.2.2.

Hướng mở rộng ĐỒ ÁN HỌC PHẦN....................................................................130

DANH MỤC TÀI LIỆU THAM KHẢO...............................................131
CÁC PHỤ LỤC..........................................................................132

- 14 -


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: 2111112005704
Tên đề tài: Lập trình phát triển WebApp Bán Bánh Ngọt trực tuyến (online)
Sinh viên thực hiện: Ngô Thị Thúy Hằng - 1921006684
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
Thực hành:

Lập trình phát triển WebApp hệ thống bán bánh ngọt trực tuyến (online), bao
gồm 2 phần:
+ Giao dịch mua bánh ngọt của khách hàng trực tuyến
.Master.master: Mẫu trang giao dịch kiêm quản lý bán bánh ngọt
. HomePage.aspx: Trang chủ, trưng bày các mẫu bánh ngọt cho khách hàng trực
tuyến chọn mua;
. Cart.aspx: Giỏ hàng của khách hàng trực tuyến chọn bánh ngọt cần mua;
. FrOrder.aspx: Đặt mua bánh ngọt
+ Quản lý của đơn vị bán bánh ngọt: Sử dụng Master Giao dịch (nêu trên):
ThuyHang.master
. Quản lý chung: có xử lý đăng nhập Login
. Quản lý chỉnh sửa: Thêm, Xóa, Sửa, RBTV;
. Chuyển Nhóm

+ Phát hành WebApp lên Host miễn phí: somee.com
Ngày 04 tháng 09 năm 2021
GIẢNG VIÊN
SV Thực hiện

- 15 -


Chương 1: GIỚI THIỆU ĐỒ ÁN CỦA HP
1.1. Tổng quan về ĐỒ ÁN HỌC PHẦN
ĐỒ ÁN HỌC PHẦN thiết kế và lập trình phát triển WebApp bán bánh ngọt trực tuyến
trên nền tảng công nghệ ASP.NET : phiên bản 4.7.2 với công cụ MS. Visual Studio.NET
2019, dùng ngôn ngữ lập trình C#.NET: G406NTTHangBanBanhOnline
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à:

Hệ

thống

hoặc

CSDL

dùng


cho

WebApp

nên

trên

1G406NgoThiThuyHangBanhonline.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 chun 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 bánh ngọt trực tuyến.

1.3. Công cụ và nền tảng kỹ thuật thực hiện ĐỒ ÁN HỌC PHẦN
+ ASP.NET 4.7.2 trên MS. Visual Studio .NET 2019
+ Hệ quản trị CSDL MS. SQL Server 2019 trên Local
+ Free Host Web: some.com

1.4. Sản phẩm của ĐỒ ÁN HỌC PHẦN
+ Hệ thống WebApp bán bánh ngọt trực tuyến (online) dạng Local trên PC:
G406NTTHangBanBanhOnline
+ Hệ thống WebApp bán bánh ngọt trực tuyến (online) dạng Online trên somee:



- 16 -


GIỚI THIỆU CHUNG VỀ HỆ THỐNG
App = Sys [Giao dịch: Transaction || DB/Ms.SQL||Quản lý: Management]: Local + some

(Chương 4: Item/Cart/RAM + Save/DB|| Chương 3: DB|| Chương 5: Login + QLHH:
T,S,X,RBTV,CN: Chương 6: Cute.FTP9)

1.5. Bố cục của báo cáo
Báo cáo gồm những nội dung như sau:
Chương 1 Giới thiệu đồ án của HP là Hệ thống WebApp bán bánh ngọt Online (trực tuyến
Chương 2 Các cơ sở lý thuyết của HP Lập trình Web (4 TC) phục việc thực hiện đề tài HP
Chương 3 Thiết kế và cập nhật CSDL phục vụ WebApp bán bánh ngọt online (trực tuyến)
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 bánh
ngọt trực tuyến
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 bánh ngọt
Online (trực tuyến)
Chương 6 Triển khai và phát hành WebApp bán bánh ngọt online (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.

- 17 -


Chương 2: CƠ SỞ LÝ THUYẾT CỦA HỌC PHẦN
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.1. Masterpage ?
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
2.6.1.2. Cách thực hiện:
2.6.1.3. Các bước thực hiện
- 18 -


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.
2.8.2.
2.8.3.
2.8.4.
2.8.5.

Giới thiệu về lập trình xử lý giao dịch đặt hàng trong ASP.NET
Chức năng khách hàng
Chức năng đơn đặt hàng
Chức năng chi tiết đơn hàng
Xử lý lưu trữ vào DB

2.9. Triển khai phát hành WebApp ASP.NET trên Internet (hoặc Intranet)
2.10.Giới thiệu về lập trình WebApp trên PHP

- 19 -


Chương 3: THIẾT KẾ VÀ CẬP NHẬT CSDL PHỤC VỤ WEBAPP
3.1. Phân tích và thiết kế DB
Hệ thống CSDL của WebApp bán bánh ngọt Online được biểu diễn như sau:
+ Các sản phẩm được bán trực tuyến tại cửa hàng bán Bánh Tous Les Jours gồm 2 chức
năng:

 Bên mua:
+ Cho phép khách hàng online có thể chọn hàng từ trang HomePage.aspx sử dụng cart (giỏ
hàng) đây là cơ sở để lập ra đơn hàng. Trong mỗi đơn hàng được lập ra sẽ gồm có các thơng
tin: Mã sản phẩm, ngày lập đơn, các mã số liên quan như: mã khách hàng, mã nhân viên và
mã khu vực của mỗi cửa hàng, địa chỉ giao hàng, người nhận, số điện thoại, thời hạn để
nhận, tình trạng và ghi chú về đơn hàng đó.

+ Mỗi khách hàng có 1 hoặc nhiều đơn hàng và mỗi đơn hàng là của một khách hàng duy
nhất.
+ Mỗi chun mơn có nhiều đơn hàng và mỗi đơn hàng chỉ có một chun mơn do nhân
viên đảm nhận nhất định để phục vụ công việc bán hàng hằng ngày.
+ Các đơn hàng sẽ có một chi tiết đơn đặt hàng khi giao cho khách hàng

 Bên bán:
+ Hệ thống cửa hàng bán bánh ngọt gồm nhiều chi nhánh cửa hàng. Mỗi chi nhánh gồm các
thông tin như: mã chi nhánh, tên cửa hàng, địa chỉ, sức chứa, số lượng cịn trống tại cửa
hàng đó, mã khu vực chứa cửa hàng đó.
+ Sản phẩm tại các cửa hàng được bán rất đa dạng với nhiều mẫu được trang trí xinh đẹp
với các loại đồ thực phẩm cao cấp
+ Mỗi đơn hàng là do một nhân viên phụ trách, mỗi nhân viên được phân công phụ trách
nhiều đơn hàng theo khu vực làm việc của cá nhân với đúng chun mơn của mình.
+ Hệ thống cửa hàng có quy mô nhỏ được phân bố rộng rãi tại các khu vực nội thành (Trung
tâm Sài Gòn và khu vực quận Thủ Đức)
+ Sản phẩm khi bán ra và chuyển giao cho nhân viên, sẽ được kiểm tra trước lượng tồn tại
mỗi cửa hàng và coi chất lượng của sản phẩm trước khi chuyển giao cho người dùng.
+Hóa đơn (Invoice): người bán đã chính thức thu tiền, người mua đã chính thức mua hàng
(thanh tốn cho cửa hàng): hồn tất thương vụ giữa các bên cơ bản hết trách nhiệm.

- 20 -


3.2. Diagram của DB bán bánh ngọt online
Căn cứ vào phân tích, thiết kế thành phần CSDL từ mục 3.1 nêu trên, ta có Diagram
của CSDL phục vụ cho hoạt động của WebApp Bán Bánh Ngọt Online như Error:
Reference source not found
Tên database: 1G406NTTHangBanhOnline

3.3. Thiết kế các Tables dữ liệu:
Các tables cơ sở dữ liệu được thiết kế thuộc phận hệ và có ảnh hưởng chặt chẽ đến table
danh mục sản phẩm và table đơn đặt hàng như sau:
3.3.1. Thiết kế các Table MH
+ Bảng LoaiBanhNgot:

- 21 -


+ Bảng DMBanhNgot:

+ Bảng NhanVien:

+ Bảng KhuVuc

+ Bảng CuaHang:
- 22 -


+ Bảng ChuyenMon:

+ Bảng HangTon:

+ Bảng ThuongHieu:

+ Bảng DDH:

- 23 -

+ Bảng ChiTietDDH

3.3.2. Thiết kế các Table DDH:

+ Bảng DDH:

- 24 -


+ Bảng ChiTietDDH

3.4. Cập nhật dữ liệu DB thực nghiệm cho WebApp bán bánh ngọt online
Đã nhập dữ liệu thực nghiệm cho các table sau:
[1] LoaiBanhNgot, KhuVuc, ChuyenMon, ThuongHieu
+ Dữ liệu LoaiBanhNgot:

+ Dữ liệu KhuVuc:

- 25 -