#基于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`）

```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>