*File Source code web PHP thuần bán điện thoại MTshop gồm có:
-Báo cáo luận văn tốt nghiệp (hay đồ án tốt nghiệp) có đầy đủ các phần Bìa chính, bìa phụ, lời cảm ơn, mục lục, tóm tắt, abstract, danh mục bảng, danh mục hình ảnh, giới thiệu đề tài, cơ sở lý thuyết, thiết kế hệ thống và cài đặt, kết luận và hướng phát triển
-Source code web gồm 2 phần chức năng chính là trang quản trị cho người quản trị (admin) và trang của khách hàng
******************************************************************************************************
*Chức năng của trang admin:
-Tổng quan: hiển thị số lượng sản phẩn, số bài đăng, số đơn hàng và khách hàng
-Thông tin người dùng: Thay đổi Họ tên, số điện thoại, địa chỉ, email, tên đăng nhập, ảnh đại diện
-Đơn hàng: Hiển thị số thứ tự đơn hàng, tên sản phẩm, giá, tên người mua, địa chỉ người mua, số điện thoại người mua, phương thức thanh thanh toán(ship COD hay thanh toán trực tuyến bằng VNPay), tình trạng đơn hàng(Chưa xác nhận, xác nhận và giao hàng, đơn hàng bị hủy) và xóa đơn hàng
-Sản phẩm: hiển thị số thứ tự sản phẩm, tên sản phẩm, hãng sản xuất, số lượng còn lại và các thao tác như thêm, xóa, sửa. Khi thêm hoặc sửa, admin có thể thêm ảnh đại diện cho sản phẩm, đặt tên, giá, phần trăm giảm giá, số lượng sản phẩm, loại sản phẩm(hãng sản xuất) và phần mô tả chi tiết sản phẩm(có thể copy nội dung đã được định dạng như chi tiết cấu hình của thế giới di động)
-Hãng sản xuất: thêm, sửa, xóa hãng sản xuất và mô tả(ví dụ như nguồn gốc xuất xứ hoặc thời gian nhập hàng)
-Tài khoản: hiển thị tên tài khoản, phân quyền(admin hay khách hàng), sửa thông tin tài khoản hoặc xóa tài khoản
-Bài đăng: thêm bài đăng, sửa, xóa bài đăng, hiển thị hoặc ẩn bài đăng, chọn avatar cho bài đăng, có thể copy định dạng của bài đăng có sẵn
-Trả lời bình luận khách hàng
*Chức năng của trang client:
-Đăng ký, đăng nhập, đăng xuất, chỉnh sửa thông tin sau khi đăng nhập
-Xem bài đăng
-Thêm sản phẩm vào giỏ hàng: thêm, xóa, sửa số lượng sản phẩm
-Đơn hàng: xem, hủy đơn hàng(trong thời hạn 1 ngày)
-Sản phẩm: xem chi tiết sản phẩm, mua sản phẩm, bình luận sản phẩm, tìm kiếm tên sản phẩm, xem sản phẩm theo hãng sản xuất
-Thanh toán:
+Chọn phương thức thanh toán, ship COD hay thanh toán trực tuyến qua VNPay(đã không dùng được nữa do API thay đổi)
+Thông tin gia hàng sẽ được auto fill từ thông tin khách hàng khi đăng kí tài khoản, nếu thay đổi địa chỉ giao hàng thì đơn hàng sẽ nhận thông tin sửa đổi sau này
XEM THÊM ==> Hướng dẫn cài đặt chi tiết
Nguồn: Sharecode.vn
-Để chạy source code này bạn cần có các app sau:
+Visual studio code(để sửa code, chạy terminal để mở cổng cho web chạy và mở cổng thanh toán VNPay)
+Xampp(để chạy Apache và MySQL)
+Composer, NodeJS và Yarn
*Chi tiết cài đặt
Bước 1: Mở Xampp, chạy dịch vụ Apache và MySQL
Bước 2: Import database
+ Vào http://localhost/phpmyadmin/ hoặc bấm vào nút "Admin" của MySQL trong Xampp
+Tạo một database mới tên "mvc_shop" (viết thường)
+Import database MVC_Shop(4).sql có trong source code vào database vừa tạo
Bước 3: Install composer (chỉ thực hiện 1 lần khi cài soure vào máy)
+Tải và cài composer vào máy
+Open folder source code vừa tải về trong visual studio code
+Mở tab terminal, chạy lệnh chuyển đến thư mục vừa tải về, ví dụ ở máy mình là "cd .\mtshop\"
+Sau khi vào thành công thư mục, gõ lệnh "composer install" <- lệnh chỉ chạy một lần lúc cài source vào máy
+Sau đó là lệnh "php migrations.php" <- lệnh này chỉ chạy 1 lần khi cài source vào máy
Bước 4: Mở cổng cho web chạy (luôn thực hiện thao tác này mỗi khi chạy web trên trình duyệt Chrome)
+Mở visual studio code -> terminal -> Open new terminal
+ Trong terminal, chuyển đến thư mục chứa source code bằng lệnh cd, ví dụ ở máy tôi là "cd .\mtshop\"
+Tiếp lệnh chuyển đến thư mục public "cd .\public\"
+Và cuối cùng là lệnh mở cổng 8000 cho web chạy "php -S localhost:8000"(nếu gặp lỗi ở dòng 3 trong index.php thì sửa nó từ "require_once __DIR__ . './../vendor/autoload.php';" thành "require_once __DIR__ . '/../vendor/autoload.php';" )
Bước 5: Mở cổng để chạy api thanh toán trực tuyến bằng VNPay(luôn thực hiện thao tác này để chạy chức năng thanh toán bằng VNPay trên trình duyệt Chrome, máy bạn phải cài NodeJS và Yarn để chạy chức năng này) *thông báo: (API thanh toán bằng VNPay đã có thay đổi thời gian gần đây và không sử dụng được nữa, nên khi cài source, để tránh vướng mắt quý khách vui lòng ẩn button thanh toán trực tuyển bằng VNPay)
+Tải và cài NodeJS(thực hiện thao tác 1 lần)
+Tải Yarn: mở terminal và chạy lệnh "npm install -g yarn"(chỉ thực hiện 1 lần khi cài source)
- Khi cài xong các thành phần cần thiết, thực hiện các lệnh sau để chạy VNPay:
+Chuyển đến thư mục chứa source bằng lệnh cd, ví dụ máy tôi là "cd .\mtshop\"
+Chuyển đến thư mục của API VNPay bằng lệnh "cd .\Node-vnpay\"
+Và cuối cùng là thực hiện lệnh "yarn start" (hãy đảm bảo terminal của bạn đã được tích hợp yarn và nodejs bằng lệnh "yarn -v" và lệnh "node -v" để kiểm tra và code chạy đúng)
*****************************************************
Mỗi khi chạy web, thực hiện các thao tác mở dịch vụ Apache, MySQL trên xampp, 1 terminal chạy lệnh mở cổng cho web, và 1 terminal chạy API VNPay
-Để chạy web, chạy lệnh "http://localhost:8000/" trên chrome
-Để mở giao diện admin, chạy lệnh "http://localhost:8000/login"
-Tài khoản và mật khẩu đăng nhập trang admin là admin
-Chạy lệnh "http://localhost:8000/make-user" để tạo account admin trên chrome(*trong trường hợp của source này thì không cần tạo account admin nữa vì trong database đã tạo rồi. Nếu lỡ bấm đăng kí account nhiều lần hay lỡ dùng tài khoản admin mua hàng dẫn đến lỗi, hãy vào database xóa hết tất cả các tài khoản admin(trường login_id) bị trùng trong bảng "users", chỉ chừa lại một account admin duy nhất là dùng bình thường )
- Tài khoản và mật khẩu đăng nhập trang admin là admin
- Test case thanh toán VNPay: Demo Cổng thanh toán VNPAY · Cổng thanh toán VNPAY (vnpayment.vn)
- Phải chỉnh sửa thông tin người dùng đầy đủ (thêm trường địa chỉ trong thông tin cá nhân) rồi mới bấm chọn phương thức thanh toán được
*Lưu ý:
-Do vấn đề phân quyền nên không dùng tài khoản admin để mua hàng(có thể dẫn đến lỗi)
-Account khách hàng không thể đăng nhập trang admin
-Nếu thanh toán VNPay gặp lỗi bất ngờ, hãy tắt web và visual studio để chạy lại
-Chức năng thanh toán qua VNPay chưa thể bắt được sự kiện hủy thanh toán nên khi hủy thanh toán web sẽ báo thanh toán thành công bằng phương thức ship COD
- Vui lòng thay ảnh mới nếu ảnh từ database cũ không hiển thị được
-Mình chỉ bán code với các chức năng như đã báo trên đây, mình chỉ hỗ trợ phần cài đặt source code chứ không nhận mail sửa chức năng, thêm chức năng
- Chỉ hỗ trợ nếu cài source gặp khó khăn, mình đã có hướng dẫn, không dùng các phần mềm như team viewer, anydesk để cài tất cả cho các bạn.