vue admin generator

vue-管理者-ジェネレーター

これは足場プロジェクトではなく、実際のビジネス リファレンス プロジェクトを取り除いた、基本的なデモ プロジェクトです。新しい Vue バックエンド プロジェクトを作成します。このプロジェクトは、このプロジェクトに基づいて変更できます。

Todoリスト

• Mockjs を使用してインターフェイス データをシミュレートする (改善予定)

• axios はネットワークリクエストを実装します (その後のカプセル化と統合エラー処理)

• vuex の状態管理

• ルーティング許可制御

デモ

オンラインデモ

ユーザー名:管理者

パスワード:123456

ログイン可能なユーザーは ${root_project}/src/mock/data/exampleData.js にあります

説明

1. グローバルな Vuex 状態管理については、src/vuex/modules/control.js の設定を参照してください。すべての非同期リクエストは 1 つのアクションと 3 つの固定ミューテーション メソッドを共有します。

2. Vuexの状態管理については、Vueテンプレートのメソッドのコールバックに記述することでコードを共有でき、類似コードの大量発生を回避できます。

3. また、すべてのネットワーク リクエストは同じ axios.request() メソッドを共有します。リクエスト タイプと成功コールバックはすべてパラメータの形式でリクエストに渡されるため、多数の同様のコードも回避されます。

4. 参考ケースとの比較として、ログインリクエストと従業員管理の従業員一覧取得リクエストをご覧ください。

ビルドセットアップ

 # install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

動作の詳細については、vue-loader のガイドとドキュメントを確認してください。