Hướng dẫn ecommerce website html css javascript php - trang web thương mại điện tử html css javascript php

eCommerce-website-using-HTML-CSS-JS-PHP-and-MySQLi-database

Đây là một trang web Thương mại điện tử được thiết kế bằng cách sử dụng HTML, CSS, JS, Bootstrap, PHP và tích hợp với cơ sở dữ liệu MySQLI. Thông tin của tất cả người dùng, các mặt hàng cũng như các mặt hàng được mua bởi mỗi người dùng sẽ được lưu trữ an toàn trong cơ sở dữ liệu. Máy chủ XAMPP nên được bật, để chạy trang web trên máy tính cục bộ của bạn.

Các bước để chạy trang web: -> Tạo một thư mục có tên là Thương mại điện tử và trong thư mục đó, tạo một thư mục IMG và dán tất cả các hình ảnh trong thư mục này. -> Tiếp theo, tạo một thư mục CSS và thêm tất cả các tệp .css trong đó. Sau đó, tạo một phông chữ thư mục và thêm tất cả các tệp được sử dụng (glyphicons) trong đó. -> Tạo một thư mục js và thêm tất cả các tệp .js. -> Cuối cùng, tạo một thư mục bao gồm và thêm kiểm tra-if-added.php, common.php, header.php và footer.php vào nó. -> Trong trình duyệt của bạn, nhập localhost/thương mại điện tử/index.php -> Trang web sẽ mở và bạn có thể kiểm tra hoạt động.

Đây là liên kết YouTube: https: //www.youtube.com/watch? V = v7cxhz1ffng

Một trang web thương mại điện tử bao gồm bảng điều khiển người dùng và quản trị viên. Cấu trúc tệp PHP MySQL: admin_area. Tất cả các tệp liên quan đến các quyền chỉ dành cho quản trị viên cần phải là mã ở đây. Chèn_products.php. Chèn sản phẩm. Kết nối với máy chủ, cơ sở dữ liệu và tải lên tệp. UI bao gồm sản phẩm_images: Tất cả các hình ảnh của các sản phẩm nên được dán ở đây. khách hàng. Tất cả các tệp và thư mục liên quan đến khách hàng cần phải được chuyển đến đây. Change_pass.php: Người dùng PW thay đổi xóa_account. Xóa tài khoản người dùng edit_account. Chỉnh sửa các khoản tín dụng hoặc thông tin cơ bản của khách hàng. my_account.php.

Đây là hồ sơ người dùng, sẽ hiển thị trên tên trang: Tài khoản của tôi. Khách hàng_Images: Tất cả các khách hàng Hình ảnh của bạn được dán ở đây. Chức năng: Chức năng.php. Tất cả các chức năng được sử dụng thậm chí một lần được viết ở đây và được gọi theo nhu cầu. Bao gồm: db.php. Kết nối cơ sở dữ liệu. Styles: Nếu có bất kỳ bảng kiểu cần, bao gồm ở đây. style.css: bảng kiểu của khung hoàn chỉnh. Chức năng: Function.php: Các chức năng yêu cầu cho toàn bộ khung được chèn vào đây.

& nbsp; Đối với kết nối cơ sở dữ liệu trước tiên, bạn cần tạo cơ sở dữ liệu có tên Bolt.sql & nbsp; trong & nbsp; localhost/phpmyadmin/& nbsp; và sau đó bạn có thể nhập cơ sở dữ liệu được tìm thấy tệp Bolt.sql.sql in the localhost/phpmyadmin/ and then you can import the database which is found bolt.sql file.

Các công nghệ được sử dụng trong dự án này là:

• HTML: Bố cục và thiết kế trang
• CSS: Thiết kế
• JS: Frontend
• PHP: phụ trợ
• Bootstrap
• Kịch bản Java

Hệ điều hành được hỗ trợ:

Bạn có thể chạy dự án này trong các hệ điều hành sau:

• Windows:
• MAC:
• Linux:

Làm thế nào để chạy ??

Để chạy dự án này, bạn phải cài đặt một máy chủ ảo, tức là & nbsp; xampp & nbsp; trên PC của bạn. Hệ thống thương mại điện tử trong PHP có mã nguồn miễn phí để tải xuống, chỉ sử dụng cho mục đích giáo dục!Use for educational purposes only!

Sau khi bắt đầu Apache và MySQL trong XAMPP, hãy làm theo các bước sau

Bước đầu tiên: & nbsp; trích xuất File2nd bước: & nbsp; Sao chép bước dự án chính Bước 3: Extract file
2nd Step: Copy the main project folder
3rd Step: Paste in xampp/htdocs/

Bây giờ kết nối cơ sở dữ liệu

Bước thứ 4: & nbsp; mở trình duyệt và truy cập URL, http: // localhost/phpmyadmin/Bước thứ 5 Nhập bước Tab7th: & NBSP; Nhấp vào Tệp Duyệt và chọn tệp Bolt.SQL. Open a browser and go to URL “http://localhost/phpmyadmin/”
5th Step: Then, click on the databases tab
6th Step: Create a database naming “bolt” and then click on the import tab
7th Step: Click on browse file and select “bolt.sql” file which is inside the “ecommerce-master” folder
8th Step: Click on go.

Sau khi tạo cơ sở dữ liệu,,

Bước thứ 9: & NBSP; Mở trình duyệt và truy cập URL HTTP: // Localhost/Thương mại điện tử-Master/Hồi Open a browser and go to URL “http://localhost/ecommerce-master/”

Chèn tên người dùng và mật khẩu được cung cấp trong bản ghi cơ sở dữ liệu. Đối với bản demo dự án, bạn có thể xem video dưới đây: For the project demo, you can have a look at the video below:

Bản demo dự án

https://youtu.be/vf7exkiuzxc

Tải xuống mã nguồn của thương mại điện tử trong PHP, CSS, JS và MySQL

bài chuyển hướng