Tiểu luận tốt nghiệp website bán hàng

ĐẠI HỌC CẦN THƠ
TRƯỜNG CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG

TIỂU LUẬN TỐT NGHIỆP
NGÀNH CÔNG NGHỆ THÔNG TIN
Đề tài:

XÂY DỰNG WEBSITE THƯƠNG MẠI ĐIỆN TỬ
BÁN NƯỚC HOA

Giáo viên hướng dẫn
ThS. Lê Hoàng Thảo

Sinh viên thực hiện
Nguyễn Thành Luân
MSSV: B11909944

1


NHẬN XÉT CỦA GIÁO VIÊN

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------Cần Thơ, ngày

tháng

năm 2023

Giáo viên hướng dẫn

ThS. Lê Hoàng Thảo

1


LỜI CẢM ƠN

Để có được bài niên luận này, em xin được bày tỏ lòng biết ơn chân thành và sâu
sắc đến thầy Lê Hoàng Thảo – người đã trực tiếp tận tình hướng dẫn, giúp đỡ em.Trong
suốt quá trình thực hiện tiểu luận, nhờ những sự chỉ bảo và hướng dẫn quý giá đó mà
bài niên luận này được hoàn thành một cách tốt nhất.
Em cũng xin gửi lời cám ơn chân thành đến các Thầy Cô Giảng viên Đại học Cần
Thơ, đặc biệt là các Thầy Cô ở Khoa CNTT & TT, những người đã truyền đạt những
kiến thức quý báu trong thời gian qua.
Em cũng xin chân thành cảm ơn bạn bè cùng với gia đình đã ln động viên, khích
lệ và tạo điều kiện giúp đỡ trong suốt q trình thực hiện để em có thể hồn thành bài
niên luận một cách tốt nhất.
Tuy có nhiều cố gắng trong quá trình thực hiện niên luận, nhưng khơng thể tránh
khỏi những sai sót. Em rất mong nhận được sự đóng góp ý kiến quý báu của Thầy để
bài niên luận hoàn thiện hơn.
Em xin chân thành cảm ơn!

Cần Thơ, ngày tháng

năm 2023

Người viết

Nguyễn Thành Luân

2

MỤC LỤC
LỜI CẢM ƠN ................................................................................................................. 2
CHƯƠNG I: GIỚI THIỆU ............................................................................................. 5
1. Đặt vấn đề .............................................................................................................. 5
2. Những nghiên cứu liên quan ................................................................................ 5
2.1 Phân tích xu hướng thương mại điện tử ........................................................ 5
2.2 Phát triễn nền tảng tích hợp ........................................................................... 5
2.3 Chiến lược tiếp thị, quảng bá.......................................................................... 5
2. Mục tiêu đề tài .................................................................................................... 5
3. Đối tượng và phạm vi nghiên cứu ........................................................................ 6
3.1 Đối tượng nghiên cứu ...................................................................................... 6
3.2 Giới hạn phạm vi nghiên cứu đề tài ............................................................... 6
4. Phương pháp nghiên cứu...................................................................................... 6
4.1 Về lí thuyết ........................................................................................................ 6
4.2 Về kỹ thuật ....................................................................................................... 6
5. Kết quả đạt được ................................................................................................... 6
6. Bố cục ..................................................................................................................... 7
CHƯƠNG 2: CÁC CÔNG NGHỆ ĐƯỢC SỬ DỤNG TRONG ĐỀ TÀI ..................... 8
1. Giới thiệu về các ngơn ngữ lập trình được sử dụng ........................................... 8
1.1. HTML (Hypertext markup Language) ........................................................ 8
1.2. CSS (Cascading Style Sheets) ........................................................................ 8
1.3. JavaScript (JS) ................................................................................................ 8
1.4. PHP (Hypertext Preprocessor) ...................................................................... 8
2. Các công nghệ khác ............................................................................................... 9
2.1 Hệ quản trị cơ sở dữ liệu MySQL .................................................................. 9
2.2. Boostrap ........................................................................................................... 9
2.3. Mô hình MVC ................................................................................................. 9
2.4. XAMPP ............................................................................................................ 9

