vue project

#vue-cli に基づく金融バックエンド管理システム ( vue2 + vuex + axios + vue-router + element-ui + echarts + websocket + vue-i18n )

---

このプロジェクトでは、次のことを学ぶことができます。

 1、学会使用vue-cli2.0构建项目.
2、基于(pomise)封装axios的get、post等http请求.
3、学会使用vue-router实现页面跳转带参.
4、学会使用vuex状态管理.
5、配套element-ui(主要对table的操作多)
6、对elementui进行二次封装组件,提高复用性
7、略微涉及echarts作图标分析
8、使用websocket监听ele进度条状态
9、使用vue-i18n实现国际化--中英文切换
10、使用Ngprogress做加载,类似github loading bar

インストール

プロジェクトアドレス:

( git clone )

git clone https://github.com/hzlshen/vue-project.git

npmを介してローカル サービスのサードパーティ依存関係モジュールをインストールします (Node.js をインストールする必要があります)

 npm install

サービスを開始します (http://localhost:8080)

 npm run dev

リリースコード

 npm run build

開発する

ディレクトリ構造

。
§── README.md           
§── build // サービスと Webpack の構成をビルドします。 ├── config // さまざまなプロジェクト環境の構成 §── dist // プロジェクトのビルド ディレクトリ §── Index.html // プロジェクト エントリ ファイル ├── package.json //プロジェクト設定ファイル §── src // 制作ディレクトリ │ §── アセット // css js および画像リソース │ §── axios // ajax の URL配置 │ §── コンポーネント // 各種コンポーネント │ §── 画像 // 画像フォルダ │ §── i18n // インターナショナルフォルダ │ §── ページ // 各種ページ │ §── ルーター // ページルーティング │ §── store // vuex ステートマネージャー │ §── style // スタイルファイル │ └── main.js // Webpackのプリコンパイル済みエントリ

###プロジェクトのスクリーンショット