agile vue

VUE + ELEMENT.UI デモ プロジェクト

このプロジェクトは現在開発中であり、当面は調査および研究の参考としてのみ使用され、大幅に変更される可能性があります。

特徴

1. VUE CLIに基づく

2. モックサーバーが付属しています

3. .env を使用して環境変数を構成する

4. 異なる設定ファイルを使用して異なるプロジェクト エントリを分離する

オンラインデモ

https://agile.huijiewei.com/admin アカウント: 13098761234 パスワード: 123456

チュートリアル

インストール

npm install

構成

ホストの変更

 127.0.0.1 www.agile.test

vue.config.js の設定手順

package.json ファイル スクリプトのコマンド ライン VUE_CLI_SERVICE_CONFIG_PATH パラメータに従って、さまざまなプロジェクト エントリ構成ファイルを使用できます。

ローカル開発を実行する

.env.example を .env.development にコピー

npm run serve:admin
npm run serve:mobile

製品版をビルドする

npm run build:admin
npm run build:mobile

キーディレクトリの説明

 ├── dist // 生成的生产环境文件
├── mocker // Mock 服务器和 Mock 数据
├── src // 源代码目录
│   ├── core // 公用核心模块
│   └── modules // 模块目录
│      └── admin // 管理后台
│      └── mobile // 移动端

その他の指示

デフォルトのモック サービス バックグラウンド管理者:

ユーザー: 13012345679 パスワード: 123456

バックエンド連携

アジャイル スプリング ブート

https://github.com/huijiewei/agile-boot

ドキュメントのバージョン更新

バージョン: 2020-10-31 19:30

Element-UI の小さな修正

./node_modules/element-ui/lib/cascader-panel.js ファイルの 1053 行目を開き、 if(value)をif (value !== undefined && value !== null) {に変更します。