Sau khi đăng nhập “khách hàng” có th ể thực hi n các chệ ức năng như: thêm sản phẩm và giỏ hàng và thanh toán”.. Các chức năng của hệ thống Hệ thống bao g m các chồ ức năng chính sau: K
M ục êu đề tài
Xây dựng một trang web cung cấp đầy đủ các êu chí và ện ích cho người dùng
3 Đối tượng và phạm vi nghiên cứu
Xây dựng hệ thống quản lý trực tuyến cho các cửa hàng vừa và nhỏ, giúp họ quản lý thương hiệu, danh mục và sản phẩm hiệu quả Khách hàng có thể dễ dàng xem và mua sản phẩm, với hình thức thanh toán khi nhận hàng thông qua dịch vụ chuyển phát nhanh.
Phân tích yêu cầu: thực hiện khảo sát thực trạng, phân tích đánh giá hực trạng, đặc tả yêu cầu xây dựng hệ thống.
Thiết kế: yêu cầu chức năng, phân tích và thiết kế các mô hình hệ thống: CDM,
Cài đặt: ngôn ngữ lập trình hệ quản trị CSDL:
CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI
Trang web được thiết kế để hỗ trợ việc mua bán trực tuyến, với hai chức năng chính là mua sản phẩm và bán sản phẩm Đối tượng sử dụng của trang web bao gồm "khách hàng" và "quản trị viên", nhằm tạo ra trải nghiệm tốt nhất cho người dùng.
Khi khách hàng truy cập vào trang web, họ có thể thực hiện các chức năng như xem sản phẩm và chi tiết sản phẩm Để sử dụng các chức năng nâng cao, khách hàng cần đăng nhập nếu đã có tài khoản hoặc đăng ký nếu chưa có Sau khi đăng nhập, khách hàng có thể thêm sản phẩm vào giỏ hàng và tiến hành thanh toán.
“Quản trị viên” sau khi đăng nhập sẽ có quyền thao tác trên toàn b ộ trang web
2 Các chức năng của hệ thống
Hệ thống bao g m các ch ồ ức năng chính sau:
Khách hàng: đăng ký, đăng nhập, xem chi t s ế ản phẩ m, mua s ản phẩm, thêm s n ph m vào gi hàng, thanh toán ả ẩ ỏ
Quản tr ị viên: đăng nhập, qu n lý s n ph m, qu n lý lo i s n ph ả ả ẩ ả ạ ả ẩm.
CHƯƠNG 2: THIẾT KẾ VÀ CÀI ĐẶT
HTML (Ngôn ngữ Đánh dấu Siêu văn bản) là ngôn ngữ đánh dấu chủ yếu được sử dụng để xây dựng và thiết kế các trang web trên Internet.
CSS (Cascading Style Sheets): thường được s d ng v ử ụ ới HTML để tùy chỉnh giao diện người dùng
JavaScript: ngôn ngữ lập trình kịch bản, giúp tạo ra nh tương tác giữa người dùng và website
Reactjs là một thư viện JavaScript được phát triển bởi Facebook, nhằm mục đích xây dựng giao diện người dùng cho các ứng dụng web Thư viện này giúp quản lý trạng thái của ứng dụng và cập nhật giao diện người dùng một cách hiệu quả, mang lại trải nghiệm mượt mà cho người dùng.
Node.js là nền tảng được phát triển dựa trên JavaScript của Chrome, cho phép thực thi mã JavaScript trên máy chủ Điều này hỗ trợ việc xây dựng các ứng dụng web đa luồng với hiệu suất cao.
MongoDB là một hệ quản trị cơ sở dữ liệu mã nguồn mở, không quan hệ, được tối ưu hóa để lưu trữ và xử lý dữ liệu dưới dạng tài liệu Đây là một loại cơ sở dữ liệu NoSQL, phù hợp cho các ứng dụng cần khả năng mở rộng và linh hoạt trong quản lý dữ liệu.
Ant Design là bộ công cụ thiết kế và thư viện UI dành cho React, được phát triển và duy trì bởi Alibaba Bộ công cụ này cung cấp nhiều thành phần giao diện người dùng được thiết kế sẵn, hỗ trợ bạn trong việc xây dựng các ứng dụng web hiệu quả và có giao diện thu hút.
Draw.io: phần mềm hỗ trợ đắc lực trong việc thiết kế các mô hình quan hệ:
Quản lý thể loại sản phẩm
Bán và mua sản phẩm
Cho phép thêm, sửa, xóa sản phẩm, thể loại sản phẩm và tác giả Cho phép khách hàng mua sản phẩm
Cho phép khách hàng thêm sản phẩm vào giỏ hàng
Cho phép khách hàng thanh toán sản phẩm
Hình 1 Sơ đồ use case t ng quan v hổ ề ệ thống
Sơ đồ thể hiện: n tr viên có các
Quả ị đóng vai trò quản lý sản phẩm và danh mục, bao gồm cả tác giả và bản sách Để sử dụng các chức năng này, người quản trị cần đăng nhập, điều này được thể hiện qua tên liên kết “”.
Khách hàng có thể sử dụng các chức năng như xem chi tiết sản phẩm, tìm kiếm sản phẩm, quản lý giỏ hàng và thực hiện thanh toán Để tiến hành thanh toán giỏ hàng, khách hàng cần đăng nhập, điều này được thể hiện qua liên kết “”.
Hình 2: Sơ đồ use case Qu n tr viên ả ị
Quản trị viên là người có quyền truy cập và thao tác trên toàn bộ hệ thống, bao gồm các chức năng như đăng nhập, quản lý sản phẩm, quản lý tác giả và quản lý sách Để sử dụng các chức năng này, người quản trị cần phải thực hiện đăng nhập vào hệ thống.
Trong số các chức năng hiện có, còn có những chức năng bổ sung không yêu cầu điều kiện bắt buộc “”, như thêm sản phẩm và xóa sản phẩm, được thể hiện qua tên liên kết “”.
Hình 3: Sơ đồ use case Khách hàng
Khách hàng có thể dễ dàng xem sản phẩm, thông tin chi tiết và tìm kiếm sản phẩm mà không cần đăng nhập Tuy nhiên, khi đã đăng nhập, họ có thể sử dụng các chức năng nâng cao như giỏ hàng và thanh toán thông qua liên kết “”.
Bên trong những chức năng chính, còn có các tính năng bổ sung không bắt buộc như cập nhật số lượng sản phẩm và xóa sản phẩm để hiển thị trong tên liên kết "extends".
4 Thiết kế cơ sở dữ liệu
Hình 4: Giao diện sơ đồ LDM
CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM
1 Giao diện cho người dùng
1.1 Giao diện trang chủ Ý nghĩa: Màn hình trang chủ (giao diện) làm việc chính của người dùng
Hình 5: Giao di n trang chệ ủ
Hình 6: Giao di n trang ch ệ ủ
Người dùng có thể xem sản phẩm, chi tiết sản phẩm, và kiểm tra các sản phẩm theo thể loại mà không cần đăng nhập Tuy nhiên, để sử dụng các tính năng khác, người dùng cần phải đăng nhập vào tài khoản.
Giao diện danh mục Ý nghĩa: Liệt kê các sản phẩm theo thể loại truyện
Hình 7: Giao diện thể ạ lo i truyện
Hình 8: Giao diện thể ạ lo i truy n ệ
Giao di n này li ệ ệt kê tấ ả ả t c s n ph m thu c cùng m t th ẩ ộ ộ ể loạ i truy n ệ
1.3 Giao diện m kiếm sản phẩm Ý nghĩa: Cho phép người dùng m kiếm sản phẩm theo tên
Hình 9: Tìm kiếm sản ph m theo tên ẩ
Hình 10: Tìm kiếm sản ph m theo tên ẩ
1.4 Giao diện chi ết sản phẩm Ý nghĩa: Cho phép người dùng xem chi t s ế ản phẩ m bao g m tên, ồ giá, thể loại, tên tác gi , ả
Hình 11: Giao di n chi ệ ết sản phẩm
Phương pháp nghiên cứu
Phân tích yêu cầu: thực hiện khảo sát thực trạng, phân tích đánh giá hực trạng, đặc tả yêu cầu xây dựng hệ thống.
Thiết kế: yêu cầu chức năng, phân tích và thiết kế các mô hình hệ thống: CDM,
Cài đặt: ngôn ngữ lập trình hệ quản trị CSDL:
CHƯƠNG 1: TỔNG QUAN ĐỀ TÀI
Trang web được thiết kế để hỗ trợ hoạt động mua bán trực tuyến, với hai chức năng chính là mua sản phẩm và bán sản phẩm Đối tượng người dùng chính của trang web bao gồm “khách hàng” và “quản trị viên”.
Khi khách hàng truy cập vào trang web, họ có thể thực hiện các chức năng như xem sản phẩm và chi tiết sản phẩm Để sử dụng các tính năng nâng cao, khách hàng cần đăng nhập nếu đã có tài khoản hoặc đăng ký nếu chưa có Sau khi đăng nhập, khách hàng có thể thêm sản phẩm vào giỏ hàng và tiến hành thanh toán.
“Quản trị viên” sau khi đăng nhập sẽ có quyền thao tác trên toàn b ộ trang web
2 Các chức năng của hệ thống
Hệ thống bao g m các ch ồ ức năng chính sau:
Khách hàng: đăng ký, đăng nhập, xem chi t s ế ản phẩ m, mua s ản phẩm, thêm s n ph m vào gi hàng, thanh toán ả ẩ ỏ
Quản tr ị viên: đăng nhập, qu n lý s n ph m, qu n lý lo i s n ph ả ả ẩ ả ạ ả ẩm.
CHƯƠNG 2: THIẾT KẾ VÀ CÀI ĐẶT
HTML (Ngôn ngữ Đánh dấu Siêu văn bản) là ngôn ngữ đánh dấu thiết kế để xây dựng các trang web trên Internet.
CSS (Cascading Style Sheets): thường được s d ng v ử ụ ới HTML để tùy chỉnh giao diện người dùng
JavaScript: ngôn ngữ lập trình kịch bản, giúp tạo ra nh tương tác giữa người dùng và website
ReactJS là một thư viện JavaScript do Facebook phát triển, chuyên dùng để xây dựng giao diện người dùng cho các ứng dụng web Nó hỗ trợ quản lý trạng thái ứng dụng và cập nhật giao diện một cách hiệu quả, giúp cải thiện trải nghiệm người dùng.
Node.js là nền tảng được phát triển dựa trên JavaScript của Chrome, cho phép thực thi mã JavaScript trên máy chủ Điều này tạo điều kiện cho việc phát triển các ứng dụng web đa luồng với hiệu suất cao.
MongoDB là một hệ quản trị cơ sở dữ liệu mã nguồn mở, thuộc loại NoSQL, được thiết kế để lưu trữ và xử lý dữ liệu dưới dạng tài liệu.
Ant Design là bộ công cụ thiết kế và thư viện UI dành cho React, được phát triển và duy trì bởi Alibaba Bộ công cụ này cung cấp nhiều thành phần giao diện người dùng đã được thiết kế sẵn, giúp bạn tạo ra các ứng dụng web hiệu quả và thu hút người dùng với giao diện đẹp mắt.
Draw.io: phần mềm hỗ trợ đắc lực trong việc thiết kế các mô hình quan hệ:
Quản lý thể loại sản phẩm
Bán và mua sản phẩm
Cho phép thêm, sửa, xóa sản phẩm, thể loại sản phẩm và tác giả Cho phép khách hàng mua sản phẩm
Cho phép khách hàng thêm sản phẩm vào giỏ hàng
Cho phép khách hàng thanh toán sản phẩm
Hình 1 Sơ đồ use case t ng quan v hổ ề ệ thống
Sơ đồ thể hiện: n tr viên có các
Quả ị đóng vai trò quan trọng trong việc quản lý sản phẩm và danh mục, bao gồm cả tác giả và sách Để sử dụng các chức năng này, người quản trị cần phải đăng nhập, điều này được thể hiện qua tên liên kết “”.
Khách hàng có thể thực hiện các chức năng như xem chi tiết sản phẩm, tìm kiếm sản phẩm, quản lý giỏ hàng và thực hiện thanh toán Để thanh toán giỏ hàng, khách hàng cần đăng nhập, điều này được thể hiện qua liên kết “”.
Hình 2: Sơ đồ use case Qu n tr viên ả ị
Quản trị viên là người có quyền thao tác trên toàn bộ hệ thống, bao gồm: đăng nhập, quản lý sản phẩm, quản lý tác giả và quản lý bài viết Để sử dụng các chức năng này, người quản trị cần phải đăng nhập vào hệ thống.
Trong số các chức năng hiện có, còn có một số chức năng bổ sung không yêu cầu điều kiện bắt buộc "", chẳng hạn như thêm sản phẩm và xóa sản phẩm, được thể hiện qua tên liên kết "".
Hình 3: Sơ đồ use case Khách hàng
Khách hàng có thể dễ dàng xem sản phẩm, thông tin chi tiết và tìm kiếm sản phẩm mà không cần đăng nhập Tuy nhiên, khi đã đăng nhập, họ sẽ có quyền truy cập vào các chức năng nâng cao như giỏ hàng và thanh toán thông qua liên kết “”.
Bên trong những chức năng chính, còn có nhiều tính năng phụ khác như cập nhật số lượng sản phẩm và xóa sản phẩm, mà không cần sử dụng cú pháp bắt buộc "" Những tính năng này được thể hiện qua tên liên kết "".
4 Thiết kế cơ sở dữ liệu
Hình 4: Giao diện sơ đồ LDM
CHƯƠNG 3: KẾT QUẢ THỰC NGHIỆM
1 Giao diện cho người dùng
1.1 Giao diện trang chủ Ý nghĩa: Màn hình trang chủ (giao diện) làm việc chính của người dùng
Hình 5: Giao di n trang chệ ủ
Hình 6: Giao di n trang ch ệ ủ
Người dùng có thể xem sản phẩm, chi tiết sản phẩm, và kiểm tra thông tin sản phẩm theo thể loại truy cập mà không cần đăng nhập Tuy nhiên, để sử dụng các tính năng khác, người dùng cần phải đăng nhập vào tài khoản của mình.
Giao diện danh mục Ý nghĩa: Liệt kê các sản phẩm theo thể loại truyện
Hình 7: Giao diện thể ạ lo i truyện
Hình 8: Giao diện thể ạ lo i truy n ệ
Giao di n này li ệ ệt kê tấ ả ả t c s n ph m thu c cùng m t th ẩ ộ ộ ể loạ i truy n ệ
1.3 Giao diện m kiếm sản phẩm Ý nghĩa: Cho phép người dùng m kiếm sản phẩm theo tên
Hình 9: Tìm kiếm sản ph m theo tên ẩ
Hình 10: Tìm kiếm sản ph m theo tên ẩ
1.4 Giao diện chi ết sản phẩm Ý nghĩa: Cho phép người dùng xem chi t s ế ản phẩ m bao g m tên, ồ giá, thể loại, tên tác gi , ả
Hình 11: Giao di n chi ệ ết sản phẩm
1.5 Giao di n gi ệ ỏ hàng Ý nghĩa: Cho phép người dùng xem nh ng s ữ ản phẩm đã thêm vào giỏ hàng bao g m tên s ồ ản phẩ m, hình nh, giá n, t ng s n c ả ề ổ ố tiề ần thanh toán, Ngoài ra còn có th c p nh t l i s ể ậ ậ ạ ố lượ ng mua
Lưu ý: Người dùng cần phải đăng nhập để có thể thêm sản phẩm vào giỏ hàng
Hình 12: Giao di n gi hàng ệ ỏ
Hình 13: Giao di n gi hàng sau khi c p nh t thêm sệ ỏ ậ ậ ố lượng và xóa s n ph m ả ẩ
1.6 Giao diện thanh toán Ý nghĩa: Cho phép người dùng thanh toán những sản phẩm có trong giỏ hàng
Lưu ý: Giao diện này sẽ bắt buộc người dùng phải đăng nhập
Hình 14: Giao di n thanh toán ệ
Hình 15: Giao di n thanh toán cu i cùng ệ ố
1.7 Giao diện đăng ký đăng nhập Ý nghĩa: Cho phép người dùng đăng nhập để sử dụng nh ững chức năng cao
Hình 16: Giao diện đăng nhập cho người dùng
Hình 17: Giao diện đăng ký cho người dùng
Hình 18: Đăng nhập thành công
2 Giao diện cho quản trị viên
2.1 Giao diện đăng nhập Ý nghĩa: Thể hiện rõ trang đăng nhập cho qu n tr viên bi t ả ị ế
Hình 19: Dropdown Menu v i tài kho n qu n tr viên ớ ả ả ị
Hình 20: Giao di n qu n lí s n phệ ả ả ẩm
Hình 21: Giao di n qu n lí ệ ả người dùng
2.2 Giao di ện quả n lý s ản ph m ẩ Ý nghĩa: Cho phép qu n tr viên c p nh t, thêm, s a, xóa các s ả ị ậ ậ ử ản phẩm
Hình 23: Giao di n thêm s n ph m ệ ả ẩ
Hình 24: Thêm s n ph m thành công ả ẩ
Hình 25: Giao di n c p nhệ ậ ật sản ph m ẩ
Hình 26: Giao di n xóa s n ph m ệ ả ẩ
2.3 Hiện thị sản phẩm ở giao diện chính Ý nghĩa: Giúp người dùng bi ết được sản phẩ m nào m ới được thêm
Hình 27: Giao di n hi n th s n ph m mệ ể ị ả ẩ ới được thêm
Hình 28: Chi ết sản ph m cùng v i tên tác gi và ẩ ớ ả thể ạ lo i truy n ệ
Các chức năng của hệ thống
Hệ thống bao g m các ch ồ ức năng chính sau:
Khách hàng: đăng ký, đăng nhập, xem chi t s ế ản phẩ m, mua s ản phẩm, thêm s n ph m vào gi hàng, thanh toán ả ẩ ỏ
Quản tr ị viên: đăng nhập, qu n lý s n ph m, qu n lý lo i s n ph ả ả ẩ ả ạ ả ẩm.
THIẾT KẾ VÀ CÀI ĐẶT
Cơ sở lý thuyết
HTML (Ngôn ngữ Đánh dấu Siêu văn bản) là ngôn ngữ đánh dấu được thiết kế để xây dựng các trang web trên Internet.
CSS (Cascading Style Sheets): thường được s d ng v ử ụ ới HTML để tùy chỉnh giao diện người dùng
JavaScript: ngôn ngữ lập trình kịch bản, giúp tạo ra nh tương tác giữa người dùng và website
ReactJS là một thư viện JavaScript được phát triển bởi Facebook, chuyên dùng để xây dựng giao diện người dùng cho các ứng dụng web Thư viện này giúp quản lý trạng thái ứng dụng và cập nhật giao diện một cách hiệu quả, mang lại trải nghiệm người dùng mượt mà và linh hoạt.
Node.js là một nền tảng được phát triển dựa trên JavaScript của Chrome, cho phép thực thi mã JavaScript trên máy chủ Điều này giúp xây dựng các ứng dụng web đa luồng với hiệu suất cao.
MongoDB là hệ quản trị cơ sở dữ liệu mã nguồn mở NoSQL, được thiết kế để lưu trữ và xử lý dữ liệu dưới dạng tài liệu.
Ant Design là một bộ công cụ thiết kế và thư viện UI dành cho React, được phát triển và duy trì bởi Alibaba Nó cung cấp nhiều thành phần giao diện người dùng đã được thiết kế sẵn, giúp bạn tạo ra các ứng dụng web hiệu quả và hấp dẫn.
Draw.io: phần mềm hỗ trợ đắc lực trong việc thiết kế các mô hình quan hệ:
Thực tế
Quản lý thể loại sản phẩm
Bán và mua sản phẩm
Cho phép thêm, sửa, xóa sản phẩm, thể loại sản phẩm và tác giả Cho phép khách hàng mua sản phẩm
Cho phép khách hàng thêm sản phẩm vào giỏ hàng
Cho phép khách hàng thanh toán sản phẩm
Sơ đồ use case
Hình 1 Sơ đồ use case t ng quan v hổ ề ệ thống
Sơ đồ thể hiện: n tr viên có các
Quả ị đóng vai trò quan trọng trong việc quản lý sản phẩm và danh mục, bao gồm cả tác giả và sách Để sử dụng các chức năng này, người quản trị cần phải đăng nhập, điều này được thể hiện qua tên liên kết “”.
Khách hàng có thể xem chi tiết sản phẩm, tìm kiếm sản phẩm, quản lý giỏ hàng và thực hiện thanh toán Để hoàn tất quá trình thanh toán giỏ hàng, khách hàng cần đăng nhập, điều này được thể hiện qua liên kết “”.
Hình 2: Sơ đồ use case Qu n tr viên ả ị
Quản trị viên là người có quyền thao tác trên toàn bộ hệ thống, bao gồm đăng nhập, quản lý sản phẩm, quản lý tác giả và quản lý bản sách Để sử dụng các chức năng này, người quản trị phải đăng nhập vào hệ thống.
Trong số các chức năng hiện có, chúng ta còn có thêm một số chức năng khác không yêu cầu điều kiện bắt buộc “”, như là thêm sản phẩm và xóa sản phẩm, được thể hiện qua tên liên kết “”.
Hình 3: Sơ đồ use case Khách hàng
Khách hàng có thể dễ dàng xem sản phẩm, chi tiết sản phẩm và kiểm tra sản phẩm mà không cần đăng nhập Tuy nhiên, khi đã đăng nhập, khách hàng sẽ có quyền truy cập vào các chức năng như giỏ hàng và thanh toán thông qua liên kết “”.
Bên trong những chức năng chính, còn tồn tại các tính năng bổ sung như cập nhật số lượng hàng hóa và xóa hàng hóa, mà không cần sử dụng lệnh "include" Những tính năng này được thể hiện qua tên liên kết "extends".
Thiết kế cơ sở dữ liệu
Hình 4: Giao diện sơ đồ LDM
KẾT QUẢ THỰC NGHIỆM
Giao diện cho người dùng
1.1 Giao diện trang chủ Ý nghĩa: Màn hình trang chủ (giao diện) làm việc chính của người dùng
Hình 5: Giao di n trang chệ ủ
Hình 6: Giao di n trang ch ệ ủ
Người dùng có thể xem sản phẩm, chi tiết sản phẩm và thống kê theo thể loại truyện mà không cần đăng nhập Tuy nhiên, để sử dụng các tính năng khác, người dùng cần phải đăng nhập vào tài khoản của mình.
Giao diện danh mục Ý nghĩa: Liệt kê các sản phẩm theo thể loại truyện
Hình 7: Giao diện thể ạ lo i truyện
Hình 8: Giao diện thể ạ lo i truy n ệ
Giao di n này li ệ ệt kê tấ ả ả t c s n ph m thu c cùng m t th ẩ ộ ộ ể loạ i truy n ệ
1.3 Giao diện m kiếm sản phẩm Ý nghĩa: Cho phép người dùng m kiếm sản phẩm theo tên
Hình 9: Tìm kiếm sản ph m theo tên ẩ
Hình 10: Tìm kiếm sản ph m theo tên ẩ
1.4 Giao diện chi ết sản phẩm Ý nghĩa: Cho phép người dùng xem chi t s ế ản phẩ m bao g m tên, ồ giá, thể loại, tên tác gi , ả
Hình 11: Giao di n chi ệ ết sản phẩm
1.5 Giao di n gi ệ ỏ hàng Ý nghĩa: Cho phép người dùng xem nh ng s ữ ản phẩm đã thêm vào giỏ hàng bao g m tên s ồ ản phẩ m, hình nh, giá n, t ng s n c ả ề ổ ố tiề ần thanh toán, Ngoài ra còn có th c p nh t l i s ể ậ ậ ạ ố lượ ng mua
Lưu ý: Người dùng cần phải đăng nhập để có thể thêm sản phẩm vào giỏ hàng
Hình 12: Giao di n gi hàng ệ ỏ
Hình 13: Giao di n gi hàng sau khi c p nh t thêm sệ ỏ ậ ậ ố lượng và xóa s n ph m ả ẩ
1.6 Giao diện thanh toán Ý nghĩa: Cho phép người dùng thanh toán những sản phẩm có trong giỏ hàng
Lưu ý: Giao diện này sẽ bắt buộc người dùng phải đăng nhập
Hình 14: Giao di n thanh toán ệ
Hình 15: Giao di n thanh toán cu i cùng ệ ố
1.7 Giao diện đăng ký đăng nhập Ý nghĩa: Cho phép người dùng đăng nhập để sử dụng nh ững chức năng cao
Hình 16: Giao diện đăng nhập cho người dùng
Hình 17: Giao diện đăng ký cho người dùng
Hình 18: Đăng nhập thành công
2 Giao diện cho quản trị viên
2.1 Giao diện đăng nhập Ý nghĩa: Thể hiện rõ trang đăng nhập cho qu n tr viên bi t ả ị ế
Hình 19: Dropdown Menu v i tài kho n qu n tr viên ớ ả ả ị
Hình 20: Giao di n qu n lí s n phệ ả ả ẩm
Hình 21: Giao di n qu n lí ệ ả người dùng
2.2 Giao di ện quả n lý s ản ph m ẩ Ý nghĩa: Cho phép qu n tr viên c p nh t, thêm, s a, xóa các s ả ị ậ ậ ử ản phẩm
Hình 23: Giao di n thêm s n ph m ệ ả ẩ
Hình 24: Thêm s n ph m thành công ả ẩ
Hình 25: Giao di n c p nhệ ậ ật sản ph m ẩ
Hình 26: Giao di n xóa s n ph m ệ ả ẩ
2.3 Hiện thị sản phẩm ở giao diện chính Ý nghĩa: Giúp người dùng bi ết được sản phẩ m nào m ới được thêm
Hình 27: Giao di n hi n th s n ph m mệ ể ị ả ẩ ới được thêm
Hình 28: Chi ết sản ph m cùng v i tên tác gi và ẩ ớ ả thể ạ lo i truy n ệ
Website thương mại điện tử "kinh doanh truy n tranh ệ" đã hoàn thành các mục tiêu chính, bao gồm việc xây dựng một trang web dễ sử dụng cho người tiêu dùng Trang web cung cấp các tính năng quan trọng như xem sản phẩm, thêm sản phẩm vào giỏ hàng và thực hiện thanh toán một cách thuận tiện.
Về phía quản trị viên: quả n lý s n phẩm, tác gi , thể lo i truy n, ả ả ạ ệ
Vì thời gian có hạn và bản thân em còn thiếu nhiều kiến thức, website vẫn chưa hoàn chỉnh ở một số điểm như sau:
Giao diện chưa được tối ưu
Chưa thể xem chi tiết đơn hàng
Chưa xuất được ra file Excel
3 Hướng phát triển trong tương lai
Xây dựng chức năng gợi ý sản phẩm mua nhiều nhất
Xây dựng Chatbot hỗ trợ người dùng
Xây dựng chức năng quên mật khẩu Đăng nhập bằng tài khoản Google hoặc Facebook
Thanh toán bằng thẻ tín dụng,
Hạn chế
Vì thời gian có hạn và bản thân em còn thiếu nhiều kiến thức, website vẫn chưa hoàn chỉnh ở một số điểm như sau:
Giao diện chưa được tối ưu
Chưa thể xem chi tiết đơn hàng
Chưa xuất được ra file Excel
Hướng phát triển trong tương lai
Xây dựng chức năng gợi ý sản phẩm mua nhiều nhất
Xây dựng Chatbot hỗ trợ người dùng
Xây dựng chức năng quên mật khẩu Đăng nhập bằng tài khoản Google hoặc Facebook
Thanh toán bằng thẻ tín dụng,