shop admin

Project introduction

This project is a background management based on Vue, Element-UI

1. Directory structure

 ├── 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. Fast installation

1. Clone to the local area

Front end: git clone [email protected]:baozouai/shop-admin.git back-end: git clone [email protected]:baozouai/shop-admin-backend.git

2. Open the terminal and run the following command at the root directory of the project

Front and back end: npm install

3. Then run npm run serve in the front end, run nodemon app.js back end to open the project

The project runs by default in http://localhost:8080/ , you can modify the port yourself

4. Success as shown in the figure

Please see the project screenshot