Xây dựng WEBSITE mua bán trao dổi hàng hóa đã qua sử dụng

ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM

TRẦN MINH QUỐC - 15520702
ĐẶNG TRUNG THẮNG - 15520786

KHÓA LUẬN TỐT NGHIỆP
XÂY DỰNG WEBSITE MUA BÁN TRAO ĐỞI HÀNG HĨA ĐÃ QUA SƯ
DỤNG
BUILD A WEBSITE TO BUYING AND EXCHANGE USED GOODS

KỸ SƯ NGÀNH KỸ THUẬT PHẦN MỀM

TP. HỒ CHÍ MINH, 2021
ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THƠNG TIN
KHOA CÔNG NGHỆ PHẦN MỀM


TRẦN MINH QC – 15520702
ĐẶNG TRUNG THẮNG – 15520786

KHĨA LUẬN TỐT NGHIỆP
XÂY DỰNG WEBSITE MUA BÁN TRAO ĐỞI HÀNG HĨA ĐÃ QUA SƯ
DỤNG
BUILD A WEBSITE TO BUYING AND EXCHANGE USED GOODS
KỸ SƯ/ CƯ NHÂN NGÀNH PHẦN MỀM

GIẢNG VIÊN HƯỚNG DẪN
TS. NGUYỄN HÀ GIANG

ThS. NGUYỄN THỊ THANH TRÚC

TP. HỒ CHÍ MINH, 2021
THƠNG TIN HỘI ĐỒNG CHẤM KHĨA LUẬN TỐT NGHIỆP Hội đồng chấm
khóa luận tốt nghiệp, thành lập theo Quyết định số………………… ngày
……………………… của Hiệu trưởng Trường Đại học Công nghệ Thơng tin.
ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

NAM Độc Lập - Tự Do - Hạnh Phúc

TRƯỜNG ĐẠI HỌC
CÔNG NGHỆ THƠNG TIN
CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT

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

NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP CỦA CÁN BỘ HƯỚNG DẪN


Tên khóa luận:
XÂY DỰNG WEBSITE MUA BÁN TRAO ĐỞI HÀNG HĨA ĐÃ QUA SƯ DỤNG
Nhóm SV thực hiện: Cán bộ hướng dẫn: Trần Minh Quốc 15520702 TS. Nguyễn Hà
Giang Đặng Trung Thắng 15520786 ThS. Nguyễn Thị Thanh Trúc
Đánh giá Khóa luận
1. Về cuốn báo cáo:
Số trang _______ Số chương _______
Số bảng số liệu _______ Số hình vẽ _______
Số tài liệu tham khảo _______ Sản phẩm _______
Một số nhận xét về hình thức cuốn báo cáo:
...........................................................................................................................................................

...........................................................................................................................................................
...........................................................................................................................................................
.......................................................................................................................................2.

Về

nội

dung nghiên cứu:
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
.......................................................................................................................................
3. Về chương trình ứng dụng:
...........................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
.....................................................................................................................................4. Về thái độ
làm việc của sinh viên:
...........................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
.....................................................................................................................................Đánh giá
chung: ...............................................................................................................................................
............................................................................................................................................................
..........................................................................................................................Điểm từng sinh
viên:


Trần Minh Quốc:………../10

Đặng Trung Thắng:………../10
Người nhận xét
ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH

(Ký tên và ghi rõ họ tên)
NAM Độc Lập - Tự Do - Hạnh Phúc

TRƯỜNG ĐẠI HỌC
CÔNG NGHỆ THƠNG TIN
CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT

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

NHẬN XÉT KHÓA LUẬN TỐT NGHIỆP CỦA CÁN BỘ PHẢN BIỆN
Tên khóa luận:
XÂY DỰNG WEBSITE MUA BÁN TRAO ĐỞI HÀNG HĨA ĐÃ QUA SƯ DỤNG
Nhóm SV thực hiện: Cán bộ phản biện: Trần Minh Quốc 15520702
Đặng Trung Thắng 15520786
Đánh giá Khóa luận
5. Về cuốn báo cáo:
Số trang _______ Số chương _______
Số bảng số liệu _______ Số hình vẽ _______
Số tài liệu tham khảo _______ Sản phẩm _______
Một số nhận xét về hình thức cuốn báo cáo:
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
.......................................................................................................................................6.

Về

nội

dung nghiên cứu:
...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
.......................................................................................................................................
7. Về chương trình ứng dụng:


