tiểu luận báo cáo dự án 1 ngành thiết kế websitewebsite bán hàng the phoner store

Thống kê được số lượng sản phẩm đã bán, sảnphẩm tồn kho, ngày nhập của sản phẩm.Dữ liệu liên quan: Thông tin của mỗi danh mục gồm: mã sản phẩm, tên sảnphẩm, id danh muc, id dm phụ, hình

BÁO CÁO DỰ ÁN 1 – NGÀNH THIẾT KẾ WEBSITE

WEBSITE BÁN HÀNG THE PHONER STORE

Giáo viên hướng dẫn: Nguyễn Thị Nam

Lớp: Web18101

TPHCM, 14/4/2022

THÀNH VIÊN NHÓM:

LỜI MỞ ĐẦU

Ngày nay, xu hướng sử dụng internet, điện thoại thông minh, thiết bị điện tửngày càng nhiều Báo cáo đến cuối năm 2021, lượng người sử dụng internet đạt 4,66 tỉngười trên toàn thế giới, và chắc chắn sẽ còn tăng nhiều hơn nữa trong tương lai Điều

đó cho thấy xu hướng sử dụng internet đã trở nên bùng nổ, các yếu tố về buôn bán sửdụng internet cũng ngày càng đa dạng Vì vậy nhu cầu chuyển đổi số của các doanhnghiệp cũng cần được đáp ứng Đặc biệt là các doanh nghiệp cần bán thiết bị điện tử,điện thoại di động

Website bán điện thoại di động được ra đời nhằm phục vụ nhiều nhu cầu kháccủa khách hàng Website là nơi diễn ra các hoạt động đặt hàng, giữa người bán vàngười mua Website bán điện thoại mang đến nhiều trải nghiệm tiện ích khác nhau chokhách hàng như xem và so sánh các sản phẩm, tìm kiếm sản phẩm theo khả năng chitrả, đặt hàng và thanh toán nhanh chóng Ngoài ra website còn có khả năng marketingđến khách hàng thông qua hoạt động viết bài, quảng bá trên internet, là trung tâm củacác chiến dịch marketing, rất quan trọng cho những doanh nghiệp bán lẻ Do đó đây làmột công cụ trưng bày sản phẩm cũng như bán hàng không thể thiếu cho doanhnghiệp Hiểu được nhu cầu đó nhóm GoldenBeeGroup đã quyết định chọn đề tài

“Website bán điện thoại” do dự án 1 này

Đề tài “Website bán điện thoại” tuy không quá mới, nhưng ở đó nhóm đã kỳcông, hoàn thiện các chức năng nghiệp vụ, trải nghiệm người dùng một cách tối ưu

Hy vọng thông qua dự án nhóm sẽ có một dự án tốt và là một trong những dự án nằmtrong chiếc CV cá nhân trước khi bước chân làm việc tại doanh nghiệp

LỜI CẢM ƠN

Đề tài “website bán điện thoại di động” là nội dung mà nhóm đã nghiên cứu

và thực hiện sau thời gian theo học tại trường Cao đẳng FPT Polytechnic Trongquá trình nghiên cứu và triển khai đề tài, nhóm đã nhận được nhiều sự quan tâm,giúp đỡ từ giảng viên hướng dẫn – Cô Nguyễn Thị Nam

Nhóm xin bày tỏ sự kính trọng và lòng biết ơn sâu sắc nhất đến với cô Nhờ có những trao đổi và góp ý trực tiếp của cô mà nhóm đã có thể hoàn thành tốt đề tài

Nhóm cũng xin trân trọng cảm ơn Quý Thầy Cô ngành Thiết kế website của trường FPT Polytechnic đã mang lại kiến thức, truyền dạy lại kinh nghiệm lập trình, tạo điều kiện cho các thành viên hoàn thành được đề tài

Do thời gian thực hiện không được quá dài và những khó khăn trong quá trình làm việc nhóm, đề tài không khỏi thiếu sót ở những chi tiết Rất mon sự góp ý và chỉ dạy từ các Quý Thầy Cô

Xin chân thành cảm ơn

Too long to read on your phone? Save

to read later on your computer

Save to a Studylist

NHẬN XÉT GIẢNG VIÊN:

Giảng viên 1:

Giảng viên 2:

MỤC LỤC Link website khách hàng: https://thephoner.online

Link website Admin: https://thephoner.online/admin

Link canva báo cáo:

A/edit?

https://www.canva.com/design/DAFfA6VKydY/fKuOyNkWXn_nFs5Oztiq-utm_content=DAFfA6VKydY&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

Link Drive source code:

https://drive.google.com/drive/folders/

1COPJHpW2hsVje8WNHrWdTlK3WrAPNt0Q?usp=sharing

1.1 GIỚI THIỆU THE PHONER STORE 11

2.1.1 SƠ ĐỒ USE CASE 122.1.2 ĐẶC TẢ YÊU CẦU HỆ THỐNG (SRS) 142.1.2.1 CÁC CHỨC NĂNG DÀNH CHO QUẢN TRỊ: 14

f) Quản lý tài khoản admin (người quản trị, nhân viên ) 16

m) Quản lý Feedback/ phản hồi của người dùng 17

2.1.2.2 CÁC CHỨC NĂNG DÀNH CHO NGƯỜI DÙNG: 18

a) Đăng nhập 18 b) Đăng ký 18 c) Quên mật khẩu 18 d) Đặt hàng, Thanh toán, Mua hàng, wishlist (sản phẩm yêu thích ) 18 e) Tìm kiếm sản phẩm 19 f) Xem chi tiết sản phẩm & xem được trưng bày sản phẩm 19 g) Lịch sử đặt hàng, và quản lý theo dõi đơn hàng 19 h) Cài đặt tài khoản, địa chỉ giao hàng, thông tin thanh toán mặc đinh, đổi mật khẩu 20 i) Gửi phản hồi cho website 20 j) Xem được các bài viết, bài viết chi tiết 20 k) Bình luận sản phẩm, bài viết 20 l) Có đầy đủ các trang giới thiệu, liên hệ, các trang chính sách quan trọng cho 1 website bán hàng 20 3 THIẾT KẾ ỨNG DỤNG 21 3.1 Mô hình công nghệ sử dụng 21

3.2 Sơ đồ quan hệ (ERD) 21

3.3 Thiết kế CSDL (Database name: duan1_database ) 22

3.4 Thiết kế Figma giao diện 31

Link figma: 31

https://www.figma.com/file/BCFmSS9L2n12kApq13Yvz2/ DU_AN_1_FIGMA_PROTOTYPE?node-id=0%3A1&t=535CxNDzlm8JfuSz-1 31

3.5 Xây dựng website 31

3.3.1 Trang Admin 31

3.3.1.1 Sơ đồ tổ chức giao diện 31

3.3.1.2 Giao diện và mô tả chức năng trang đăng nhập vào trang quản trị 31

a) Giao diện 31 b) Mô tả chức năng 32 3.3.1.3 Giao diện quên mật khẩu và mô tả chức năng 32

3.3.2.4 Giao diện và trang sản phẩm chi tiết 75

3.3.2.5 Giao diện và mô tả trang bài viết 79

a) Giao diện 79

3.3.2.6 Giao diện và mô tả trang bài viết chi tiết 80

a) Giao diện 80 b) Mô tả 81 3.3.2.7 Giao diện và mô tả trang quản lý tài khoản 81

a) Giao diện 81 b) Mô tả hoạt động 85 3.3.2.8 Giao diện và mô tả trang sản phẩm yêu thích 86

a) Giao diện 86 b) Mô tả hoạt động 86 3.3.2.9 Giao diện và mô tả trang giỏ hàng 87

a) Giao diện 87 b) Mô tả hoạt động 87 3.3.2.10 Giao diện và mô tả trang thanh toán đơn hàng 88

a) Giao diện 88 b) Mô tả hoạt động 90 3.3.2.11 Giao diện và mô tả hoạt động của một số trang phụ khác 91

a) Giao diện 91 b) Mô tả hoạt động 96 4 KIỂM LỖI, KIỂM THỬ 97 4.1 Test các chức năng của khách hàng 97

4.1.1 Test chức năng đăng ký: 97

4.1.2 Test chức năng đăng nhập 99

4.1.3 Test chức năng quên mật khẩu 99

4.1.4 Test chức năng đặt hàng/ giỏ hàng 100

4.1.5 Test case chức năng thanh toán/ Thêm mã giảm giá 104