CHƯƠNG 3: ĐẶT TẢ YÊU CẦU .............................................................................. 10
1. Các chức năng của hệ thống ............................................................................... 10
1.1. Các bảng chức năng ...................................................................................... 10
1.2. Sơ đồ Usecase ................................................................................................ 11

1


1.3. Một số chức năng hệ thống .......................................................................... 11
CHƯƠNG 4: THIẾT KẾ VÀ CÀI ĐẶT ...................................................................... 14
1. Thiết kế cơ sở dữ liệu .......................................................................................... 14
2. Mô tả luồng dữ liệu một số chức năng .............................................................. 17
2.1. Đăng nhập ...................................................................................................... 17
2.2. Thêm danh mục sản phẩm ........................................................................... 18
2.3. Chỉnh sửa danh mục sản phẩm ................................................................... 19
2.4. Xóa danh mục sản phẩm .............................................................................. 20
3. Thiết kế giao diện ................................................................................................ 21
3.1 Giao diện phía quản trị ................................................................................. 21
4.2. Giao diện phía người dùng ........................................................................... 28
PHẦN KẾT LUẬN ...................................................................................................... 31
1. Kết quả đạt được ................................................................................................. 31
2. Hướng phát triễn ................................................................................................. 31
TÀI LIỆU THAM KHẢO * ......................................................................................... 32
1. Sách tham khảo: .................................................................................................... 32
2. Website: ................................................................................................................. 32

2


Phụ lục ảnh

Hình 1: Mơ tả PHP hoạt động ........................................................................................ 8
Hình 2: Sơ đồ uscase mơ tả các đối tượng ................................................................... 11
Hình 3: Sơ đơ usecase mơ tả chức năng đang nhập của tác nhân ................................ 12
Hình 4: Sơ đơ usecase mô tả các chức năng tổng quát của khách hàng ....................... 12
Hình 5: Sơ đơ usecase mơ tả các chức năng của quản trị viên .................................... 13
Hình 6: Sơ đơ usecase mơ tả chức năng giỏ hàng ....................................................... 14
Hình 7: Sơ đồ cơ sở dữ liệu quan hệ ............................................................................ 14
Hình 8: Sơ đồ mơ tả q trình đăng nhập của quản trị viên ......................................... 17
Hình 9: Sơ đồ mơ tả quá trình thêm danh mục sản phẩm của quản trị viên ................ 18
Hình 10: Sơ đị mơ tả q trình cập nhật danh mục sản phẩm của quản trị viên ......... 19
Hình 11:Sơ đị mơ tả q trình xóa danh mục sản phẩm của quản trị viên .................. 20
Hình 12: Giao diện trang chủ Admin ........................................................................... 21
Hình 13;Giao diện trang danh sách danh mục.............................................................. 21
Hình 14: Giao diện trang thêm danh mục .................................................................... 22
Hình 15: Giao diện trang chỉnh sửa danh mục ............................................................. 22
Hình 16: Giao diện trang danh sách nhà cung cấp ....................................................... 23
Hình 17: Giao diện trang thêm nhà cung cấp ............................................................... 23
Hình 18: Giao diện trang cập nhật thơng tin nhà cung cấp .......................................... 24
Hình 19: Giao diện trang sản phẩm .............................................................................. 24
Hình 20: Giao diện trang thêm sản phẩm ..................................................................... 25
Hình 21: Giao diện trang cập nhật sản phẩm ............................................................... 25
Hình 22: Giao diện trang danh sách tài khoản người dùng .......................................... 26
Hình 23: Giao diện trang thêm tài khoản ..................................................................... 26
Hình 24: Giao diện trang cập nhật thơng tin tài khoản ................................................ 27
Hình 25: Giao diện trang trang đang nhập/đăng ksy người dùng ................................ 27
Hình 26: Giao diện trang đăng nhập hệ thống quản trị ................................................ 28
Hình 27: Giao diện trang chủ ....................................................................................... 28
Hình 28: Giao diện trang sản phẩm .............................................................................. 29
Hình 29: Giao diện trang chi tiết sản phẩm .................................................................. 29
Hình 30: Giao diện trang giỏi hàng .............................................................................. 30