...........................................................................................................................................................
...........................................................................................................................................................
...........................................................................................................................................................
.......................................................................................................................................8. Về thái độ
làm việc của sinh viên:
...........................................................................................................................................................
............................................................................................................................................................
............................................................................................................................................................
.....................................................................................................................................Đánh giá
chung: ...............................................................................................................................................
............................................................................................................................................................
..........................................................................................................................Điểm từng sinh
viên:
Trần Minh Quốc:………../10
Đặng Trung Thắng:………../10
Người nhận xét
(Ký tên và ghi rõ họ tên)
LỜI CẢM ƠN
Nhóm em xin gửi lời cảm ơn đến ban giám hiệu, các quý thầy cô của trường Đại học

Công nghệ Thông tin, đặc biệt là các thầy cô trong khoa Công Nghệ Phần Mềm đã
cung cho chúng em những hành trang kiến thức cần thiết, bổ ích và phong phú trong
những năm học tập tại trường.
Xin bày tỏ lời cảm ơn chân thành đến cô Nguyễn Thị Thanh Trúc - người đã dành
nhiều thời gian hướng dẫn và giúp đỡ nhóm em trong suốt quá trình làm khóa luận để
có thể hồn thành tốt khóa luận tốt nghiệp này.
Tuy nhóm em đã nỗ lực rất nhiều để làm khóa luận hồn thiện nhất có thể nhưng chắc
chắn khó tránh khỏi những thiếu sót nên kính mong q thầy cơ thơng cảm và tận tình
chỉ bảo để cải thiện tốt hơn.
Kính chúc q thầy cơ có thật nhiều sức khỏe và niềm tin để thực hiện sứ mệnh cao
đẹp của mình và truyền đạt kiến thức cho các thế hệ sau này.
Chúng em trân trọng cảm ơn!


ĐẠI HỌC QUỐC GIA TP. HỒ CHÍ MINH
TRƯỜNG ĐẠI HỌC

CƠNG NGHỆ THƠNG TIN
CỘNG HỊA XÃ HỘI CHỦ NGHĨA VIỆT
NAM Độc Lập - Tự Do - Hạnh Phúc


ĐỀ CƯƠNG CHI TIẾT
TÊN ĐỀ TÀI TIẾNG VIỆT: Xây dựng website mua bán trao đởi hàng hóa đã qua
sử dụng
TÊN ĐỀ TÀI TIẾNG ANH: Build a website to buying and exchange used goods
Cán bộ hướng dẫn:
TS. Nguyễn Hà Giang
ThS. Nguyễn Thị Thanh Trúc
Thời gian thực hiện: Từ ngày 10/03/2021 đến ngày 26/06/2021

Sinh viên thực hiện:
Trần Minh Quốc - 15520702
Đặng Trung Thắng - 15520786
Nội dung đề tài:
I) Mục tiêu của đề tài
Trong những năm trở lại đây thương mại điện tử đang phát triển rất mạnh mẽ cùng với sự
gia tăng của các doanh nghiệp và hình thức thương mại điện tử. Người dùng hiện nay
ngày càng có xu hướng tìm kiếm và mua hàng trên các website thương mại lớn như Tiki,
Shopee, Lazada... nơi cung cấp rất nhiều các mặt hàng từ trong nước đến ngoài nước.


Các sản phẩm đó đều là sản phẩm mới và giá cả có thể rẻ hơn so với việc mua trực tiếp
bên ngồi, nhưng nó cũng khá cao cho với một số người hạn hẹp về tài chính.
Bên cạnh các nhu cầu tìm kiếm các sản phẩm mới trên mạng thì nhu cầu tìm kiếm các
mặt hàng cũ, đã qua sử dụng cũng rất cao. Nên chúng em quyết định thực hiện đề tài
“Xây dựng website mua bán và trao đổi hang hóa đã qua sử dụng” nhằm cung cấp cho
người dùng một nơi đáng tin cậy: cho những người có hàng hóa đã qua sử dụng nhưng
khơng dùng đến nữa, đến những người có nhu cầu tìm kiếm những mặt hàng ưng ý với
giá cả phải chăng.
II) Phạm vi
Xây dựng website cung cấp nơi mua bán giao dịch các hàng hóa đã qua sử dụng, kết nối
giữa người có nhu cầu bán đồ dùng cũ với những người có nhu cầu tìm kiếm sản phẩm
ưng ý với giá cả phải chăng.
III) Đới tượng:
• Cơng nghệ:
o .Net Core
o ReactJS
o SQL Server
o Firebase
• Tìm hiểu thêm về kiến trúc Microservices

