Vue-Admin

基于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之类的替换成相应的命令即可。