4.1.6 Test case chức năng quản lý tài khoản sau khi đăng nhập 107

4.2 Test các chức năng của Admin (Quản trị viên ) 111

4.2.1 Test case authentication admin 111

4.2.2 Test case quản lý danh mục 112

4.2.3 Test case quản lý sản phẩm 116

4.2.4 Test case chức năng quản lý đơn hàng 118

4.2.5 Test case chức năng quản lý Coupon (Mã giảm giá ) 120

4.2.6 Test case chức năng quản lý người dùng 121

4.2.7 Test case chức năng quản lý bài viết 123

4.2.8 Test case chức năng quản lý đánh giá sản phẩm 126

4.2.9 Test case chức năng thống kê 127

5 ĐÓNG GÓI & TRIỂN KHAI DỰ ÁN 130 5.1 Môi trường cài đặt 130

5.1.1 Đường dẫn website 130

5.1.2 Hướng dẫn sử dụng website 130

5.2 Tài khoản hệ thống 130

5.2.1 Tài khoản Web Admin 130

5.2.2 Tài khoản Web Người dùng (để thanh toán, quản lý tài khoản ) 130

6 NHẬN XÉT VÀ ĐỊNH HƯỚNG PHÁT TRIỂN THÊM 131 6.1 Nhận xét và kết luận 131

6.2 Định hướng phát triển thêm 131

6.2.1 Về phía trang người dùng: 131

6.2.2 Về phía trang admin 131

1 GIỚI THIỆU (PHÂN TÍCH ) DỰ ÁN

1.1 GIỚI THIỆU THE PHONER STORE

The Phoner Store là một chuỗi các siêu thị nhỏ trên khắp cả nước Việt nam,kinh doanh điện thoại (Iphone, Samsung, Oppo, Xiaomi,… ) Hiện siêu thị chưa cówebsite giới thiệu các sản phẩm đến người tiêu dùng Họ cũng không thu nhận đượccác phản hồi từ người tiêu dùng về các mặt hàng để cải tiến và nâng cao chất lượngnhằm phục vụ khách hàng ngày một tốt hơn

Chính vì thế công ty muốn tạo một website bán hàng, để thực thi mở rộngthương hiệu đến các khách hàng trên internet, giúp khác hàng thực hiện đặt hàng trựctiếp tại website và quản lý đơn hàng một cách dễ dàng hơn

Mục tiêu:

● Đáp ứng được nhu cầu mua và tìm kiếm điện thoại của khách hàng

● Trưng bày sản phẩm lên internet, thực hiện các chức năng mua hàng,quản lý đơn hàng (những chức năng đặc trung quan trọng nhất của mộtwebsite bán hàng )

● Tiếp thu mọi đóng góp ý kiến để có thể phát triển thêm dịch vụ sảnphẩm

● Phát triển các bài viết chuyên dụng (bí quyết, phương pháp ) cho ngáchđiện thoại di động

2 PHÂN TÍCH YÊU CẦU KHÁCH HÀNG

2.1.1 SƠ ĐỒ USE CASE

User Admin

Use case khách hàng

2.1.2 ĐẶC TẢ YÊU CẦU HỆ THỐNG (SRS)

2.1.2.1

CÁC CHỨC NĂNG DÀNH CHO QUẢN TRỊ:

a) Đăng nhập, quên mật khẩu

Mô tả chức năng: Chức năng đăng nhập được sử dụng để đăng nhập vào tài

khoản trang admin Yêu cầu của chức năng này là cho phép quản trị viên có thểđăng nhập vào website thông qua tài khoản đã được admin tạo Lấy lại mậtkhẩu bằng email nếu quên mật khẩu

Sau khi đăng nhập với vai trò admin sẽ quản trị được tất cả chức năng củawebsite

Với vai trò quản lý cửa hàng quản trị được gần hết các chức năng của website,trừ phần quản lý user

Dữ liệu liên quan: Thông tin của chức năng đăng nhập gồm: email, password Đối tượng sử dụng: admin, nhân viên

b) Quản lý danh mục

Mô tả chức năng: Chức năng quản lý danh mục được sử dụng để quản lý

thông tin danh mục sản phẩm Yêu cầu của chức năng này là liệt kê danh sáchdanh mục, xem thông tin chi tiết của mỗi danh mục, thêm danh mục mới mới,cập nhật thông tin danh mục hoặc xóa danh mục đã tồn tại (Chức năng có cảdanh mục chính và danh mục phụ )

