xây dựng website bán đồ ăn nhanh

BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP. HCM

LẬP TRÌNH WEB

XÂY DỰNG WEBSITE BÁN ĐỒ ĂN NHANH

Khoa: Công Nghệ Thông Tin
Ngành: Công Nghệ Thông Tin

Giảng viên hướng dẫn: ThS. Huỳnh Khắc Duy

TP. Hồ Chí Minh, 2020


BỘ GIÁO DỤC VÀ ĐÀO TẠO
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP. HCM

LẬP TRÌNH WEB

XÂY DỰNG WEBSITE BÁN ĐỒ ĂN NHANH

Khoa: Công Nghệ Thông Tin
Ngành: Công Nghệ Thông Tin

Giảng viên hướng dẫn: ThS. Huỳnh Khắc Duy

TP. Hồ Chí Minh, 2020


MỤC LỤC

LỜI MỞ ĐẦU.................................................................................................................................4
LỜI CAM ĐOAN...........................................................................................................................5
CHƯƠNG 1:

TỔNG QUAN......................................................................................................6

1.1

Giới thiệu đề tài..............................................................................................................6

1.2

Cấu trúc đồ án................................................................................................................7

1.3

Lĩnh vực tin học hoá.......................................................................................................7

1.3.1

Đăng kí tài khoản.....................................................................................................7

1.3.2

Đăng nhập tài khoản................................................................................................7

1.3.3

Đặt hàng online........................................................................................................7

1.3.4

Duyệt sản phẩm theo thực đơn.................................................................................7

1.3.5

Thêm mới một sản phẩm...........................................................................................7

1.3.6

Chỉnh sửa một sản phẩm..........................................................................................7

1.3.7

Xóa một sản phẩm....................................................................................................8

CHƯƠNG 2:

CƠ SỞ LÝ THUYẾT.........................................................................................9

2.1

Các loại thực thể.............................................................................................................9

2.2

Mô hình ERD..................................................................................................................9

2.3

Mô hình quan hệ.............................................................................................................9

2.4

Ràng buộc toàn vẹn......................................................................................................10

CHƯƠNG 3:

KẾT QUẢ THỰC NGHIỆM...........................................................................16

3.1

Hệ quản trị cơ sở dữ liệu và ngôn ngữ lập trình........................................................16

3.2

Các màn hình giao diện................................................................................................16

3.2.1

Giao diện trang chủ................................................................................................16

3.2.2

Giao diện sản phẩm................................................................................................17

3.2.3

Giao diện chi tiết sản phẩm....................................................................................17

3.2.4

Giao diện quản lý giỏ hàng....................................................................................18

3.2.5

Giao diện đăng nhập tài khoản..............................................................................18

3.2.6

Giao diện đăng ký tài khoản...................................................................................19

3.2.7

Giao diện đặt hàng.................................................................................................20

3.2.8

Giao diện liệt kê sản phẩm.....................................................................................21

3.2.9

Giao diện thêm mới sản phẩm................................................................................22


3.2.10

Giao diện sửa đổi thông tin sản phẩm....................................................................23

3.2.11

Giao diện thông tin chi tiết sản phẩm....................................................................24

3.2.12

Giao diện đăng nhập dành cho admin...................................................................24

3.3

Chi tiết từng màn hình.................................................................................................25

3.3.1

Giao diện trang chủ................................................................................................25

3.3.2

Giao diện sản phẩm................................................................................................25

3.3.3

Giao diện chi tiết sản phẩm....................................................................................25

3.3.4

Giao diện quản lý giỏ hàng....................................................................................26

3.3.5

Giao diện đăng nhập tài khoản..............................................................................26

3.3.6

Giao diện đăng ký tài khoản...................................................................................27

3.3.7

Giao diện đặt hàng.................................................................................................27

3.3.8

Giao diện liệt kê sản phẩm.....................................................................................27

3.3.9

Giao diện thêm mới sản phẩm................................................................................28

3.3.10

Giao diện sửa đổi thông tin sản phẩm....................................................................28

3.3.11

Giao diện thông tin chi tiết sản phẩm....................................................................29

3.3.12

Giao diện đăng nhập dành cho admin...................................................................29

CHƯƠNG 4:

4.1

KẾT LUẬN VÀ KIẾN NGHỊ..........................................................................30

Kết luận.........................................................................................................................30

4.1.1

Vấn đề đã làm được................................................................................................30

4.1.2

Vấn đề còn thiếu sót...............................................................................................30

4.2

Kiến nghị.......................................................................................................................30

TÀI LIỆU THAM KHẢO............................................................................................................31


