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

144 0 0
Tài liệu đã được kiểm tra trùng lặp
tiểu luận báo cáo dự án 1 ngành thiết kế websitewebsite bán hàng the phoner store

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

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

Trang 1

BÁO CÁO DỰ ÁN 1 – NGÀNH THIẾT KẾ WEBSITEWEBSITE BÁN HÀNG THE PHONER STORE

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

TPHCM, 14/4/2022

Trang 2

THÀNH VIÊN NHÓM:

Trang 3

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.

Trang 4

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ứuvà 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 onyour phone? Save

to read later onyour computer

Save to a Studylist

Trang 5

NHẬN XÉT GIẢNG VIÊN:Giảng viên 1:

Giảng viên 2:

Trang 6

MỤC LỤCLink website khách hàng: https://thephoner.onlineLink website Admin: https://thephoner.online/adminLink canva báo cáo:

Link Drive source code:

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

Trang 7

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 18b) Đăng ký 18c) Quên mật khẩu 18d) Đặt hàng, Thanh toán, Mua hàng, wishlist (sản phẩm yêu thích ) 18e) Tìm kiếm sản phẩm 19f) Xem chi tiết sản phẩm & xem được trưng bày sản phẩm 19g) Lịch sử đặt hàng, và quản lý theo dõi đơn hàng 19h) 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 20i) Gửi phản hồi cho website 20j) Xem được các bài viết, bài viết chi tiết 20k) Bình luận sản phẩm, bài viết 20l) 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 203 THIẾT KẾ ỨNG DỤNG213.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

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 31b) Mô tả chức năng 323.3.1.3 Giao diện quên mật khẩu và mô tả chức năng 32

Trang 9

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

Trang 10

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 80b) Mô tả 813.3.2.7 Giao diện và mô tả trang quản lý tài khoản 81

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

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

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

a) Giao diện 88b) Mô tả hoạt động 903.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 91b) Mô tả hoạt động 964 KIỂM LỖI, KIỂM THỬ974.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

Trang 11

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Ự ÁN1305.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ÊM1316.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

Trang 12

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.

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

2.1.1 SƠ ĐỒ USE CASE

User Admin

Trang 14

Use case khách hàng

Trang 15

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

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

Trang 16

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ê

Trang 17

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ăm2023 ),

Thống kê được số sản phẩm bán chạy, số sản phẩm được xem nhiều nhất, sốlượng bình luận, số lượng khách hàng, số lượng bàiviết, số lượt xem.

Vẽ được biểu đồ thống kê cho sản phẩm trên danh mục, biểu đồ thống kê doanhthu theo ngày, tuần, tháng.

Dữ liệu liên quan: loại hàng, số lượng đơn hàng theo loại, giá cao nhất, giá

thấp nhất, id loại hàng, tbl_order

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

Trang 18

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

Trang 19

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êuthí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

Trang 20

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

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ẩmMô 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

Trang 21

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 khicó 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áchquan 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

Trang 22

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 5Cô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ệ

Trang 23

3.3 Thiết kế CSDL (Database name: duan1_database ).Danh mục (tbl_danhmuc)

Danh mục phụ (tbl_danhmucphu)

Trang 24

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

(Khóa ngoại )

Sản phẩm (tbl_sanpham)

phẩm

Trang 25

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

Trang 26

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

khoản hay không

Đơn hàng (tbl_order)

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

Trang 27

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

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

Bài viết (tbl_blog )

Trang 28

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

viết (Khóa ngoại )

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

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

ngoại )

bình luận

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

Trang 29

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

Trangthai_review Tinyint(1) NOT NULL 0 – Chưa bìnhluậ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

Trang 30

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

Shipping_type Varchar(20) NOT NULL, DEFAULTGHN

Loại ship

Coupon/ Voucher (tbl_coupon)

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

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

dịch

Trang 31

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

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

Trang 32

Id Int(9) PK, NOT NULL, Tự tăng Mã trả lời bìnhluận bài viết

bình luận

bình luận

luận

Trang 33

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

Trang 34

3.4 Thiết kế Figma giao diện

Link figma:

DU_AN_1_FIGMA_PROTOTYPE?node-id=0%3A1&t=535CxNDzlm8JfuSz-3.5 Xây dựng website3.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

Trang 36

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

Trang 38

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ụ

Trang 40

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

Ngày đăng: 06/05/2024, 18:10

Tài liệu cùng người dùng

Tài liệu liên quan