Dữ liệu liên quan: Thông tin của mỗi danh mục gồm: id danh mục, tiêu đề

danh mục, tên danh mục

Đối tượng sử dụng: Người quản trị

c) Quản lý sản phẩm

Mô tả chức năng: Chức năng quản lý sản phẩm được sử dụng để quản lý

thông tin sản phẩm Yêu cầu của chức năng này là liệt kê danh sách sản phẩm,xem thông tin chi tiết của mỗi sản phẩm, thêm sản phẩm mới mới, cập nhậtthông tin sản phẩm hoặc xóa sản phẩm đã tồn tại, xem được chi tiết sản phẩm(chỉ xem không thể sửa xóa ) Thống kê được số lượng sản phẩm đã bán, sảnphẩm tồn kho, ngày nhập của sản phẩm

Dữ liệu liên quan: Thông tin của mỗi danh mục gồm: mã sản phẩm, tên sản

phẩm, id danh muc, id dm phụ, hình ảnh sản phẩm, đơn giá, mô tả, thông tin,giảm giá, số lượt xem, ngày nhập

Đối tượng sử dụng: Người quản trị, nhân viên cửa hàng

d) Quản lý và theo dõi đơn hàng

Mô tả chức năng: Chức năng quản lý đơn hàng được sử dụng để quản lý

thông tin đơn hàng của người dùng đã đặt Yêu cầu của chức năng này là liệt kêdanh sách các đơn hàng, xem thông tin chi tiết của mỗi đơn hàng, Cập nhậtđược trạng thái đơn hàng (Đã xác nhận, Đã lên đơn, Đang giao hàng, Giao hàngthành công, Giao hàng thất bại )

Xóa được những đơn hàng đã hủy

Dữ liệu liên quan: Thông tin của mỗi danh mục gồm: id đơn hàng, mã đơn

hàng, tổng giá tiền đơn hàng, phương thức thanh toán, tên người đặt, số điệnthoại, email, địa chỉ, thời gian đặt hàng, tổng số lượng đơn hàng có trong trang

Đối tượng sử dụng: Người quản trị

e) Quản lý tài khoản khách hàng

Mô tả chức năng: Chức năng quản lý tài khoản khách hàng được sử dụng để

quản lý thông tin tài khoản khách hàng Yêu cầu của chức năng này là liệt kê

danh sách user (người dùng, sửa thông tin người dùng, xóa người dùng đã tồntại, phân quyền người dùng.

Dữ liệu liên quan: Thông tin của mỗi danh mục gồm: id người dùng avatar

người dùng, tên người dùng, địa chỉ, email, số điện thoại, mật khẩu

Đối tượng sử dụng: Người quản trị

f) Quản lý tài khoản admin (người quản trị, nhân viên )

Mô tả chức năng: Chức năng quản lý tài khoản admin được sử dụng để quản

lý thông tin tài khoản admin Yêu cầu của chức năng này là liệt kê danh sáchadmin (quản trị viên, sửa thông tin admin, xóa admin đã tồn tại.) Phân quyềnquản trị viên

Dữ liệu liên quan: Thông tin của mỗi danh mục gồm: id admin, avatar admin,

tên quản trị viên, địa chỉ, email, số điện thoại

Đối tượng sử dụng: Người quản trị, nhân viên

g) Quản lý bình luận (sản phẩm, blog )

Mô tả chức năng: Chức năng quản lý bình luận khách hàng sau khi khách

hàng đã bình luận vào sản phẩm Yêu cầu của chức năng này là liệt kê danhsách bình luận, duyệt bình luận, xem chi tiết các bình luận theo từng sản phẩm,thống kê số lượng bình luận trên từng sản phẩm

Dữ liệu liên quan: id binhluan, id sản phẩm, ngày bình luận, trạng thái bình

luận, nội dung bình luận

Đối tượng sử dụng: Người quản trị, nhân viên shop.

h) Thống kê

Mô tả chức năng: Chức năng thống kê sản phẩm theo danh mục, thống kê các