LỜI MỞ ĐẦU
Ngày nay, chúng ta đang sống trong kỷ nguyên của khoa học công nghệ. Trong thời
đại bùng nổ công nghệ thông tin và có rất nhiều phương thức truyền đạt thông tin thì
phương tiện truyền thông tin bằng công nghệ số là nhanh và phổ biến nhất. Công Nghệ
Thông Tin không chỉ dừng lại ở mục đích phục vụ cho khoa học kỹ thuật mà còn đi sâu
vào đời sống, chính trị, kinh tế và xã hội.
Mạng Internet là một trong những sản phẩm có giá trị hết sức lớn lao và nó là một
công cụ không thể thiếu, là nền tảng chính cho sự truyền tải, trao đổi thông tin trên toàn
cầu. Nhờ có Internet mà mọi việc đã trở nên dễ dàng hơn bao giờ hết, chúng ta đã thực

hiện được nhiều công việc với tốc độ nhanh hơn và chi phí thấp hơn nhiều so với cách
thức truyền thống. Chính điều này đã thúc đẩy sự ra đời và phát triển của thương mại điện
tử trên khắp thế giới, giúp nâng cao chất lượng cuộc sống của con người.
Trong hoạt động sản xuất, kinh doanh, thương mại điện tử đã khẳng định được vai
trò xúc tiến và thúc đẩy sự phát triển của doanh nghiệp. Công Nghệ Thông Tin đã có
những đóng góp quan trọng trong công việc quản lý và quảng cáo sản phẩm, hàng hoá
cho các công ty, xí nghiệp, doanh nghiệp lớn nhỏ. Để bán được sản phẩm một cách nhanh
chóng, các doanh nghiệp cần phải quảng cáo để mọi người có thể biết đến sản phẩm một
cách rộng rãi. Vì vậy, dù là công ty hay xí nghiệp, muốn tồn tại và phát triển trong thị
trường cạnh tranh khốc liệt ngày nay thì việc xây dựng một website quảng cáo và bán sản
phẩm là điều tối cần thiết.
Qua thời gian tìm hiểu để xác định đề tài cho đồ án môn Lập Trình Web, chúng em
nhận thấy website bán hàng có một lợi ích không nhỏ đối với doanh nghiệp cũng như
người tiêu dùng. Chúng em quyết định chọn đề tài xây dựng Website bán đồ ăn nhanh để
làm đồ án môn Lập Trình Web.

4


LỜI CAM ĐOAN
Chúng tôi xin cam đoan đề tài: “Xây dựng Website bán đồ ăn nhanh” được tiến hành
công khai, dựa trên sự cố gắng, nỗ lực của bản thân và sự hướng dẫn nhiệt tình của giảng
viên Huỳnh Khắc Duy. Các số liệu và kết quả trình bày trong báo cáo là hoàn toàn trung
thực, không sao chép bất kỳ nguồn nào khác. Ngoài ra trong bài báo cáo có sử dụng một
số nguồn tài liệu tham khảo đã được trích dẫn nguồn và chú thích rõ ràng. Chúng tôi xin
hoàn toàn chịu trách nhiệm trước Khoa và nhà trường về sự cam đoan này.

TP. Hồ Chí Minh, năm 2020
Tác giả đề tài
Phạm Mai Hương

Trần Đức Huy
Huỳnh Nhật Sang

CHƯƠNG 1: TỔNG QUAN
1.1 Giới thiệu đề tài
Mua bán hàng qua mạng – một hình thức thương mại mới xuất hiện ở Việt Nam
nhưng phát triển rất nhanh chóng, thu hút được nhiều khách hàng tin dùng. Mua hàng qua
mạng có nhiều điểm ưu việt so với cách mua bán trực tiếp.
Trong cuộc sống bận rộn, việc sử dụng thời gian một cách hợp lý là cần thiết. Theo
cách mua hàng truyền thống, chúng ta phải mất công, mất thời gian tìm sản phẩm, đến nơi
bán hàng để lựa chọn và mua sản phẩm. Bên cạnh đó, chúng ta cũng gặp khó khăn trong
việc so sánh giá cả, chúng ta sẽ phải đi lòng vòng rất nhiều lần, quay đi quay lại một vài
nơi chỉ để tìm ra mức giá rẻ nhất cho một món hàng. Ngoài ra, chúng ta còn phải chịu
đựng sự xô đẩy, chen lấn để chọn lựa sản phẩm.

5


