基于Vue.js 2.x系列 + Element UI 搭建后台管理系统
基于vue.js,使用vue-cli脚手架快速生成项目目录,使用Element UI组件库,方便开发快速简洁好看的组件。
该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统开发。很灵活的扩展性。
- 使用Element UI
- 登录/退出
- 列表显示(包括分页,搜索)
- 表单(内容编辑)
- 图表(HighCharts[仅供学习])
- 编辑器(富文本编辑,markdown编辑)
- 图片拖拽上传/图片显示
- 白板拖拽功能
- 系统配置(tab页显示)
本方案参考学习了Vue-Manage-System [https://github.com/lin-xin/vue-manage-system] 。
在此特别感谢提供了这么棒的例子供大家学习参考!!
# 安装依赖
yarn
# 本地开发,开启服务器,浏览器浏览http://localhost:8080
yarn run dev
# 构建生产,执行命令,生成的dist文件夹放在服务器下即可访问
#
yarn run build
个人比较喜欢使用yarn
,如果你使用npm之类的替换成相应的命令即可。