sản phẩm hiện có trong danh mục (xem được sản phẩm giá cao nhất, thấp nhất,giá trung bình ) , thống kê được doanh số bán hàng, tổng số lượng đơn hàng,tổng số lượng sản phẩm Có biểu đồ chart sản phẩm.Thống kê doanh số sản phẩm theo ngày, tháng, năm (thống kê trong năm

i) Quản lý bài viết

Mô tả chức năng: Chức năng quản lý bài viết Yêu cầu của chức năng này là

liệt kê danh sách các bài viết, thêm bài viết, chỉnh sửa bài viết, xóa bài viết,kiểm duyệt bình luận nội dung bài viết

Dữ liệu liên quan: blog_id, blog_title, noi_dung, images, ngay_bl, blogcaet_id,

Dữ liệu liên quan: id_coupon, coupon_code, discount_percent, min_value,maximum_use, date_start, date_end

Đối tượng sử dung: Người quản trị, nhân viên shop

Dữ liệu liên quan: tbl_danhgiasp

Đối tượng sử dụng: Quản trị viên, nhân viên shop

m) Quản lý Feedback/ phản hồi của người dùng.

Mô tả chức năng: Quản lý được phản hồi của người dùng khi khách hàng gửiyêu cầu từ form liên hệ chúng tôi Trả lời feedback thông qua mail

Dữ liệu liên quan: tbl_feedback

Đối tượng sử dụng: Quản trị viên, nhân viên shop

2.1.2.2 CÁC CHỨC NĂNG DÀNH CHO NGƯỜI DÙNG:

a) Đăng nhập

Mô tả chức năng: Chức năng đăng nhập được sử dụng để đăng nhập vào tài

khoản website Yêu cầu của chức năng này là cho phép người dùng có thể đăngnhập vào website thông qua tài khoản đã đăng ký

Dữ liệu liên quan: Thông tin của chức năng đăng nhập gồm: email, password Đối tượng sử dụng: Người dùng, quản trị viên của website

b) Đăng ký

Mô tả chức năng: Chức năng đăng ký được sử dụng để đăng ký tài khoản tại

website Yêu cầu của chức năng này là cho phép người dùng có thể đăng nhậpvào website thông qua Email đã đăng ký Email đăng ký phải là email thựcđược xác nhận qua OTP khi đăng ký

Dữ liệu liên quan: Thông tin của chức năng đăng ký gồm: Tên đầy đủ người

dùng, email và password muốn đăng ký

Đối tượng sử dụng: Người dùng.

c) Quên mật khẩu

Mô tả chức năng: Chức năng quên mật khẩu được sử dụng để lấy lại mật khẩu

(cập nhật mật khẩu mới) tại website Yêu cầu của chức năng này là cho phépngười dùng có thể lấy lại mật khẩu qua email đã đăng ký

Dữ liệu liên quan: Thông tin của chức năng đăng ký gồm: Email, mật khẩu,

nhập lại mật khẩu

Đối tượng sử dụng: Người dùng

d) Đặt hàng, Thanh toán, Mua hàng, wishlist (sản phẩm yêu thích )

Mô tả chức năng: Chức năng đặt hàng, mua hàng, thanh toán được sử dụng để

tiến hành đặt hàng, điều chỉnh đơn hàng và thanh toán cho người dùng Yêu cầucủa chức năng này là cho phép người dùng có thể đặt hàng như một trang webbán hàng Cho phép người dùng bỏ sản phẩm yêu thích vào trang sản phẩm yêuthích

Về chức năng thanh toán có khả năng thanh toán online bằng VNpay, phần đặthàng có tích hợp tính tiền ship theo địa chỉ gửi hàng

Dữ liệu liên quan: Trang sản phẩm chi tiết, trang giỏ hàng, trang thanh toán và

chi tiết thanh toán, trang wishlist

Đối tượng sử dụng: Người dùng, người dùng muốn thanh toán phải có tài

khoản

e) Tìm kiếm sản phẩm

Mô tả chức năng: Tìm kiếm sản phẩm theo tên, theo danh muc, theo sản phẩm

có giảm giá, lọc sản phẩm theo giá (từ cao đến thấp, từ thấp đến cao), xemnhiều nhất, tìm kiếm có kết hợp với phân trang

Tìm kiếm sản phẩm theo tên ở mục header, tìm kiếm được ở rất nhiều nơi trênwebsite