Hình 31: Giao diện trang đơn hàng .............................................................................. 30
Hình 32: Giao diện trang thanh tốn ............................................................................ 31

3


Phụ lục bảng
Bảng 1: Bảng chức năng khách vãng lai ...................................................................... 10
Bảng 2: Bảng chức năng khách hàng đã đăng ký tài khoản ......................................... 10
Bảng 3: Bảng chức năng quản trị viên ......................................................................... 11
Bảng 4: Bảng tbl_user .................................................................................................. 15
Bảng 5: Bảng tbl_category ........................................................................................... 15
Bảng 6: Bảng tbl_brand ................................................................................................ 15
Bảng 7: Bảng tbl_product ............................................................................................. 15
Bảng 8: Bảng tbl_cart ................................................................................................... 16
Bảng 9: Bảng tbl_product_img_desc ........................................................................... 16
Bảng 10: Bảng tbl_cuspayment .................................................................................... 16

4


CHƯƠNG I: GIỚI THIỆU
1. Đặt vấn đề
Trong thời đại toàn cầu hóa và hiện đại hóa như hiện nay cùng với sự phát triễn
về cơng nghệ nói chung và lĩnh vực cơng nghệ thơng tin nói riêng các hình thức kinh
doanh ngày càng trở nên đa dạng bên cạnh đó thương mại điện tử đã và đang trở thành
một hình thức kinh doanh mạnh mẽ và xu thế, các doanh nghiệp, cửa hàng kinh doanh
theo truyền thống bắt đầu xây dựng các hệ thống website thương mại điện tử để có thể
tiếp cận được nhiều đối tượng khách hàng từ đó tăng doanh thu và lợi nhuận cho doanh
nghiệp. Vì so với kinh doanh truyền thống thì chi phí để duy trì kinh doanh thương mại

điện tử thấp hơn, đạt hiệu quả tốt hơn về mặt kinh tế. Với lợi thế của sự phá triễn Intrenet
nên việc truyền tải thông tin về sản phẩm nhanh chóng, thuận tiện. Kết hợp với bộ phận
giao hàng và thanh toán tận nơi là thông qua bưu điện và ngân hàng càng tăng thêm
thuận lợi để phát triễn mơ hình kinh doanh này.
Trong bối cảnh ấy, đề tài “xây dựng website thương mại điện tử bán nước hoa”
được lựa chọn nhằm nghiên cứu và phát triễn một nền tảng kinh doanh đọc đáo, tập
trung và ngành công nghiệp nước hoa, một thị trường đầy tiềm năng và sự quan tâm
của người tiêu dùng.
2. Những nghiên cứu liên quan
2.1. Phân tích xu hướng thương mại điện tử
Nghiên cứu những xu hướng và thay đổi trong hành vi mua sắm trực tuyến, đặc biệt là
trong ngành cơng nghiệp nước hoa.
2.2. Phát triễn nền tảng tích hợp
Xây dựng một website thương mai điện tử chuyên nghiệp, có khả năng tích hợp các tính
năng như thanh tốn an tồn, đánh giá sản phẩm và tùy chọn tìm kiếm thông minh.
2.3. Chiến lược tiếp thị, quảng bá
Nghiên cứu cận cảnh các đối thủ cạnh tranh và xác định những đặc điểm nôi rbaatj để
tạo ra lợi thế cạnh tranh.
2. Mục tiêu đề tài
Ngày nay, các ngành công nghiệp mỹ phẩm đang phát triễn mạnh mẽ cùng với nhu cầu
làm đẹp của con người, cùng với đó nước hoa đã khơng cịn là nhu cầu xa xỉ với con
người. Nhưng việc khan hiếm các cửa hàng nước hoa chính hãng và việc các sản phẩm
nước hoa giả được rao bán tràn lan nên việc tiếp cận với các sản phẩm nước hoa chính
hãng và an tồn là nỗi lo hàng đầu của người tiêu dùng. Với lý do đó mà em thực hiện
đề tài “Xây dựng website bán nước hoa trực tuyến” nhằm một phần nào đó giúp khách
hàng có thể tiếp cận đến các sản phẩm an toàn và chính hãng, giúp khách hàng có được
nhiều sự lựa chọn về sản phẩm và có cái nhìn tổng quan về sản phẩm mọi lúc mọi nơi
5