• Các thuật tốn liên quan đến tìm kiếm
• Đối tượng trong phạm vi đề tài hướng đến:
o Người mua có kinh phí hạn hẹp, người muốn trải nghiệm sản phẩm, người
mua với giá rẻ rồi bán lại kiếm lời…
o Người bán đang cần tiền, người đã trải nghiệm xong sản phẩm, người sử dụng
sản phẩm nhưng không ưng ý và muốn bán lại…
IV) Phương pháp nghiên cứu:
• Tìm hiểu và phân tích nhu cầu của người dùng.


• Phân loại các sản phẩm đã sử dụng vẫn còn giá trị bán lại.
• Xây dựng cơ sở dữ liệu.
• Xây dựng giao diện website tiện lợi cho người dùng dễ dàng sử dụng. • Xây dựng
tính năng chat giúp người mua và người bán tiện lợi hơn trong việc liên lạc và trao đổi
sản phẩm.
V) Kết quả mong đợi:
• Cung cấp cho các chức năng tiện lợi cho người mua hàng dễ dàng tìm kiếm sản
phẩm phù hợp với mức giá.
• Cung cấp các chức năng thuận tiện cho người bán nơi đăng tải và quản lý các sản
phẩm.
• Cung cấp giao diện thuận tiện cho người dùng có thể responsive cho cả mobile và
tablet.
• Cung cấp tính năng chat để người mua và người bán dễ dàng liên lạc với nhau để
trao đổi sản phẩm thuận tiện hơn.

Kế hoạch thực hiện:
STT
1

Cơng việc

Thời gian

Phân cơng

Tìm hiểu về những sản phẩm đã qua

10/03 – 11/03

Cả hai

sử dụng nhưng vẫn có giá trị để bán
lại hoặc trao đổi và phân loại chúng
2

Tìm hiểu về .Net Core, SQL Server

12/03 – 14/03

Cả hai

3

Tìm hiểu về ReactJS, Firebase

14/03 – 16/03

Cả hai

4

Phân tích nghiệp vụ, chức năng dựa

17/03 – 24/03

Cả hai

trên các thông tin thu thập về sản
phẩm và nhu cầu sử dụng của người
dùng.
5

Lên bản thiết kế giao diện website

24/03 – 01/04

Cả hai

6

Xây dựng cơ sở dữ liệu

24/03 – 28/03

Cả hai

Ghi chú


7

Lập trình các chức năng, giao

01/04 – 30/04

Thắng

01/04 – 30/04

Quốc

01/05 -01/06

Cả hai

01/06 – 24/06

Cả hai

diện dành cho người mua hàng
8

Lập trình các chức năng, giao
diện dành cho người bán hàng

9

Triển khai website, kiểm tra và điều
chỉnh lỗi.

10

Hoàn thiện luận văn và chuẩn bị báo
cáo
Xác nhận của CBHD

TP. HCM, ngày….tháng…..năm

(Ký tên và ghi rõ họ tên)

2021 Sinh viên
(Ký tên và ghi rõ họ tên)

MỤC LỤC
TĨM TẮT KHĨA LUẬN ..........................................................................................1
Chương 1. TỞNG QUAN ĐỀ TÀI...........................................................................3 1.1.
Giới thiệu đề tài .............................................................................................3 1.2. Lý do
chọn đề tài ...........................................................................................3 1.3. Mục
tiêu.........................................................................................................4 1.4. Đối
tượng.......................................................................................................4 1.5. Phạm
vi ..........................................................................................................4 1.6. Phương
pháp thực hiện..................................................................................4 Chương 2. CƠ SƠ


LÝ THÚT VÀ CƠNG NGHỆ..............................................6 2.1. Phân tích các trang
web đã có .......................................................................6 2.1.1.
Chotot.com ..........................................................................................6 2.1.2.
Chodocu.com.......................................................................................7 2.2. Tổng
hợp........................................................................................................9 2.3. Cơng nghệ
sử dụng ......................................................................................10 2.3.1.