Dữ liệu liên quan: danh mục sản phẩm, giá sản phẩm, giảm giá, tên sản phẩm Đối tượng sử dụng: Người dùng.

f) Xem chi tiết sản phẩm & xem được trưng bày sản phẩm

Mô tả chức năng: Xem chi tiết thông tin sản phẩm gồm, tên sản phẩm, giá sản

phẩm, mô tả ngắn, mô tả dài, loại sản phẩm, hình ảnh sản phẩm, màu sắc, lựachọn số lượng sản phẩm và có khả năng đặt hàng

Trưng bày list sản phẩm ở trang chủ, trang shop Trưng bày được theo sảnphẩm phổ biến, sản phẩm mới về, sản phẩm bán chạy, ưu đãi đặc biệt

Dữ liệu liên quan: id sản phẩm, giá sản phẩm, hình ảnh sản phẩm, danh mục

sản phẩm, mô tả sản phẩm, tên sản phẩm

Đối tượng sử dụng: Người dùng (khách hàng )

g) Lịch sử đặt hàng, và quản lý theo dõi đơn hàng.

Mô tả chức năng: Xem thông tin đã đặt hàng của khách hàng gồm iddh, mã

đơn hàng, số lượng sản phẩm trong đơn hàng, tổng tiền của đơn hàng, phươngthức thanh toán là gì, trạng thái, xem chi tiết đơn hàng đó có bao nhiêu đơnhàng, và cập nhật trạng thái đã nhận được hàng hoặc hủy đơn hàng nếu muốn.Đánh giá được với những sản phẩm đã giao hàng thành công

Dữ liệu liên quan:

iddh, mã đơn hàng, số lượng, tổng tiền, phương thức thanh toán, thời gian đặthàng, trạng thái

Dữ liệu liên quan: tbl_shipping, tbl_nguoidung.

Đối tượng sử dụng: Người dùng đã có tài khoản tại website

i) Gửi phản hồi cho website

Mô tả chức năng: Gửi được phản hồi cho website thông qua form liên hệchúng tôi ở footer và trang liên hệ

Dữ liệu liên quan: tbl_feedback

Đối tượng sử dụng: Người dùng

j) Xem được các bài viết, bài viết chi tiết.

Mô tả chức năng: Xem được tất cả các bài viết, cập nhật thông tin vềwebsite, điện thoại, thủ thuật

Đối tượng sử dụng: Người dùng

k) Bình luận sản phẩm, bài viết

Mô tả chức năng: Bình luận được sản phẩm và bài viết trên website khi

có tài khoản và đã đăng nhập vào hệ thống

Dữ liệu liên quan: tbl_binhluan, tbl_nguoidung

Đối tượng sử dụng: Người dùng

l) Có đầy đủ các trang giới thiệu, liên hệ, các trang chính sách quan trọng cho 1 website bán hàng.

Mô tả chức năng: Xem được các trang liên hệ, giới thiệu về cửa hàng,các trang chính sách tại cửa hàng giúp người dùng hiểu rõ hơn về quá trình muahàng, đặt hàng, thanh toán, vận chuyển, giao nhận

Dữ liệu liên quan:

Đối tượng sử dụng: Người dùng

3 THIẾT KẾ ỨNG DỤNG

3.1 Mô hình công nghệ sử dụng

Công nghệ dùng ở trình duyệt: Html, Css, Js, Jquery , Boostrap 5

Công nghệ phía Server: PHP, Mysql

3.2 Sơ đồ quan hệ (ERD)

Chuẩn hóa lượt đồ quan hệ

Lượt đồ quan hệ

3.3 Thiết kế CSDL (Database name: duan1_database ).

Danh mục (tbl_danhmuc)

phẩm

Danh mục phụ (tbl_danhmucphu)

Tên cột Kiểu Ràng buộc Ghi chú

(Khóa ngoại )

phụ

Sản phẩm (tbl_sanpham)

phẩm

Promote Tinyint(1) DEFAULT 0 Xúc tiến sản phẩm

Banner (tbl_banner)

quảng cáo

(Khóa ngoại )

Người dùng (tbl_user)

Admin

Hinh_anh Varchar(255) NOT NULL Ảnh đại diện

khoản hay không

Đơn hàng (tbl_order)

toán

Đơn hàng chi tiết (tbl_order_detail)

