vue+element-ui 后台管理实战项目

项目线上地址:

http://www.sirfuao.com

1、项目描述:

1、这是一个vue电商后台的管理项目的实战项目
2、采用了Vue全家桶+ES6+Webpack 等前端最新技术
3、项目包括用户管理、权限管理、商品管理、订单管理、数据统计等多个功能模块
4、采用模块化、组件化、工程化的模式开发

2、使用的插件和ui库:

1、学会使用 vue-router 开发单页面
2、学会使用 axios 的封装和后端数据交互
3、学会使用 vuex 管理应用组件的状态
4、学会是使用 echarts 来进行数据图形化报表
5、学会使用 element-ui 组件库构建界面

3、项目截图:

登录页面:

vue+element-ui 后台管理实战项目_第1张图片

用户列表:

vue+element-ui 后台管理实战项目_第2张图片

权限列表:

vue+element-ui 后台管理实战项目_第3张图片

商品列表:

vue+element-ui 后台管理实战项目_第4张图片

商品分类:

vue+element-ui 后台管理实战项目_第5张图片

订单列表:

vue+element-ui 后台管理实战项目_第6张图片

数据报表:

vue+element-ui 后台管理实战项目_第7张图片
需要代码和线上接口或者后端代码的可以加我微信 664431710
有时间可以教如何部署后端node代码和vue打包之后的文件。
我也是一个小菜鸡,如果有不足的地方可以评论区见,谢谢!

你可能感兴趣的:(vue,vue.js,前端)