Một website bán hàng trực tuyến sẽ là giải pháp để giải quyết những vấn đề trên. Nó
không chỉ giải quyết những bất cập của việc mua hàng trực tuyến mà còn cho chúng ta
nhiều sự lựa chọn hơn khi mua sắm, giá thành rẻ hơn vì không phải thanh toán các khoản
tiền mặt bằng. Website sẽ cung cấp cho chúng ta một mạng lưới mua sắm rộng, chúng ta
không cần phải mất công đi lại dù trời mưa dầm hay nắng gắt, không tốn tiền xăng dầu đi
lại vất vả.
Bên cạnh những lợi ích dành cho người tiêu dùng thì doanh nghiệp cũng có thêm
những yếu tố có lợi để cạnh tranh với những doanh nghiệp khác. Doanh nghiệp có thể dễ
dàng quản lý, nâng cao chất lượng phục vụ, tiết kiệm thời gian và công sức. Ngoài ra các
doanh nghiệp sẽ có cơ hội bán được nhiều sản phẩm hơn nhờ việc quảng cáo sản phẩm
đến người tiêu dùng một cách dễ dàng hơn.
Chính vì những lý do trên mà chúng em đã chọn làm một Website bán đồ ăn nhanh

để làm đề tài cho môn Lập Trình Web.

1.2 Cấu trúc đồ án
Đồ án của chúng em gồm bốn chương:
Chương 1: Tổng quan
Giới thiệu đề tài, nêu tính cấp thiết và lý do hình thành đề tài, ý nghĩa khoa học và
thực tiễn, mục tiêu nghiên cứu, đối tượng và phạm vi.
Chương 2: Cơ sở lý thuyết
Trình bày các khái niệm và phương pháp giải quyết vấn đề bao gồm mô tả các công
nghệ, hệ thống, các ràng buộc, mô hình toán, lý giải xây dựng mô hình.
Chương 3: Kết quả thực nghiệm
Kết quả nghiên cứu lý thuyết, kết quả thực nghiệm đạt được. Mô tả chức năng từng
màn hình.
Chương 4: Kết luận và kiến nghị
Nêu những việc đã làm được hoặc chưa làm được trong đồ án, những ưu khuyết
điểm của website và hướng phát triển của đồ án.

1.3 Lĩnh vực tin học hóa
1.3.1 Đăng kí tài khoản
Nếu chưa có tài khoản thì phải đăng kí một tài khoản để có thể mua hàng.

1.3.2 Đăng nhập tài khoản
Khi thanh toán mà khách hàng chưa đăng nhập thì sẽ chuyển đến trang đăng nhập.

1.3.3 Đặt hàng online
Khách hàng chọn sản phẩm muốn mua, sản phẩm đó sẽ được thêm vào giỏ hàng.
Trong giỏ hàng, khách hàng có thể thay đổi lựa chọn của mình bằng cách bỏ chọn những
sản phẩm mà khách hàng không muốn nữa.
6

1.3.4 Duyệt sản phẩm theo thực đơn
Hiển thị những sản phẩm thuộc thực đơn mà khách hàng chọn.

1.3.5 Thêm mới một sản phẩm
Người quản lý có thể thêm một sản phẩm mới lên website.

1.3.6 Chỉnh sửa một sản phẩm
Người quản lý có thể chỉnh sửa một sản phẩm trên website.

1.3.7 Xóa một sản phẩm
Người quản lý có thể xóa một sản phẩm trên website.

CHƯƠNG 2: CƠ SỞ LÝ THUYẾT
2.1 Các loại thực thể
KhachHang(MaKhachHang, TenKH, NgaySinhKH, TaiKhoanKH, MatKhauKH,
EmailKH, DienThoaiKH, DiaChiKH).
ThucDon(MaThucDon, TenTD).
SanPham(MaSanPham,

TenSP,

MoTa,

GiaBan,

AnhSP,

NgayCapNhat,

SoLuongTon).
DonDatHang(MaDonDatHang,

DaThanhToan, TinhTrangGiaoHang,

NgayGiao).
Admin(UserAdmin, PassAdmin, HoTen).

7

NgayDat,


2.2 Mô hình ERD

2.3 Mô hình quan hệ
KhachHang(MaKhachHang, TenKH, NgaySinhKH, TaiKhoanKH, MatKhauKH,
EmailKH, DienThoaiKH, DiaChiKH).
ThucDon(MaThucDon, TenTD).
SanPham(MaSanPham, TenSP, MoTa, GiaBan, AnhSP, NgayCapNhat, SoLuongTon,
MaThucDon).
DonDatHang(MaDonDatHang,

DaThanhToan, TinhTrangGiaoHang,

NgayDat,

NgayGiao, MaKhachHang).
ChiTietDonDatHang(MaDonDatHang, MaSanPham, SoLuong, DonGia).
Admin(UserAdmin, PassAdmin, HoTen).

