vue xiaomi

การแนะนำโครงการ

นี่คือโครงการอีคอมเมิร์ซที่เลียนแบบ Xiaomi Mall เพื่อให้บรรลุจุดทำงานหลัก

ส่วนหน้าประกอบด้วย 11 หน้า: หน้าแรก การเข้าสู่ระบบ การลงทะเบียน ผลิตภัณฑ์ทั้งหมด หน้ารายละเอียดผลิตภัณฑ์ เกี่ยวกับเรา คอลเลกชันของฉัน ตะกร้าสินค้า หน้าการชำระเงินคำสั่งซื้อ คำสั่งซื้อของฉันและหน้าการจัดการข้อผิดพลาด

โดยจะใช้การแสดงผลิตภัณฑ์, การสอบถามการจัดหมวดหมู่ผลิตภัณฑ์, ผลิตภัณฑ์ค้นหาคำหลัก, การแสดงข้อมูลรายละเอียดผลิตภัณฑ์, การเข้าสู่ระบบ, การลงทะเบียน, ตะกร้าสินค้าของผู้ใช้, การชำระเงินตามคำสั่งซื้อ, คำสั่งซื้อของผู้ใช้, รายการโปรดของผู้ใช้ และฟังก์ชันการจัดการข้อผิดพลาด

ส่วนแบ็คเอนด์จะออกแบบอินเทอร์เฟซ เลเยอร์การควบคุม และเลเยอร์การคงอยู่ของข้อมูลที่สอดคล้องกัน โดยอิงตามโมดูลย่อยของข้อมูลที่ต้องการโดยฟรอนต์เอนด์

กองเทคโนโลยี

• ส่วนหน้า: Vue + Vue-router + Vuex + Element-ui + Axios

• แบ็กเอนด์: Node.js , Koa框架

• ฐานข้อมูล: Mysql , redis

ที่อยู่จัดส่งโครงการแบ็กเอนด์: xiaomi-server

โปรด ดูคำแนะนำในการกำหนดค่า เพื่อรันโปรเจ็กต์ส่วนหลัง ตรวจสอบให้แน่ใจว่าได้เปิดฐานข้อมูล mysql、redis และพอร์ตที่เกี่ยวข้องแล้ว

โมดูลฟังก์ชัน

• เข้าสู่ระบบ
• ลงทะเบียน
• หน้าแรก
• สินค้าทั้งหมด
• รายละเอียดสินค้าหน้า
• ตะกร้าสินค้าของฉัน
• การสั่งซื้อการชำระบัญชี
• คอลเลกชันของฉัน
• คำสั่งซื้อของฉัน

รันโครงการ

 1. Clone project

git clone https://github.com/root-lucas/vue-xiaomi

2. Project setup

cd vue-store
npm install

3. Compiles and hot-reloads for development

npm run serve

4. Compiles and minifies for production

npm run build

หากคุณคิดว่าโครงการนี้ดี คุณสามารถคลิกติด Star ที่มุมขวาบนเพื่อสนับสนุนได้ ขอบคุณ! -

ภาพหน้าจอของหน้าโครงการ

หน้าแรก

สินค้าทั้งหมด

ตะกร้าสินค้า

คอลเลกชันของฉัน

คำสั่งซื้อของฉัน

เข้าสู่ระบบ

ลงทะเบียน