mà không cần phhari di chyển tới cửa hàng mà sản phẩm được gửi về tận tay khách
hàng chỉ với vài cú click chuột.
3. Đối tượng và phạm vi nghiên cứu
3.1 Đối tượng nghiên cứu
Đề tài tập trung nghiên cứu các vấn đề chính:
-

Thiết kế và xây dựng các chức năng cơ bản của cửa hàng trực tuyến
Thiết kế cơ sở dữ liệu của website bán hàng
Nghiên cứu về hành vi mua sắm và tối ưu trãi nghiệm người dùng

3.2 Giới hạn phạm vi nghiên cứu đề tài
Tập trung nghiên cứu tối ưu quy trình giúp người bán và người mua tiếp cận dễ dàng
với nhau.
Người bán dễ dàng đăng tải bài viết, thơng tin sản phẩm mình muốn bán.
Nguời mua có thể dễ dàng tìm kiếm và mua sản phẩm mình cần.
4. Phương pháp nghiên cứu
4.1 Về lí thuyết
- Nghiên cứu cách hoạt động của mơ hình Client – Server.
- Nghiên cứu luồng dữ liệu và cách hoạt động của mơ hình MVC (Models – Controller
- View) trong ngơn ngữ lập trình PHP
- Nghiên cứu cách lưu và truy vấn dữ liệu của hệ quản trị cơ sở dữ liệu MySQL.
4.2 Về kỹ thuật
- Sử dụng ngôn ngữ lập trình PHP và hệ quản cơ sở dữ liệu MySQL để xây dựng web
động.
- Áp dụng mơ hình MVC trong lập trình giúp dễ dàng chỉnh sửa và mở rộng website.
- Sử dụng framework Boostrap để thiết kế giao diện thuận lợi và có tính thẩm mĩ.
5. Kết quả đạt được
- Đối với chủ cửa hàng: dễ dàng đăng tải sản phẩm, dịch vụ, dễ dàng quản lí sản phẩm,
doanh thu của cửa hàng. Ngoài ra, giúp dễ dàng tiếp cận với lượng khách hàng lớn khi

website được đưa ra Internet, góp phần quảng bá thương hiệu, giản chi phí duy trì kinh
doanh.
- Đối với khách hàng: Có thể tiếp cận dễ dàng với nguồn sản phẩm phong phú với nhiều
mức gia khác nhau từ đó dễ dnagf tìm kiếm và mua sản phẩm mà mình cần.
- Đối với sinh viên thực hiện đề tài: Nâng cao trình độ thiết kế và phân tích website, áp
dụng các kiến thức đã học được ở trường lớp vào thực tế để tăng kinh nghiệm và khả
năng tư duy giải quyết vấn đề.

6


6. Bố cục
Bố cục của báo cáo bao gồm các nội dung sau:
PHẦN GIỚI THIỆU:
Chương 1: Giới thiệu đề tài
Chương 2: Giới thiệu các công nghệ sử dụng trong đề tài
PHẦN NỘI DUNG
Chương 3: Đặc tả yêu cầu
Chương 4: Thiết kế, cài đặt giải thuật, biểu diễn cơ sở dữ liệu, trình bày các bước xây
dựng hệ thống
PHẦN KẾT LUẬN
Trình bày kết quả đạt được và hướng phát triển của hệ thống

7


CHƯƠNG 2: CÁC CÔNG NGHỆ ĐƯỢC SỬ DỤNG TRONG ĐỀ TÀI
1. Giới thiệu về các ngơn ngữ lập trình được sử dụng
1.1. HTML (Hypertext markup Language)
HTML là ngông ngữ đánh dấu siêu văn bản được sử dụng để xây dựng và cấu trúc nội

