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. 成功は写真に表​​示されます

他のプロジェクトのスクリーンショットを参照してください