Need help with vue-manage-system?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

lin-xin
12.8K Stars 4.4K Forks MIT License 215 Commits 78 Opened issues

Description

基于Vue3 + Element Plus 的后台管理系统解决方案

Services available

!
?

Need anything else?

Contributors list

# 773
CSS
managem...
wechat
Vue.js
158 commits
# 9,426
vue-cli
Vue.js
python-...
Rust
2 commits
# 45,079
CSS
HTML
vue-cli
managem...
1 commit

vue-manage-system

vue element-ui license GitHub release donate

基于 Vue3 + Element Plus 的后台管理系统解决方案。线上地址

Vue2 版本请看 tag-V4.2.0

React + Ant Design 的版本正在开发中,仓库地址:react-manage-system

English document

项目截图

登录

Image text

首页

Image text

赞赏

请作者喝杯咖啡吧!(微信号:linxin_20)

微信扫一扫

前言

该方案作为一套多功能的后台框架模板,适用于绝大部分的后台管理系统(Web Management System)开发。基于 Vue3,使用 vue-cli3 脚手架,引用 Element Plus 组件库,方便开发快速简洁好看的组件。分离颜色样式,支持手动切换主题色,而且很方便使用自定义主题色。

功能

  • [x] Element Plus
  • [x] 登录/注销
  • [x] Dashboard
  • [x] 表格
  • [x] Tab 选项卡
  • [x] 表单
  • [x] 图表 :bar_chart:
  • [ ] 富文本编辑器
  • [ ] markdown 编辑器
  • [x] 图片拖拽/裁剪上传
  • [ ] 支持切换主题色 :sparkles:
  • [ ] 列表拖拽排序
  • [x] 权限测试
  • [x] 404 / 403
  • [x] 三级菜单
  • [x] 自定义图标
  • [ ] 可拖拽弹窗
  • [x] 国际化

安装步骤

git clone https://github.com/lin-xin/vue-manage-system.git      // 把模板下载到本地
cd vue-manage-system    // 进入模板目录
npm install         // 安装项目依赖,等待安装完成之后,安装失败可用 cnpm 或 yarn

// 开启服务器,浏览器访问 http://localhost:8080 npm run serve

// 执行构建命令,生成的dist文件夹放在服务器下即可访问 npm run build

组件使用说明与演示

vue-schart

vue.js 封装 sChart.js 的图表组件。访问地址:vue-schart

Downloads


License

MIT

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.