shop admin

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

โปรเจ็กต์นี้อิงตามการจัดการแบ็กเอนด์ของ Vue และ Element-UI

1. โครงสร้างไดเร็กทอรี

 ├── README.md
├── babel.config.js
├── package-lock.json
├── package.json
├── node_modules
├── public
│   ├── favicon.ico
│   └── index.html
└── src
    ├── App.vue
    ├── assets
    │   └── logo.png
    ├── components
    │   ├── Aside.vue //侧边栏导航
    │   └── Header.vue // 头部
    ├── main.js
    ├── pages // 每个页面
    │   ├── AccountList.vue // 会员列表
    │   ├── Admin.vue // 后台首页
    │   ├── CategoryList.vue // 分类列表
    │   ├── GoodsAdd.vue // 添加商品
    │   ├── GoodsEdit.vue // 编辑商品
    │   ├── GoodsList.vue // 商品列表
    │   ├── Login.vue // 登录页面
    │   └── OrderList.vue // 订单页面
    └── store
        └── index.js 

2. การติดตั้งอย่างรวดเร็ว

1. โคลนสู่ท้องถิ่น

ส่วนหน้า: git clone [email protected]:baozouai/shop-admin.git แบ็กเอนด์: git clone [email protected]:baozouai/shop-admin-backend.git

2. เปิดเทอร์มินัลแล้วรันคำสั่งต่อไปนี้ในไดเร็กทอรีรากของโปรเจ็กต์

ส่วนหน้าและส่วนหลัง: npm install

3. จากนั้นรัน npm run serve ที่ส่วนหน้าและ nodemon app.js ที่ส่วนหลังเพื่อเริ่มโปรเจ็กต์

โครงการทำงานที่ http://localhost:8080/ ตามค่าเริ่มต้น และพอร์ตสามารถแก้ไขได้ด้วยตัวเอง

4. ความสำเร็จจะแสดงในภาพ

โปรดดูภาพหน้าจอโครงการสำหรับผู้อื่น