dung trên trang web. Nó sử dụng các thẻ và các thuộc tính để mơ tả cấu trúc của trang
web, từ tiêu đề, đoạn văn, hình ảnh đến các lieenkeets. HTML cung cấp cơ sở hạ tầng
cho trang web, cho phép trình duyệt hiểu cách hiển thị thông tin người dùng.
1.2. CSS (Cascading Style Sheets)
CSS là 1 ngon ngữ được sử dụng để tìm và định dạng các phần tử được tạo ra bởi ngôn
ngữ đánh dấu (HTML), kiểm soát giao diện và bố cục của trang web. Nó cho phép định
rõ các quy tắc về màu sắc, font chữ, khoảng cách và các thuộc tính thiết kế khác.
1.3. JavaScript (JS)
JavaScript là ngơn ngữ lập trình chủ yếu sử dụng trên trình duyệt để tạo ra các hiệu ứng
động, thao tác với DOM (Document Object Model) và cung cấp các tính năng tương
tác với người dùng. JS giúp tăng cường trải nghiệm người dùng bằng cách thêm các
chức năng kiểm tra biểu mẫu, kiểm soát sự kiện và tương tác AJAX để trai dữ liệu mà
không cần làm mới trang.
1.4. PHP (Hypertext Preprocessor)
PHP là 1 ngôn ngữ lập trình phía máy chủ được sử dụng chủ yếu để xử lý logic và tạo
nội dung động trên trang web. PHP thường được tích hợp với HTML để tạo ra các trang
web động, có khả năng tương tác với cơ sở dữ liệu, xử lí biểu mẫu và tạo ra các trang
web có nội dung đa dạng dựa trên dữ liệu đầu vào. PHP là một phần quan trọng của
nhiều hệ thống quản lý nội dung và ứng dụng web động.

Hình 1: Mô tả PHP hoạt động

8


2. Các công nghệ khác
2.1 Hệ quản trị cơ sở dữ liệu MySQL
MySQL là một hệ quản trị cơ sở dữ liệu (DBMS) mã nguồn mở, với hiệu suất cao, hỗ
trợ cơ sở dữ liệu quan hệ và cung cấp tính bảo mật, phổ biến và mạnh mẽ được thiết kế
để lưu trữ và quản lý dữ liệu trong các ứng dụng web và hệ thống thông tin.

2.2. Boostrap
Boostrap là một framework bao gồm các thành phần HTML, CSS, JS template dùng để
phát triển webside chuẩn responsive.
Boostrap cho phép quá trình thiết kế website diễn ra nhanh chóng và dễ dàng hơn dựa
trên những thành tố cơ bản sẵn có như form, button, tabel, navigation,…
Boostrap là một bô sưu tập miễn phí các mã nguồn mở và cơng cụ dùng để tạo ra một
mẫu website hoàn chỉnh. Với các thuộc tính về giao diện được quy định sẵn như kích
thước, màu sắc, độ cao, chiều rộng,…. Các designer có thể sáng tạo nhiều sản phẩm
mới mẻ nhưng vẫn tiết kiệm thời gian làm việc.
2.3. Mơ hình MVC
MVC là viết tắt của cụm từ (Model – View - Controller). Đây là mơ hình thiết kế được
sử dụng trong kỹ thuật phần mềm. MVC là 1 mẫu kiến trúc phần mềm để tạo lập giao
diện người dùng trên máy tính. MVC được chia thành ba phần được kết nối với nhau
và mỗi thành phần đều có một nhiệm vụ riêng của nó và độc lập với các thành phần còn
lại.
-

Model (dữ liệu): Quản lí xữ lí dữ liệu (thực hiện các truy vấn tương tác với cơ
sở dữ liệu).
View (giao diện): Nơi hiển thị dữ liệu ra màn hình cho người dùng.
Controller (bộ điều khiển): Điềi khiển sự tương tác của hai thành phần Model và
View.

2.4. XAMPP
XAMPP là một bộ công cụ phần mềm mã nguồn mở giúp đơn giản hóa quá trình triễn
khai ứng dụng web trên máy tính cá nhân. Tên XAMPP là viết tắc của:
-

X: Dành cho cả 3 hệ điều hành: Window, Linux và macOS.
A: Apache – một máy chhur web.

M: MySQL – hệ quản trị cơ sở dữ liệu.
P: PHP – Ngơn ngữ lập trình phía máy chủ

Với sự kết hợp của các thành phần, XAMPP cung cấp một môi trường phát triễn đơn
giản để thử nghiệm và phát triễn ứng dụng web trước khi triễn khai lên môi trường thực
tế.

