#基于vue-cli构建的财务后台管理系统(vue2
+vuex
+axios
+vue-router
+element-ui
+echarts
+websocket
+vue-i18n
)
注意:当前代码为vue-cli2.0搭建的程序
本项目可以学到:
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实现国际化--中英文切换
安装
项目地址:
(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 // 项目build目录 ├── index.html // 项目入口文件 ├── package.json // 项目配置文件 ├── src // 生产目录 │ ├── assets // css js 和图片资源 │ ├── axios // ajax url 放置 │ ├── components // 各种组件 │ ├── images // 图片文件夹 │ ├── i18n // 国际化文件夹 │ ├── page // 各种页面 │ ├── router // 页面路由 │ ├── store // vuex状态管理器 │ ├── style // 样式文件 │ └── main.js // Webpack 预编译入口