vue-next-admin
基本介绍
基于 vue3.x + CompositionAPI setup 语法糖 + typescript + vite + element plus + vue-router-next + pinia 技术,适配手机、平板、pc 的后台开源免费模板,希望减少工作量,帮助大家实现快速开发。
在线预览
账号: admin
密码: 123456
vue3.x预览版本
vue-next-admin: https://lyt-top.gitee.io/vue-next-admin-preview/
vue2.x 版本预览
vue-prev-admin: https://lyt-top.gitee.io/vue-prev-admin-preview/
vue3.x + uni-app 商城 H5
vue-next-admin-shop: https://lyt-top.gitee.io/vue-next-admin-shop-preview/
代码仓库
- vue3.x版本: https://gitee.com/lyt-top/vue-next-admin
- vue2.x版本: https://gitee.com/lyt-top/vue-next-admin/tree/vue-prev-admin
环境支持
- 使用cnpm安装依赖
- node版本
>= 14.18+ || >=16+
开发文档
查看开发文档: https://lyt-top.gitee.io/vue-next-admin-doc-preview/
开源协议
使用MIT开源协议
主要功能
- 数据统计
- 菜单管理
- 角色管理
- 用户管理
- 部门管理
- 字典管理
- 权限控制管理
- 个人信息管理
- 国际化语言功能
- 换肤功能
- 通知功能
- ....
演示截图
登录
分别支持账号密码登录、手机验证码登录、扫码登录。
仪表盘|首页
分别是对订单数据、月度计划数据、年度计划数据、访问统计数据、征服补贴额度、房屋建筑工程、快捷导航工具等数据展示,主要采用折线图、柱状图、饼状图等图表形式展示。
菜单管理
主要是对系统有哪些菜单进行增删改查,同时支持嵌套菜单配置。
- 菜单列表:
- 新增菜单:
角色管理
主要是对系统有哪些角色,不同的角色拥有不同的权限,比如页面权限、数据权限以及接口权限等。
- 角色列表:
- 新增角色:
用户管理
主要是对系统的所有使用者进行管理,可以给每个用户配置不同的角色,进行实现不同角色的用户登录后查看的页面和数据等是不一样的。
- 用户列表:
- 新增用户:
部门管理
主要是对系统的所有用户进行分部门管理,比如一个公司,他应有财务部、研发部、市场部、运营部等,而不同部门下对应有不同的员工。
- 部门列表:
- 新增部门:
字典管理
主要是对系统页面上的一些元数据进行管理,例如: 页面上的性别、显示状态等。
- 字典列表:
- 新增字典:
大数据图表
数据可视化大屏
- 示例大屏1:
- 示例大屏2:
个人中心
主要是对个人信息数据进行维护,同时也可以查看系统的通知、个人角色、修改密码、第三方账号关联等操作。
系统换肤功能
可以对系统的整体排版方式、页面上可见元素的颜色、背景色、字体大小等设置。
结尾
感谢您认真观看完毕此文章,如果此文章对您有帮助的话,还请您点赞、收藏、评论,这对我有很大的帮助。
我们一切的目的都是为了: 让你找到喜欢的开源项目,爱上开源参与开源。
点赞:你的认可是我创作的动力!
收藏:你的青睐是我努力的方向!
评论:你的意见是我进步的财富!
最后祝大家变得更强!
本文由mdnice多平台发布
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。