9


CHƯƠNG 3: ĐẶT TẢ YÊU CẦU
1. Các chức năng của hệ thống
Website bán hàng trực tuyến chủ yếu phục vụ 3 nhóm đối tượng chính: Khách hàng
vãng lai, khách hàng đã đăng ký tài khoản, quản trị viên.
1.1. Các bảng chức năng
Đối tượng
Chức năng
Đăng ký tài khoản

Khách vãng lai

Mô tả
Đăng ký 1 tài khoản trên website để
người bán có thể dễ dàng nhận diện được
khách hàng cũng như dễ dàng thanh tốn
sau khi mua sản phẩm
Xem sản phẩm
Khách hàng có thể xem sản phẩm được
đăng tải trên website (hình ảnh, giá, mơ
tả,…)

Tìm kiếm
Xem sản phẩm theo danh mục sản phẩm,
tìm kiếm thơng qua từ khóa,…
Giỏ hàng
Có thể thêm, xóa sản phẩm trong giỏ
hàng,…
Xem bình luận
Xem các bình luận và đánh giá sản phẩm
Bảng 1: Bảng chức năng khách vãng lai

Khách vãng lai có thể xem tham khảo các thơng tin mơ tả về sản phẩm. Khách vãng lai
có thể mua hàng mà không cần đăng ký tài khoản bằng cách nhập lại thông tin khi đặt
hàng.
Đối tượng
Chức năng
Mô tả
Khách hàng đã Đăng nhập và đăng Đăng nhập giúp website ghi nhớ thông tin
đăng ký tài xuất
và quản trị viên dễ dàng nhận diện khách
khoản
hàng thành viên, thanh toán dễ dàng hơn.
Đăng xuất sau khi mua sắm giúp an toàn
hơn về thơng tin cá nhân
Xem sản phẩm
Khách hàng có thể xem sản phẩm được
đăng tải trên website (hình ảnh, giá, mơ
tả,…)
Tìm kiếm
Xem sản phẩm theo danh mục sản phẩm,
tìm kiếm thơng qua từ khóa,…

Giỏ hàng
Có thể thêm, xóa sản phẩm trong giỏ
hàng,…
Bảng 2: Bảng chức năng khách hàng đã đăng ký tài khoản
Khách hàng khi đã đăng ký tài khoản có tất cả các chức năng của khách vãng lai. Có
thể mua hàng mà không cần phải nhập lại thông tin giao hàng nhiều lần.

10


Đối tượng
Quản trị viên

Chức năng
Mô tả
Đăng nhập và đăng Đăng nhập giúp website ghi nhớ thông tin
xuất
và quản trị viên dễ dàng nhận diện khách
hàng thành viên, thanh toán dễ dàng hơn.
Đăng xuất sau khi mua sắm giúp an toàn
hơn về thơng tin cá nhân
Thay đổi mật khẩu
Có thể thay đổi mật khẩu tất cả tài khoản
Quản lý người dùng
Thêm, sửa, xóa các tài khoản người dùng
và phân quyền cho tài khoản
Quản lý sản phẩm
Thêm, sửa, xóa và cập nhật thơng tin sản
phẩm
Quản lý danh mục sản Thêm, sửa, xóa và cập nhật thông tin

phẩm
danh mục sản phẩm
Quản lý nhà cung cấp Thêm, sửa, xóa và cập nhật thơng tin nhà
sản phẩm
cung cấp
Bảng 3: Bảng chức năng quản trị viên

Quản trị viên có đầy đủ các chức năng để có thể quản lí duy trì website hoạt động tốt.
1.2. Sơ đồ Usecase
1.2.1 Các đối tượng

Hình 2: Sơ đồ uscase mô tả các đối tượng
Người dùng hệ thống là người sử dụng và tác động trực tiếp đến hệ thống. Các đối tượng
người dùng đều kế thừa từ người dùng hệ thống và sẽ có tất cả chức năng của người
dùng hệ thống và các chức năng riêng của chính đối tượng đó.
1.3. Một số chức năng hệ thống
1.3.1. Đăng nhập