ReactJS ..............................................................................................10 2.3.2. .NET
Core..........................................................................................12 2.3.3.
Firebase..............................................................................................14 2.3.4. Microsoft
SQL Server: ......................................................................17 2.3.5. Recommendation
System..................................................................18 Chương 3. PHÂN TÍCH VÀ
THIẾT KẾ HỆ THỐNG ..........................................20 3.1. Danh sách yêu
cầu .......................................................................................20 3.1.1. Khách hàng mới
(chưa có tài khoản) ................................................20 3.1.2. Khách hàng (đã có tài
khoản)............................................................20
3.1.3. Người bán hàng .................................................................................20 3.1.4.
Quản trị viên......................................................................................20 3.2. Phân tích
yêu cầu.........................................................................................21 3.2.1. Sơ đồ
Usecase....................................................................................21 3.2.2. Danh sách
Actor ................................................................................22 3.2.3. Danh sách
Usecase ............................................................................22 3.2.4. Đặc tả
Usecase...................................................................................23 3.2.5. Sequence
Diagram.............................................................................33 Chương 4. THIẾT KẾ VÀ
PHÁT TRIỂN HỆ THỐNG ........................................45 4.1. Thiết kế cơ sở dữ
liệu ..................................................................................45 4.1.1. Lược đồ cơ sở dữ
liệu........................................................................45 4.1.2. Mô tả các lớp trong cơ sở dữ
liệu......................................................46 4.2. Các phương thức xử lý dữ
liệu ....................................................................53 4.2.1. Truy xuất dữ


liệu ...............................................................................53 4.2.2. Khởi tạo dữ
liệu.................................................................................54 4.2.3. Cập nhật dữ
liệu.................................................................................55 4.3. Triển khai hệ
thống......................................................................................56 4.3.1. Kiến trúc
Client .................................................................................57 4.3.2. Kiến trúc API
server..........................................................................59 4.4. Giao

diện......................................................................................................60 4.4.1. Danh
sách các màn hình....................................................................60 4.4.2. Giao diện màn
hình ...........................................................................61 Chương 5. KẾT LUẬN VÀ
HƯỚNG PHÁT TRIỂN............................................70 5.1. Kết quả đạt
được..........................................................................................70
5.2. Hạn chế ........................................................................................................71 5.3.
Hướng phát triển..........................................................................................71

DANH MỤC HÌNH
Hình 2.1 Website chotot.com......................................................................................6
Hình 2.2 Website chodocu.com ..................................................................................8
Hình 2.3 DOM ..........................................................................................................11
Hình 2.4 React Lifecycle...........................................................................................12
Hình 2.5 Firebase Realtime Database .......................................................................15
Hình 2.6 Freebase Authentication.............................................................................15
Hình 2.7 Firebase Cloud Messaging .........................................................................16
Hình 2.8 Recommendation........................................................................................18
Hình 3.1 Sơ đồ usecase .............................................................................................21
Hình 3.2 Sequence Diagram “Đăng ký tài khoản” ...................................................33
Hình 3.3 Sequence Diagram “Đăng nhập” ...............................................................34
Hình 3.4 Sequence Diagram “Đăng xuất” ................................................................35
Hình 3.5 Sequence Diagram “Thêm sản phẩm vào giỏ hàng” .................................36
Hình 3.6 Sequence Diagram “Xóa sản phẩm trong giỏ hàng” .................................37
Hình 3.7 Sequence Diagram “Sửa sản phẩm trong giỏ hàng” ..................................38
Hình 3.8 Sequence Diagram “Thanh tốn”...............................................................39
Hình 3.9 Sequence Diagram “Đăng bài” ..................................................................40


Hình 3.10 Sequence Diagram “Quản lý danh mục” .................................................41
Hình 3.11 Sequence Diagram “Quản lý hình ảnh” ...................................................42

Hình 3.12 Sequence Diagram “Quản lý tài khoản” ..................................................43
Hình 3.13 Sequence Diagram “Quản lý bài đăng” ...................................................44
Hình 4.1 Lược đồ cơ sở dữ liệu ................................................................................45
Hình 4.2 Truy xuất dữ liệu........................................................................................54
Hình 4.3 Khởi tạo dữ liệu..........................................................................................55
Hình 4.4 Cập nhật dữ liệu .........................................................................................56
Hình 4.5 Kiến trúc Client..........................................................................................57
Hình 4.6 Kiến trúc API server...................................................................................59
Hình 4.7 Màn hình Home..........................................................................................61
Hình 4.8 Màn hình Chi tiết sản phẩm .......................................................................62
Hình 4.9 Màn hình Giỏ hàng.....................................................................................63
Hình 4.10 Tạo thơng tin cơ bản.................................................................................63
Hình 4.11 Tạo thơng tin bán hàng.............................................................................64
Hình 4.12 Tạo thơng tin vận chuyển.........................................................................64
Hình 4.13 Hồn tất ....................................................................................................65
Hình 4.14 Màn hình Quản lý tài khoản.....................................................................65
Hình 4.15 Chỉnh sửa thơng tin tài khoản ..................................................................66
Hình 4.16 Màn hình Quản lý hình ảnh......................................................................66
Hình 4.17 Màn hình Thêm hình ảnh .........................................................................67
Hình 4.18 Màn hình Sửa hình ảnh ............................................................................67
Hình 4.19 Màn hình Quản lý danh mục....................................................................68
Hình 4.20 Màn hình Thêm danh mục .......................................................................68
Hình 4.21 Màn hình Sửa danh mục ..........................................................................69