2.4 Ràng buộc toàn vẹn
R1: Tất cả các khách hàng phải có mã số phân biệt với nhau.
Nội dung: Với mọi k1, k2 thuộc KhachHang: Nếu k1 khác k2 thì k1.MaKhachHang
khác k2.MaKhachHang.
8


Bối cảnh: Loại quan hệ KhachHang.
Bảng tầm ảnh hưởng:
R1

Thêm

Xoá

Sửa

Khách hàng

+

-

+(MaKhachHang)

R2: Ngày sinh của khách hàng phải nhỏ hơn ngày hiện tại.
Nội dung: Với mọi kh thuộc KhachHang: kh.NgaySinhKH < Ngày hiện tại.
Bối cảnh: Loại quan hệ KhachHang.
Bảng tầm ảnh hưởng:

R2

Thêm

Xóa

Sửa

Khách hàng

+

-

+(NgaySinhKH)

R3: Tất cả các khách hàng phải có tài khoản phân biệt với nhau.
Nội dung: Với mọi k1, k2 thuộc KhachHang: Nếu k1 khác k2 thì k1.TaiKhoanKH
khác k2.TaiKhoanKH.
Bối cảnh: Loại quan hệ KhachHang.
Bảng tầm ảnh hưởng:
R3

Thêm

Xoá

Sửa

Khách hàng

+

-

+(TaiKhoanKH)

R4: Tất cả các khách hàng phải có email phân biệt với nhau.
Nội dung: Với mọi k1, k2 thuộc KhachHang: Nếu k1 khác k2 thì k1.EmailKH khác
k2.EmailKH.

9


Bối cảnh: Loại quan hệ KhachHang.
Bảng tầm ảnh hưởng:
R4

Thêm

Xóa

Sửa

Khách hàng

+

-

+(EmailKH)

R5: Tất cả các khách hàng phải có số điện thoại phân biệt với nhau.
Nội dung: Với mọi k1, k2 thuộc KhachHang: Nếu k1 khác k2 thì k1.DienThoaiKH
khác k2.DienThoaiKH.
Bối cảnh: Loại quan hệ KhachHang.
Bảng tầm ảnh hưởng:
R5

Thêm

Xóa

Sửa

Khách hàng

+

-

+(DienThoaiKH)

R6: Tất cả các thực đơn phải có mã số phân biệt với nhau.
Nội dung: Với mọi t1, t2 thuộc ThucDon: Nếu t1 khác t2 thì t1.MaThucDon khác
t2.MaThucDon.
Bối cảnh: Loại quan hệ ThucDon.
Bảng tầm ảnh hưởng:
R6

Thêm

Xóa

Sửa

Thực đơn

+

-

+(MaThucDon)

R7: Tất cả các sản phẩm phải có mã số phân biệt với nhau.
Nội dung: Với mọi s1, s2 thuộc SanPham: Nếu s1 khác s2 thì s1.MaSanPham khác
s2.MaSanPham.
10


Bối cảnh: Loại quan hệ SanPham.
Bảng tầm ảnh hưởng:
R7

Thêm

Xóa

Sửa

Sản phẩm

+

-

+(MaSanPham)

R8: Giá bán của sản phẩm phải lớn hơn hoặc bằng 0.
Nội dung: Với mọi sp thuộc SanPham: sp.GiaBan >= 0.
Bối cảnh: Loại quan hệ SanPham.
Bảng tầm ảnh hưởng:
R8

Thêm

Xóa

Sửa

Sản phẩm

+

-

+(GiaBan)

R9: Tất cả các sản phẩm phải có ảnh sản phẩm phân biệt với nhau.
Nội dung: Với mọi s1, s2 thuộc SanPham: Nếu s1 khác s2 thì s1.AnhSP khác

s2.AnhSP.
Bối cảnh: Loại quan hệ SanPham.
Bảng tầm ảnh hưởng:
R9

Thêm

Xóa

Sửa

Sản phẩm

+

-

+(AnhSP)

R10: Ngày cập nhật không được lớn hơn ngày hiện tại.
Nội dung: Với mọi sp thuộc SanPham: sp.NgayCapNhat <= Ngày hiện tại.
Bối cảnh: Loại quan hệ SanPham.

11


Bảng tầm ảnh hưởng:
R10

Thêm

Xóa

Sửa

Sản phẩm

+

-

+(NgayCapNhat)

R11: Số lượng tồn của sản phẩm phải lớn hơn hoặc bằng 0.
Nội dung: Với mọi sp thuộc SanPham: sp.SoLuongTon >= 0.
Bối cảnh: Loại quan hệ SanPham.
Bảng tầm ảnh hưởng:
R11

