Công nghệ:
HTML/CSS: Được sử dụng để xây dựng giao diện người dùng của trang web. Các file như product.html, setting.html, signup.html, và success.html chứa mã HTML cơ bản và liên kết tới file CSS chính (css/main.css) để kiểm soát phong cách trang web.
Bootstrap: Một framework HTML, CSS, và JavaScript giúp thiết kế web nhanh chóng và dễ dàng. Dự án sử dụng Bootstrap cho các thành phần giao diện như navbar, buttons, forms thông qua các file như bootstrap.min.css và bootstrap.bundle.min.js.
jQuery: Thư viện JavaScript giúp viết code JavaScript dễ dàng hơn. Dự án sử dụng jQuery và jQuery Slim (jquery.js và jquery.slim.min.js) để thực hiện các tác vụ như AJAX calls, DOM manipulation.
PHP: Ngôn ngữ lập trình server-side được sử dụng để xử lý logic phía server và tương tác với cơ sở dữ liệu. Các file như check-if-added.php và header.php chứa mã PHP để thực hiện các chức năng như kiểm tra sản phẩm đã được thêm vào giỏ hàng hay chưa, hiển thị header tùy thuộc vào trạng thái đăng nhập của người dùng.
Chức năng:
Quản lý sản phẩm: Người dùng có thể xem các sản phẩm có sẵn trên trang web. Các sản phẩm được hiển thị trên trang product.html.
Quản lý giỏ hàng: Các chức năng liên quan đến giỏ hàng như thêm sản phẩm vào giỏ hàng, xem giỏ hàng, cập nhật số lượng sản phẩm trong giỏ hàng. Chức năng này được hỗ trợ bởi PHP script check-if-added.php.
Đăng nhập/Đăng ký: Người dùng có thể đăng ký tài khoản mới và đăng nhập vào trang web. Các trang như signup.html và login.html hỗ trợ chức năng này.
Thiết lập tài khoản: Người dùng có thể thay đổi các thiết lập tài khoản của mình thông qua trang setting.html.
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
Cài đặt các phụ thuộc: Dự án của bạn sử dụng Bootstrap và jQuery, nhưng những thư viện này đã được bao gồm trong thư mục bootstrap/ và không yêu cầu bước cài đặt phụ thuộc nào thêm. Đảm bảo rằng bạn có tất cả các tệp cần thiết trong thư mục bootstrap/.
Mở dự án trong trình duyệt: Bạn không cần một máy chủ web phức tạp để chạy dự án này vì nó có vẻ như là một trang web tĩnh. Bạn chỉ cần mở một trong các tệp HTML (index.html, signup.html, product.html, v.v.) trong trình duyệt của mình. Bạn cũng có thể sử dụng một máy chủ phát triển tĩnh như http-server trong Node.js để phục vụ dự án, điều này có thể hữu ích nếu dự án của bạn sau này bao gồm các yếu tố động hoặc API gọi.
Kiểm tra dự án: Duyệt qua các trang web khác nhau (ví dụ: index.html, signup.html, product.html) để đảm bảo rằng tất cả các liên kết và chức năng đều hoạt động đúng cách. Kiểm tra xem các tệp CSS và JavaScript có được tải đúng cách không và không có lỗi nào trong console của trình duyệt.