DANH MỤC BẢNG
Bảng 3.1 Danh sách Actor ........................................................................................22
Bảng 3.2 Danh sách Usecase ....................................................................................23
Bảng 3.3 Đặc tả Usecase “Đăng ký tài khoản”.........................................................24
Bảng 3.4 Đặc tả Usecase “Đăng nhập”.....................................................................24
Bảng 3.5 Đặc tả Usecase “Đăng xuất”......................................................................25

Bảng 3.6 Đặc tả Usecase “Thêm sản phẩm vào giỏ hàng” .......................................26
Bảng 3.7 Đặc tả Usecase “Xóa sản phẩm trong giỏ hàng” .......................................27
Bảng 3.8 Đặc tả Usecase “Sửa sản phẩm trong giỏ hàng” .......................................27


Bảng 3.9 Đặc tả Usecase “Thanh toán” ....................................................................28
Bảng 3.10 Đặc tả Usecase “Đăng bài”......................................................................29
Bảng 3.11 Đặc tả Usecase “Quản lý danh mục”.......................................................30
Bảng 3.12 Đặc tả Usecase “Quản lý hình ảnh”.........................................................31
Bảng 3.13 Đặc tả Usecase “Quản lý tài khoản”........................................................31
Bảng 3.14 Đặc tả Usecase “Quản lý bài đăng”.........................................................32
Bảng 4.1 Lớp Admin.................................................................................................46
Bảng 4.2 Lớp Bids ....................................................................................................47
Bảng 4.3 Lớp Categories...........................................................................................47
Bảng 4.4 Lớp CategoryGroups .................................................................................48
Bảng 4.5 Lớp CategoryProduct.................................................................................48
Bảng 4.6 Lớp Images................................................................................................49
Bảng 4.7 Lớp Products..............................................................................................51
Bảng 4.8 Lớp Roles...................................................................................................51
Bảng 4.9 Lớp Slides..................................................................................................52
Bảng 4.10 Lớp Transactions .....................................................................................52
Bảng 4.11 Lớp Users.................................................................................................53
Bảng 4.12 Các thành phần kiến trúc Client ..............................................................58
Bảng 4.13 Các thành phần kiến trúc API server.......................................................59
Bảng 4.14 Danh sách các màn hình ..........................................................................60

DANH MỤC TỪ VIẾT TẮT
Từ viết tắt

Ý nghĩa

UC

Usecase

UI

User Interface

SPA

Single Page Application

DOM

Document Object Model

TĨM TẮT KHĨA LUẬN
Khóa luận đề tài “Xây dựng website mua bán và trao đổi hàng hố đã qua sử dụng”
được xây dựng thơng qua việc tham khảo một số nhu cầu mua bán hàng cũ của người
dùng và các trang thuơng mại điện tử như chotot.com, chodocu.com…
Chúng em xây dựng một trang web mua bán đồ cũ với các chức năng cở bản như tìm


kiếm mua và mua bán hàng hoá đã qua sử dụng. Ngồi ra còn có thêm các chức năng
như: Xây dựng kênh chat giữ người mua và người bán, chatbot hỗ trợ người bán trả lời
khách hàng khi offline, hệ thống gợi ý sản phẩm cho người dùng (Recommendation
System), quản lý kiểm duyệt bài đăng.
Qua nghiên cứu tìm hiều thì chúng em lựa chọn một số công nghệ sau để thực hiện
xây dựng đề tài như: ReactJS Framework (Font-end), DotNet Core Framework (backend), Microsoft SQL Server, Firebase Cloud Messaging, Firebase Storage, Firebase

