TỔNG QUAN
Đặt vấn đề
Website này nhằm cung cấp cho khách hàng thông tin chính xác về các sản phẩm đồ gia dụng hiện có trên thị trường, cùng với hướng dẫn cách đặt mua trực tuyến Chúng tôi cam kết cập nhật thông tin thường xuyên và nhanh chóng để đáp ứng nhu cầu của người tiêu dùng.
Vì vậy, rút ngắn được khoảng cách giữa người mua và người bán, đưa thông tin về các sản phẩm nhanh chóng đến cho khách hàng.
Thách thức, mục tiêu và phạm vi
Trong quá trình thực hiện đồ án, nhóm đã gặp nhiều khó khăn do phải tiếp cận nhiều kiến thức công nghệ mới Việc triển khai và hoàn thiện đồ án trở nên thách thức hơn khi đối mặt với những kiến thức chưa quen thuộc.
Tìm hiểu các kiến thức về HTML, CSS, JavaScript, PHP để ứng dụng vào việc xây dựng website bán Đồ Gia Dụng
ĐẶC TẢ ĐỀ TÀI
Tên đề tài
Xây dựng website bán Đồ Gia Dụng.
Chức năng chính
Cửa hàng giới thiệu sản phẩm đến người tiêu dùng với thông tin chi tiết và giá cả chính xác Website được phát triển theo mô hình MVC, bao gồm các chức
Đăng ký, đăng nhập để trở thành thành viên.
Hiển thị và bán mọi loại sản phẩm.
Hiển thị danh mục các loại sản phẩm.
Tìm tiếm theo từ khóa sản phẩm.
Hiển thị nhiều ảnh mô tả và thông tin chi tiết sản phẩm.
Thêm, cập nhật, xóa sản phẩm trong giỏ hàng.
Quản lý theo thông tin đơn hàng.
Quản lý theo thông tin giỏ hàng.
Quản lý danh mục sản phẩm (xem, thêm, sửa, xóa).
Quản lý thương hiệu (xem, thêm, sửa, xóa).
Quản lý sản phẩm (xem, thêm, sửa, xóa).
Quản lý đơn hàng (xem chi tiết đơn hàng, thêm đơn hàng, sửa trạng thái đơn hàng).
Quản lý khách hàng (xem).
Quản lý slider(xem,thêm,xóa,sửa).
Yêu cầu thực hiện đề tài
Máy tính có thể thiết kế được web.
Hệ quản trị cơ sở dữ liệu: MySQL.
Phần mềm thiết kế web: Visual Studio Code.
Website cần phải được thiết kế dễ hiểu và có giao diện hấp dẫn, giúp khách hàng dễ dàng tìm thấy thông tin cần thiết và có trải nghiệm tốt Đặc biệt, việc đảm bảo an toàn tuyệt đối cho thông tin khách hàng trong quá trình đặt hàng trực tuyến là rất quan trọng.
Mô tả chức năng khách hàng
Chức năng đăng ký thành viên trên website cho phép người dùng cung cấp thông tin cần thiết như email, mật khẩu, họ tên, số điện thoại và địa chỉ.
Để trở thành thành viên của website, người dùng cần cung cấp đầy đủ thông tin theo yêu cầu của hệ thống, bao gồm mật khẩu dài hơn 6 ký tự và email đúng định dạng.
After clicking the "Register" button, if the account or email already exists, the system will display a message stating, "Email Address is already available Try another email address." Additionally, if the registration information is incomplete or inaccurate, the system will show corresponding error messages.
Ngược lại, nếu đăng ký thành công, người dùng sẽ chuyển đến trang mua hàng với tại khoản đã đăng ký.
Sau khi đã đăng ký thành công, tài khoản của người dùng sẽ được lưu trong cơ sở dữ liệu.
Chức năng này cho phép người dùng đăng nhập vào hệ thống khi đã có tài khoản Thông tin đăng nhập gồm có: email, mật khẩu.
Người dùng phải nhập đầy đủ các thông tin theo yêu cầu của hệ thống
Khi người dùng nhấn nút “Đăng nhập”, nếu thông tin không chính xác, hệ thống sẽ thông báo “Tài khoản hoặc mật khẩu không chính xác” Nếu đăng nhập thành công, người dùng sẽ truy cập vào tài khoản và giỏ hàng tạm thời sẽ được thêm vào tài khoản của họ.
Khi khách hàng có nhu cầu mua sản phẩm, họ thường bắt đầu bằng việc tìm kiếm thông tin liên quan đến tên sản phẩm Để tìm kiếm nhanh chóng, khách hàng có thể nhập tên sản phẩm, mô tả hoặc tên nhà cung cấp vào thanh tìm kiếm.
Nhập từ khóa vào ô tìm kiếm và nhấn nút “Tìm kiếm” hoặc phím Enter Kết quả tìm kiếm cùng với số lượng kết quả sẽ hiển thị trên giao diện trang tìm kiếm.
Khi khách hàng tìm kiếm được sản phẩm cần mua, trước tiên họ phải thêm sản phẩm vào giỏ hàng
Người dùng khi ấn nút “Add to Cart” của sản phẩm kèm theo số lượng sản phẩm người dùng mong muốn (mặc định là 1)
Nếu người dùng chưa đăng nhập, hệ thống sẽ thêm sản phẩm kèm số lượng vào 1 giỏ hàng tạm thời dựa trên cookies của người dung.
Nếu người dùng đã đăng nhập, hệ thống sẽ thêm sản phẩm kèm số lượng vào giỏ hàng theo tài khoản đã đăng nhập.
Nếu sản phẩm đã có trong giỏ hàng, tăng số lượng sản phẩm tương ứng trong giỏ hàng.
2.4.5 Thay đổi số lượng, xóa sản phẩm trong giỏ hàng
Người dùng có thể thay đổi số lượng hoặc xóa sản phẩm trong giỏ hàng.
Người dùng nhập số lượng sản phẩm và bấm “Update cart”, hệ thống sẽ cập nhật số lượng sản phẩm trong giỏ hàng.
Người dùng bấm “Remove” hệ thống sẽ xóa sản phẩm khỏi giỏ hàng.
Chức năng cho phép người dùng nhập thông tin mua hàng.
Nếu đơn hàng xử lý thành công hoặc không thành công sẽ thông báo về người dung.
PHÂN TÍCH THIẾT KẾ HỆ THỐNG
GIAO DIỆN WEBSITE
Giao diện trang khách hàng
4.1.4 Giao diện đăng nhập, đăng ký
Giao diện đăng nhập, đăng ký
4.1.5 Giao diện trang chi tiết sản phẩm
Giao diện trang chi tiết sản phẩm
4.1.7 Giao diện trang đặt hàng
Giao diện trang đặt hàng
4.1.8 Giao diện trang đặt hàng thành công
Giao diện trang đặt hàng thành công
4.1.9 Giao diện trang kết quả tìm kiếm
Giao diện trang kết đặt hàng thành công
TỔNG KẾT
Kết quả đạt được
Thông qua môn học Phát triển ứng dụng Web, nhóm em đã có cơ hội học hỏi và tích lũy kiến thức quý giá về các công nghệ web như HTML, CSS, Bootstrap, JQuery, Ajax, MySQL và PHP dưới sự hướng dẫn tận tình của thầy Quá trình thực hiện đồ án không chỉ giúp mỗi cá nhân cải thiện trình độ viết code mà còn rèn luyện tư duy sáng tạo và khả năng làm việc nhóm hiệu quả.
Ưu điểm
Giao diện được thiết kế đẹp mắt, bố cục hợp lý, dễ sử dụng, thân thiện với người dùng.
Thỏa mãn những yêu cầu mà người dùng đặt ra trong khảo sát.
Khách hàng có thể dễ dàng thực hiện các thao tác cơ bản trên nền tảng, bao gồm đăng ký tài khoản, đăng nhập, thay đổi mật khẩu, xem và tìm kiếm sản phẩm, đặt hàng, cũng như theo dõi và hủy đơn hàng khi cần thiết.
Trang quản lý hệ thống cung cấp hỗ trợ tối ưu cho người quản lý, cho phép họ dễ dàng xem, thêm, xóa và sửa đổi thông tin về khách hàng, đơn hàng, sản phẩm và loại sản phẩm Ngoài ra, người quản lý còn có thể theo dõi các thống kê bán hàng của cửa hàng một cách hiệu quả.
Nhược điểm
Chưa có tính năng thanh toán thật sự, chưa thể lựa chọn đơn vị giao hàng.
Một số ít giao diện chưa phù hợp.
The link http://localhost:8080/Project/Controller/ front/home/index.php directs users to the shopping page, where entering the link in the search bar will display the website.
- Trên thanh tìm kiếm của website, khách hàng có thể tìm kiếm sản phẩm mà họ muốn
- Phần sidebar bên trái, khách hàng có thể lọc các sản phẩm theo Danh mục sản phẩm hoặc Thương hiệu sản phẩm bằng cách click vào từng Danh mục
- Khách hàng có thể tìm kiếm sản phẩm trong tầm giá tiền mà mình mong muốn bằng cách kéo thanh giới hạn phạm vi giá.
Khách hàng có hai tùy chọn cho mỗi sản phẩm trên website: xem chi tiết sản phẩm hoặc thêm sản phẩm vào giỏ hàng.
- Import File database : web_banhang.sql vào database vừa tạo
- Cấu hình database trong : connect/database.php
+ Khai báo các thông số để cấu hình kết nối tới database + Giải thích biến :
user : tên đăng nhập kết nối
pass : mật khẩu kết nối
database : tên database kết nối
- Khởi động XAMPP như sau :
- Vào trang admin : http://localhost:8080/Project/Controller/ admin/home/admin.php + Tài khoản admin :
MK : 123456 + Tài khoản demo khách hàng :
- Lưu ý : những phần mềm để chỉnh sửa code và chạy được source code
Link download: https://code.visualstudio.com/download
Link download: https://www.apachefriends.org/download.html