Thêm

Xóa

Sửa

Sản phẩm

+

-

+(SoLuongTon)

R12: Tất cả các đơn đặt hàng phải có mã số phân biệt với nhau.
Nội dung: Với mọi d1, d2 thuộc DonDatHang: Nếu d1 khác d2 thì
d1.MaDonDatHang khác d2.MaDonDatHang.
Bối cảnh: Loại quan hệ DonDatHang.
Bảng tầm ảnh hưởng:
R12

Thêm

Xóa

Sửa

Đơn đặt hàng

+

-

+(MaDonDatHang)

R13: Ngày đặt không được lớn hơn ngày hiện tại.
Nội dung: Với mọi ddh thuộc DonDatHang: ddh.NgayDat <= Ngày hiện tại.
Bối cảnh: Loại quan hệ DonDatHang.
Bảng tầm ảnh hưởng:

12

R13

Thêm

Xóa

Sửa

Đơn đặt hàng

+

-

+(NgayDat)

R14: Ngày giao không được lớn hơn ngày hiện tại.
Nội dung: Với mọi ddh thuộc DonDatHang: ddh.NgayGiao <= Ngày hiện tại.
Bối cảnh: Loại quan hệ DonDatHang.
Bảng tầm ảnh hưởng:
R14

Thêm

Xóa

Sửa

Đơn đặt hàng

+

-

+(NgayGiao)

R15: Ngày giao không được nhỏ hơn ngày đặt.
Nội dung: Với mọi ddh thuộc DonDatHang: ddh.NgayGiao >= ddh.NgayDat.
Bối cảnh: Loại quan hệ DonDatHang.
Bảng tầm ảnh hưởng:
R15

Thêm

Xóa

Sửa

Đơn đặt hàng

+

-

+(NgayDat, NgayGiao)

R16: Số lượng của chi tiết đơn đặt hàng phải lớn hơn 0.
Nội dung: Với mọi ctddh thuộc ChiTietDonDatHang: ctddh.SoLuong > 0.

Bối cảnh: Loại quan hệ ChiTietDonDatHang.
Bảng tầm ảnh hưởng:
R16

Thêm

Xóa

Sửa

Chi tiết đơn đặt hàng

+

-

+(SoLuong)

13


14


R17: Đơn giá của chi tiết đơn đặt hàng phải lớn hơn hoặc bằng 0.
Nội dung: Với mọi ctddh thuộc ChiTietDonDatHang: ctddh.DonGia >= 0.
Bối cảnh: Loại quan hệ ChiTietDonDatHang.
Bảng tầm ảnh hưởng:
R17

Thêm

Xóa

Sửa

Chi tiết đơn đặt hàng

+

-

+(DonGia)

R18: Tất cả các admin phải có useradmin phân biệt với nhau.
Nội dung: Với mọi a1, a2 thuộc Admin: Nếu a1 khác a2 thì a1.UserAdmin khác
a2.UserAdmin.
Bối cảnh: Loại quan hệ Admin.
Bảng tầm ảnh hưởng:
R18

Thêm

Xóa

Sửa

Admin

+

-

+(UserAdmin)

CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM
3.1 Hệ quản trị cơ sở dữ liệu và ngôn ngữ lập trình
Hệ quản trị cơ sở dữ liệu: Microsoft SQL Server.
Ngôn ngữ lập trình: C#.

3.2 Các màn hình giao diện
3.2.1 Giao diện trang chủ

15


Hình 3.1: Giao diện trang chủ.

16


3.2.2 Giao diện sản phẩm

Hình 3.2: Giao diện sản phẩm.

17


3.2.3 Giao diện chi tiết sản phẩm

Hình 3.3: Giao diện chi tiết sản phẩm.

18


3.2.4 Giao diện quản lý giỏ hàng

Hình 3.4: Giao diện quản lý giỏ hàng.

3.2.5 Giao diện đăng nhập tài khoản

Hình 3.5: Giao diện đăng nhập tài khoản.

19


3.2.6 Giao diện đăng ký tài khoản

Hình 3.6: Giao diện đăng ký tài khoản.

3.2.7 Giao diện đặt hàng

20


Hình 3.7: Giao diện đặt hàng.

3.2.8 Giao diện liệt kê sản phẩm

21

Hình 3.8: Giao diện liệt kê sản phẩm.

22


3.2.9 Giao diện thêm mới sản phẩm

Hình 3.9: Giao diện thêm mới sản phẩm.

3.2.10 Giao diện sửa đổi thông tin sản phẩm

23


Hình 3.10: Giao diện sửa đổi thông tin sản phẩm.

24