Realtime Database.
Nội dung khóa luận được trình bày trong 5 chương:
Chương 1: Tổng quan đề tài
Giới thiệu tổng quan về đề tài. Nêu ra lý do chọn đề tài, mục tiêu, đối tượng, phạm vi
và phương pháp thực hiện.
Chương 2: Cơ sở lý thuyết và cơng nghệ
Phân tích các trang web hiện có, tổng hợp các ưu nhược điểm từ đó đưa ra các giải
pháp cho trang web và đề ra các công nghệ được sử dụng.
Chương 3: Phân tích và thiết kế hệ thớng
Liệt kê, phân tích chi tiết các yêu cầu của đề tài và đặc tả các chức năng của nó.
Chương 4: Thiết kế và phát triển hệ thống
Thiết kế, mô tả các phương thức xử lý của cơ sở dữ liệu sau đó triển khai hệ thống và
trình bày giao diện.

1
Chương 5: Kết luận và hướng phát triển
Tổng hợp lại những thuận lợi, khó khăn trong quá trình phát triển đề tài và nêu ra
hướng phát triển trong tương lai.


2

Chương 1. TỔNG QUAN ĐỀ TÀI
1.1. Giới thiệu đề tài
Trong những năm trở lại đây internet phát triển rất nhanh tại Việt Nam. Người dân sử
dụng internet hàng ngày tại gia đình, cơ quan và tại mọi nơi mà có internet. Đây chính
là điều kiện tốt để thương mại điện tử đang phát triển mạnh mẽ cùng với sự gia tăng
của các doanh nghiệp và hình thức thương mại điện tử.
Việc mua bán hàng hoá đã qua sử dụng trên internet đẫ trở nên phổ biến hơn trước rất
nhiều, khi mua bán đồ cũ vừa giúp người bán có được một số tiền nhờ vào những đồ

vật không còn sử dụng trong khi đó đối với người mua thì lại tiết kiệm được chi phí
thay vì mua hàng mới.
Các mặt hàng được đăng bán ngày một đa dạng từ những món đồ bình thường như
tivi, tủ lạnh, q̀n áo, vật ni tới những món đồ thời trang cao cấp. Mới đây một
thương hiệu thời trang nổi tiếng là Gucci đã công bố hợp tác với The RealReal, trang
thương mại điện tử chuyên kinh doanh hàng cao cấp đã qua sử dụng với 17 triệu
người dùng.
Điều này cho thấy rằng thị trường mua bán đồ cũ đang ngày càng phát triển mạnh
mẽ và hướng tới mọi đối tượng.
1.2. Lý do chọn đề tài
Trong bối cảnh dịch covid hoành hành trong 2 năm nay, nền kinh tế của thế giới nói
chung và Việt Nam nói riêng đều gặp khó khăn. Người dân cũng chiụ nhiều ảnh hưởng
về kinh tế, nên việc mua bán các mặt hàng đã qua sử dụng là một giải pháp tốt, tiết
kiệm chi phí cho họ trong bối cảnh khó khăn hiện tại.
Vì thế chúng em quyết định thực hiện đề tài “Xây dựng website mua bán và trao đổi
hàng hóa đã qua sử dụng” nhằm cung cấp cho người dùng một nơi đáng tin cậy: cho
những người có hàng hóa đã qua sử dụng nhưng khơng dùng đến nữa, đến những người
có nhu cầu tìm kiếm những mặt hàng ưng ý với giá cả phải chăng. Tăng nhu cầu mua
sắm các mặt hàng cũ cũng góp một phần không nhỏ tới việc bảo vệ môi

3
trường. Khi các món hàng có thể được tái sử dụng tiếp thay vì bị bỏ đi và vứt ra ngồi


môi trường
1.3. Mục tiêu
Xây dựng website cung cấp nơi mua bán giao dịch các hàng hóa đã qua sử dụng, kết
nối giữa người có nhu cầu bán đồ dùng cũ với những người có nhu cầu tìm kiếm sản
phẩm ưng ý với giá cả phải chăng.
1.4. Đới tượng

Người mua có kinh phí hạn hẹp, người muốn trải nghiệm sản phẩm hoặc người
muốn mua với giá rẻ rồi bán lại kiếm lời…
Người bán đang cần tiền, người đã trải nghiệm xong sản phẩm hoặc người sử dụng
sản phẩm nhưng không ưng ý và muốn bán lại…
1.5. Phạm vi
Phạm vi địa lý: Website được sử dụng tại Việt Nam.
1.6. Phương pháp thực hiện
Thực hiện các đề tài theo các bước:
• Phân tích đề tài.
• Tham khảo các trang web bán đồ cũ đã có trên thị trường.
• Nghiên cứu các cơng nghệ để áp.
• Phát triển ứng dụng.
• Kiểm thử và hồn thiện ứng.
Những cơng nghệ được sử dụng:
• Front-end:
o ReactJS Framework
o Firebase Cloud Messaging
• Back-end:
o Dot Net Core Framework