11


Hình 3: Sơ đô usecase mô tả chức năng đang nhập của tác nhân
Tác nhân: thành viên, admin.
Mô tả: Sơ đồ này mơ tả q trình mà các tác nhân đang nhập và đăng xuất khỏi trang
web
1.3.2. Xem thông tin sản phẩm

Hình 4: Sơ đô usecase mô tả các chức năng tổng quát của khách hàng
Tác nhân: Khách hàng bao gồm cả khách vãng lai và thành viên
Mô tả: sơ đô mô tả các chức năng mà một khách hàng có.

1.3.3. Sơ đồ tổng quát các chức năng của quản trị viên
12


Hình 5: Sơ đô usecase mô tả các chức năng của quản trị viên

Tác nhân: Quản trị viên
Mô tả: Quản trị viên là người trực tiếp điều hành hệ thống website.
-

Quản lý sản phẩm (thêm, sửa, xóa).
Quản lý tài khoản người dùng (thêm, sửa, xóa)
Quản lý danh mục sản phẩm (thêm, sửa, xóa)
Quản lí nhà cung cấp (thêm, sửa, xóa)

1.3.4. Giỏ hàng

13


Hình 6: Sơ đô usecase mô tả chức năng giỏ hàng
Tác nhân: Khách vãng lai, thành viên
Mô tả: Sơ đồ mơ tả q trình khách hàng thêm sản phẩm vào giỏ hàng.
CHƯƠNG 4: THIẾT KẾ VÀ CÀI ĐẶT
1. Thiết kế cơ sở dữ liệu

Hình 7: Sơ đồ cơ sở dữ liệu quan hệ

*Bảng tbl_user

name
userID

Type
int

Length Decimals Not null
11
x

userName
userEmail

varchar
varchar

255
255

virtual key
Khóa
chính

x
x
14


pass
level

User_img

varchar
int
varchar

255
x
30
255
Bảng 4: Bảng tbl_user

*Bảng tbl_category
name
Category_id

Type
int

Category_name

varchar

Length Decimals Not null
11
x

virtual key
Khóa
chính

255
x
Bảng 5: Bảng tbl_category

*Bảng tbl_brand
name
brand_id

Type
int

Length Decimals Not null
11
x

brand_name
Category_id

varchar
int

255
11

x
x

virtual key
Khóa

chính
Khóa
ngoại

Bảng 6: Bảng tbl_brand
*Bảng tbl_product
name

Type

product_id

int

Length Decimals Not
null
11
x

product_name
Category_id

varchar
int

255
11

x
x

Brand_id

Int

11

x

Product_price
Product_capital_price
Product_desc
Product_img
Product_quantity

int
255
int
255
vachar
255
Varchar 255
int
255
Bảng 7: Bảng tbl_product

virtual key
Khóa
chính
Khóa

ngoại
Khóa
ngoại

15


*Bảng tbl_cart
name
Cart_id

Type
int

Length Decimals Not null
11
x

Cart_name
product_id

varchar
vachar

255
255

product_name
Product_price
quantity

Sid
Product_img

vachar
int
int
vachar
Varchar

255
x
255
255
255
255
Bảng 8: Bảng tbl_cart

x
x

virtual key
Khóa
chính
Khóa
ngoại

*Bảng tbl_product_img_desc
name

Type

product_id

int

Length Decimals Not
null
11
x

virtual key
Khóa
ngoại

Product_img_desc varchar 255
x
Bảng 9: Bảng tbl_product_img_desc
*Bảng tbl_cuspayment
name
id

Type
int

cusName
cusPhone
province
town
adress
email

varchar
varchar
varchar
varchar
varchar
varchar

Length Decimals Not null
11
x

virtual key
Khóa
chính

255
255
255
255
255
255
Bảng 10: Bảng tbl_cuspayment

16


2. Mô tả luồng dữ liệu một số chức năng
2.1. Đăng nhập

Hình 8: Sơ đồ mô tả quá trình đăng nhập của quản trị viên

Tác nhân: Quản trị viên
Mô tả:
-