Bình luận sản phẩm (tbl_binhluan)

Ma_binhluan Int(10) PK, NOT NULL, Tự tăng Mã bình luận

chưa

Danh mục bài viết (tbl_blog_cate)

viếtBlog_catename Varchar(255 ) NOT NULL Tên danh mục bài

viết

bài viết

Bài viết (tbl_blog )

Blog_id Int(9) PK, NOT NULL, Tự tăng Mã bài viết

viết

viết (Khóa ngoại )

chưa

Bình luận bài viết (tbl_blog_comment )

viết

bình luận (Khóangoại )

ngoại )

viết

bình luận

Đánh giá sản phẩm (tbl_danhgiasp )

Tên cột Kiểu Ràng buộc Ghi chú

Trangthai_review Tinyint(1) NOT NULL 0 – Chưa bình

luận

1 – Đã bình luân

Địa chỉ gửi hàng (tbl_shipping)

Id_shipping Int(9) PK, NOT NULL, Tự tăng Mã shipping

Detail_address Varchar(255) NOT NULL Địa chỉ chi tiết gửi

hàngShipping_type Varchar(20) NOT NULL, DEFAULT

GHN

Loại ship

Coupon/ Voucher (tbl_coupon)

couponDiscount_percen

t

giá

tối thiểu để đượcgiảm giá

Lịch sử giao dịch VNpay (tbl_vnpay)

dịch

Bankcode Varchar(10) NOT NULL

Orderinfo Varchar(255) NOT NULL

Orderinfo Varchar(255) NOT NULL

Transaction_no Int(10) NOT NULL

Trả lời bình luận sản phẩm (tbl_reply_comments_product)

luận sản phẩm

bình luận

bình luận

luận

Trả lời bình luận bài viết (tbl_reply_comments_blog)

Id Int(9) PK, NOT NULL, Tự tăng Mã trả lời bình

luận bài viết

bình luận

bình luận

luận

Trả lời đánh giá sản phẩm (tbl_reply_reviews)

Id_reply Int(9) PK, NOT NULL, Tự tăng Mã trả lời reviews

3.4 Thiết kế Figma giao diện

Link figma:

https://www.figma.com/file/BCFmSS9L2n12kApq13Yvz2/

1

DU_AN_1_FIGMA_PROTOTYPE?node-id=0%3A1&t=535CxNDzlm8JfuSz-3.5 Xây dựng website

3.3.1 Trang Admin

3.3.1.1 Sơ đồ tổ chức giao diện

3.3.1.2 Giao diện và mô tả chức năng trang đăng nhập vào trang quảntrị

a) Giao diện

3.3.1.4 Giao diện và mô tả chức năng trang reset mật khẩu admin

a) Giao diện

b) Chức năng

Giúp đổi mật khẩu sau khi đã xác nhận (verify đoạn mã xác nhận đã gửi đếnmail )

Nhập mật khẩu và xác nhận mật khẩu mới

3.3.1.5 Cấu trúc chung (layout) và mô tả chức năng

a) Giao diện

Giao diện sau khi đã được đăng nhập

b) Mô tả hoạt động

Các chức năng chính tại trang: Liệt kê danh mục từ cơ sở dữ liệu, thêm danhmục, sửa danh mục, xóa danh mục

Nút thêm danh mục dùng để thêm danh mục mới

Nút sửa danh mục dùng để cập nhật lại danh mục Sau khi click vào nút hiển thịmodal cập nhật danh mục và tiến hành cập nhật Nút trở xem danh sách dùng để trở lạitrang quản lý danh mục

Nút xóa danh mục dùng để xóa từng danh mục

3.3.1.7 Giao diện và mô tả trang quản lý danh mục con

a) Giao Diện

Thêm và liệt kê các danh mục phụ

Nút sửa danh mục dùng để cập nhật lại danh mục con Sau khi click vào nút(biểu tượng sửa ) sẽ hiển thị ra một modal để sửa danh mục phụ Nút trở xem danh sáchdùng để trở lại trang quản lý danh mục.

Nút xóa danh mục (biểu tượng thùng rác ) dùng để xóa từng danh mục phụ

1.1.1.2 Giao diện và mô tả trang quản lý sản phẩm

a) Giao diện

Phần liệt kê danh sách sản phẩm tại trang admin

Phần thêm sản phẩm