4
o SQL Server


o Firebase
o SMTP Email
• Recommendation System

5

Chương 2. CƠ SỞ LÝ THUYẾT VÀ CÔNG NGHỆ


2.1. Phân tích các trang web đã có
2.1.1. Chotot.com
Mơ tả chung:
Chợ Tốt là website mua bán rao vặt cho phép người mua và người bán kết nối và
giao dịch an tồn, dễ dàng trong một mơi trường tiện lợi và rõ ràng.
Đăng tin rao vặt hồn tồn miễn phí. Website hỗ trợ tìm kiếm nhanh các đăng tin rao
vặt vơ cùng nhanh chóng ở tất cả các danh mục khác nhau từ bất động sản, điện thoại,
xe máy, vật ni…

Hình 2.1 Website chotot.com
Nhận xét: Giao diện bắt mắt, dễ nhìn tạo cảm giác thoải mái khi lướt web. Trang
web có hệ thống kiểm duyệt bài đăng, tuy nhiên vẫn cho thấy các hiện tượng bài
đăng giá ảo, spam. Chợ tốt khơng có phần đánh giá sản phẩm, mặc dù thực trạng

6
cho thấy trên chotot có các cửa hàng đồ cũ thường đăng bán rất nhiều sản phẩm.
Người dùng cần nhìn nhận các đánh giá đó để xem chất lượng có tốt hay không.
Người dùng thương lượng giá cả qua tin nhắn hoặc liên hệ trực tiếp với người đăng để
mua. Tuy nhiên để thuận tiện hơn cho người bán hàng. Nên có mục trả giá để tổng hợp
các mức giá mà người dùng đưa ra để người bán có quyết định nhanh hơn thay vì phải


xem từng tin nhắn.
2.1.2. Chodocu.com
Mô tả chung:
Chodocu.com là một địa chỉ đáng tin cậy từ những người có sản phẩm hàng hóa đã
qua sử dụng và khơng dùng đến nữa, đến những người có nhu cầu tìm kiếm và mua

sản phẩm hàng hóa ưng ý khi còn hạn chế về tài chính, hay đơn giản là tìm kiếm
những món đồ độc lạ với giá tốt nhất. Chodocu.com sẽ trở thành một nơi để người
mua và người bán kết nối nhanh chóng và thuận tiện - một thị trường mua bán sôi
động.

7


Hình 2.2 Website chodocu.com
Nhận xét: trang web thiết kế khá đơn giản không cầu kỳ nhưng bố cục chưa được đẹp
mắt. Khơng có thơng tin ngày giờ đăng cụ thể để người dùng dễ dàng tìm kiếm. Khơng
có mục chat với người bán. Hiện trang web cũng không thể đăng nhập hay đăng kí
được bằng Email hay Facbook. Cho phép tạo bài đăng mà không cần đăng nhập dễ dẫn
đến tình trạng lừa đảo , spam.

8
2.2. Tởng hợp
Từ những gì đã phân tích được sau khi tham khảo các trang web thì nhóm đã đưa ra
được những thơng tin và tính năng cho đề tài khóa luận.
Thơng qua các trang web đã tham khảo thì nhóm em nhận thấy rằng các sản phẩm cũ


mà có khả năng bán lại đa số là các mặt hàng điện tử, các nhãn hiệu thời trang nổi
tiếng, các phương tiện đi lại, thú cưng, cây cảnh, đồ trang sức, đá quý và đặc biệt là
bất động sản…
Dựa vào những thơng tin đã phân tích thì nhóm em sẽ liệt kê các chức năng của
trang web như sau:
• Đối với người mua hàng:
o Tìm kiếm sản phẩm/cửa hàng
o Thanh toán

o Trả giá với người bán hàng
o Thanh toán/Hủy sản phẩm
o Lịch sử mua hàng
o Đăng ký/Đăng nhập/Đăng xuất
o Nhận xét/Đánh giá sản phẩm/cửa hàng
• Người bán hàng:
o Thêm/Xóa/Sửa bài viết bán hàng
o Lịch sử bán hàng
• Quản trị viên:
o Quản lý tài khoản
o Quản lý danh mục hàng
o Quản lý hình ảnh
o Quản lý bài viết bán hàng