Quản trị viên nhập username và password của tài khoản
Hệ thống sẽ gọi controller tương ứng ở đây (userContrller)
Hàm login-admin() sẽ gửi yêu cầu đên lớp model (userModel)
userModel sẽ kiểm tra móc dữ liệu từ database, so sánh và trả về mãng kết quả
là các user có kết quả giống với dữ liệu mà admin gửi đến.
Controller nhận dữ liệu từ model và thực hiện lựa chọn giao diện được tra về cho
người dùnh
o Trường hợp đăng nhập thành công: chuyển hướng đến trang chủ của hệ
thống quản trị.
o Trường hợp đăng nhập thất bại: tiếp tuc chuyển hướng đên trang đăng
nhập

17


2.2. Thêm danh mục sản phẩm

Hình 9: Sơ đồ mô tả quá trình thêm danh mục sản phẩm của quản trị viên

Tác nhân: Quản trị viên
Mô tả:
-

Quản trị viên thực hiên nhập thông tin bao gồm category_id và category_name

Hệ thống gọi controller (categoryAddController)
categoryAddController gọi model (categoryModel)
categoryModel móc dữ liệu từ database và thực hiện thêm dữ liệu và database
thông qua hàm insert_category().
Category trả về kết quả cho categoryAddController
Controller dựa trên dữ liệu vừa thêm gọi view để hiển thị giao diện
View nhận thông điện và hiển thị giao diện danh sách các danh mục sản phẩm
o Trưòng hợp thêm thành công: điều hướng trang trở lại trang danh sách
danh mục sản phẩm(categoryView=>categoryViewList)
o Trường hợp thêm thất bại: danh mục sẽ không được hiển thị ra trang danh
sách danh mục sản phẩm

18


2.3. Chỉnh sửa danh mục sản phẩm

Hình 10: Sơ đò mô tả quá trình cập nhật danh mục sản phẩm của quản trị viên

Tác nhân: Quản trị viên
Mô tả:
-

Quản trị viên yêu cầu chỉnh sửa
Hệ thống gọi controller (categoryUpdateController)
categoryUpdateController gọi model (categoryModel)
categoryModel móc dữ liệu từ database và thực hiện update dữ liệu vào database.
Category trả về kết quả cho categoryUpdateController
Controller dựa trên dữ liệu vừa thêm gọi view để hiển thị giao diện
View nhận thông điện và hiển thị giao diện danh sách các danh mục sản phẩm

o Trưòng hợp thêm thành công: điều hướng trang trở lại trang danh sách
danh mục sản phẩm (categoryView=>categoryViewList)
o Trường hợp thêm thất bại: danh mục sẽ không được hiển thị ra trang danh
sách danh mục sản phẩm

19


2.4. Xóa danh mục sản phẩm

Hình 11:Sơ đị mơ tả quá trình xóa danh mục sản phẩm của quản trị viên
Tác nhân: Quản trị viên
Mô tả:
-

Quản trị viên yêu cầu xóa
Hệ thống gọi controller (categoryController)
categoryController gọi model (categoryModel)
categoryModel móc dữ liệu từ database và thực hiện xóa dữ liệu khỏi database
thông qua hàm delete_category().
Category trả về kết quả cho categoryController
Controller dựa trên dữ liệu vừa thêm gọi view để hiển thị giao diện
View nhận thông điện và hiển thị giao diện danh sách các danh mục sản phẩm
o Trưòng hợp thêm thành công: điều hướng trang trở lại trang danh sách
danh mục sản phẩm (categoryView=>categoryViewList)
o Trường hợp thêm thất bại: danh mục sẽ không được hiển thị ra trang danh
sách danh mục sản phẩm

20

3. Thiết kế giao diện
3.1 Giao diện phía quản trị
3.1.1 Giao diện trang chủ

Hình 12: Giao diện trang chủ Admin
3.1.2 Giao diện danh sách danh mục sản phẩm

Hình 13;Giao diện trang danh sách danh mục
3.1.3. Giao diện thêm danh mục sản phẩm

21


Hình 14: Giao diện trang thêm danh mục
3.1.4. Giao diện cập nhật danh mục sản phẩm

Hình 15: Giao diện trang chỉnh sửa danh mục
3.1.5. Giao diện danh sách nhà cung cấp

22