|  | @@ -1,78 +1,74 @@
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -#基于vue-cli构建的财务后台管理系统(`vue2`+`vuex`+`axios`+`vue-router`+`element-ui`+`echarts`+`websocket`+`vue-i18n`)
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -[](https://github.com/996icu/996.ICU/blob/master/LICENSE)[](https://996.icu)
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | --------
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -### 本项目可以学到:
 |  | 
 | 
												
													
														
															|  | -    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`)
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -```shell
 |  | 
 | 
												
													
														
															|  | -git clone https://github.com/hzlshen/vue-project.git
 |  | 
 | 
												
													
														
															|  | -```
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -#### 通过`npm`安装本地服务第三方依赖模块(需要已安装[Node.js](https://nodejs.org/))
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -```
 |  | 
 | 
												
													
														
															|  | -npm install
 |  | 
 | 
												
													
														
															|  | -```
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -#### 启动服务(http://localhost:8080)
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -```
 |  | 
 | 
												
													
														
															|  | -npm run dev
 |  | 
 | 
												
													
														
															|  | -```
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -#### 发布代码
 |  | 
 | 
												
													
														
															|  | -```
 |  | 
 | 
												
													
														
															|  | -npm run build
 |  | 
 | 
												
													
														
															|  | -```
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -#### 开发
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -#### 目录结构
 |  | 
 | 
												
													
														
															|  | -<pre>
 |  | 
 | 
												
													
														
															|  | -.
 |  | 
 | 
												
													
														
															|  | -├── README.md           
 |  | 
 | 
												
													
														
															|  | -├── build              // 构建服务和webpack配置
 |  | 
 | 
												
													
														
															|  | -├── config             // 项目不同环境的配置
 |  | 
 | 
												
													
														
															|  | -├── dist               // 项目build目录
 |  | 
 | 
												
													
														
															|  | -├── index.html         // 项目入口文件
 |  | 
 | 
												
													
														
															|  | -├── package.json       // 项目配置文件
 |  | 
 | 
												
													
														
															|  | -├── src                // 生产目录
 |  | 
 | 
												
													
														
															|  | -│   ├── assets         // css js 和图片资源
 |  | 
 | 
												
													
														
															|  | -│   ├── axios          // ajax url 放置
 |  | 
 | 
												
													
														
															|  | -│   ├── components     // 各种组件
 |  | 
 | 
												
													
														
															|  | -│   ├── images         // 图片文件夹
 |  | 
 | 
												
													
														
															|  | -│   ├── i18n           // 国际化文件夹
 |  | 
 | 
												
													
														
															|  | -│   ├── page           // 各种页面
 |  | 
 | 
												
													
														
															|  | -│   ├── router         // 页面路由
 |  | 
 | 
												
													
														
															|  | -│   ├── store          // vuex状态管理器
 |  | 
 | 
												
													
														
															|  | -│   ├── style          // 样式文件
 |  | 
 | 
												
													
														
															|  | -│   └── main.js        // Webpack 预编译入口
 |  | 
 | 
												
													
														
															|  | -</pre>
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -###项目截图
 |  | 
 | 
												
													
														
															|  | -<br/>
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | -
 |  | 
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +#基于vue-cli构建的财务后台管理系统(`vue2`+`vuex`+`axios`+`vue-router`+`element-ui`+`echarts`+`websocket`+`vue-i18n`)
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +[](https://github.com/996icu/996.ICU/blob/master/LICENSE)[](https://996.icu)
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +-------
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +### 本项目可以学到:
 | 
												
													
														
															|  | 
 |  | +    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`)
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +```shell
 | 
												
													
														
															|  | 
 |  | +git clone http://www.danyuanblog.com:3000/public_repo/vue-admin-project.git
 | 
												
													
														
															|  | 
 |  | +```
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +#### 通过`npm`安装本地服务第三方依赖模块(需要已安装[Node.js](https://nodejs.org/))
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +```
 | 
												
													
														
															|  | 
 |  | +npm install
 | 
												
													
														
															|  | 
 |  | +```
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +#### 启动服务(http://localhost:8080)
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +```
 | 
												
													
														
															|  | 
 |  | +npm run dev
 | 
												
													
														
															|  | 
 |  | +```
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +#### 发布代码
 | 
												
													
														
															|  | 
 |  | +```
 | 
												
													
														
															|  | 
 |  | +npm run build
 | 
												
													
														
															|  | 
 |  | +```
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +#### 开发
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +#### 目录结构
 | 
												
													
														
															|  | 
 |  | +<pre>
 | 
												
													
														
															|  | 
 |  | +.
 | 
												
													
														
															|  | 
 |  | +├── README.md           
 | 
												
													
														
															|  | 
 |  | +├── build              // 构建服务和webpack配置
 | 
												
													
														
															|  | 
 |  | +├── config             // 项目不同环境的配置
 | 
												
													
														
															|  | 
 |  | +├── dist               // 项目build目录
 | 
												
													
														
															|  | 
 |  | +├── index.html         // 项目入口文件
 | 
												
													
														
															|  | 
 |  | +├── package.json       // 项目配置文件
 | 
												
													
														
															|  | 
 |  | +├── src                // 生产目录
 | 
												
													
														
															|  | 
 |  | +│   ├── assets         // css js 和图片资源
 | 
												
													
														
															|  | 
 |  | +│   ├── axios          // ajax url 放置
 | 
												
													
														
															|  | 
 |  | +│   ├── components     // 各种组件
 | 
												
													
														
															|  | 
 |  | +│   ├── images         // 图片文件夹
 | 
												
													
														
															|  | 
 |  | +│   ├── i18n           // 国际化文件夹
 | 
												
													
														
															|  | 
 |  | +│   ├── page           // 各种页面
 | 
												
													
														
															|  | 
 |  | +│   ├── router         // 页面路由
 | 
												
													
														
															|  | 
 |  | +│   ├── store          // vuex状态管理器
 | 
												
													
														
															|  | 
 |  | +│   ├── style          // 样式文件
 | 
												
													
														
															|  | 
 |  | +│   └── main.js        // Webpack 预编译入口
 | 
												
													
														
															|  | 
 |  | +</pre>
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +
 | 
												
													
														
															|  | 
 |  | +项目演示地址:<http://www.danyuanblog.com/finance/#/login>
 |