9
2.3. Công nghệ sử dụng
2.3.1. ReactJS
2.3.1.1. Giới thiệu về ReactJS
ReactJS là một thư viện JavaScript có tính hiệu quả và linh hoạt để xây dựng các


thành phần giao diện người dùng (UI) có thể sử dụng lại. ReactJS giúp phân chia các
UI phức tạp thành các thành phần nhỏ (được gọi là component). Nó được tạo ra bởi
Jordan Walke, một kỹ sư phần mềm tại Facebook. ReactJS ban đầu được phát triển và
duy trì bởi Facebook và sau đó được sử dụng trong các sản phẩm của mình như
WhatsApp & Instagram.
ReactJS được dùng để xây dựng các ứng dụng [single page application] (SPA). Một
trong những điểm hấp dẫn của ReacJS là nó khơng chỉ được xây dựng bên phía clients
mà còn sử dụng được bên phía server.
2.3.1.2. Virtual DOM

Để hiểu rõ khái niệm về Virtual DOM, chúng ta cùng nhau đi tìm hiểu về DOM
trước. DOM là một [Document Object Model] và là một cấu trúc trừu tượng của text.
Các đoạn mã HTML được gọi là HTML DOM. Mỗi elements trong HTML là các
nodes của DOM đó.
Tại sao có DOM rồi lại cần Virtual DOM (DOM ảo)? Khi chúng ta làm việc với một
DOM, khi một nodes thay đổi thì tất cả các nodes cũng phải thay đổi theo. Giả sử,
chúng ta có một list danh sách gồm 10 items, nếu chúng ta thay đổi 1 items thì DOM
cũng thay đổi 9 items còn lại về trạng thái ban đầu của nó.
Điều này là khơng cần thiết, mặc dù tốc độ xử lý của DOM khá nhanh nhưng đối với
các ứng dụng SPA việc thay đổi các DOM này là liên tục nên nó sẽ xảy ra khá chậm
và không khả thi đi xây dựng ứng dụng lớn. Lúc này Virtual DOM sẽ được dùng để
thay thế. Nó được xây dựng dựa trên DOM thật, có một vài thuộc tính của DOM thật
nhưng khi thay đổi Virtual DOM sẽ không thực hiện thay đổi trên màn

10
hình giống như DOM thật.


Hình 2.3 DOM
Khi chúng ta thực hiện render một JSX element, mỗi Virtual DOM object sẽ được cập
nhật, khi virtual DOM được cập nhật, ReactJS sẽ so sánh virtual DOM với virtual
DOM trước đó để kiểm tra trước khi thực hiện cập nhật và sau đó sẽ cập nhật trên một
phần của DOM thật. Thay đổi của DOM thật sẽ được hiển thị ra màn hình.
2.3.1.3. React Lifecycle:
React Lifecycle là một vòng đời của component, khi chúng ta tiến hành render một
component thì ReactJS thực hiện nhiều tiến trình khác nhau, các tiến trình này được
lặp đi lặp lại đối với các component.

11

Hình 2.4 React Lifecycle
Giả sử khi một component được gọi trước tiên nó sẽ cài đặt props và state, sau đó tiến
hành mouting, update, unmouting… việc tham gia vào quá trình này bạn cần sử dụng
đến các hàm hỗ trợ của lifcecycle.
2.3.1.4. Ứng dụng vào đề tài
Sử dụng ReactJS xây dựng phần Fron-end cho website.
2.3.2. .NET Core
2.3.2.1. .NET Core là gì:
.NET Core là một nền tảng phát triển đa mục đích, mã nguồn mở được duy trì bởi
Microsoft và cộng đồng .NET trên GitHub. Đó là nền tảng chéo (hỗ trợ Windows,
macOS và Linux) và có thể được sử dụng để xây dựng các ứng dụng thiết bị, đám
mây và IoT.
2.3.2.2. Đặc điểm của .NET Core:
Đa nền tảng: Chạy trên các hệ điều hành Windows, macOS và Linux.
Nhất quán trên các kiến trúc: có thể chạy mã nguồn của bạn với cùng một hành vi
trên nhiều kiến trúc hệ thống, bao gồm x64, x86 và ARM.

12
Các công cụ dòng lệnh: Bao gồm các công cụ dòng lệnh dễ sử dụng, có thể được sử
dụng để phát triển cục bộ và trong các tình huống tích hợp liên tục.
Triển khai linh hoạt: có thể cài đặt song song (cài đặt tồn người dùng hoặc toàn hệ