【开源项目】中后台开发框架vue-next-admin

news2024/10/7 10:17:48

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://www.coloradmin.cn/o/743829.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Braindecode系列 (1):在BCIC IV 2a数据集上进行试验

Braindecode系列:在BCIC IV 2a数据集上进行试验 0. 引言1. 环境介绍1.1 环境配置1.2 运行环境 2. Python实现2.1 加载和预处理数据集2.2 创建模型2.3 模型训练2.4 结果输出图像 3. 结果展示4. 总结 0. 引言 最近在看运动想象相关的论文时,找到了一个很好…

在线培训系统的保障措施带来安全、可靠的学习环境

在今天的数字时代,越来越多的人选择在线培训系统作为学习的方式。然而,随着在线教育市场的不断增长,安全和可靠性成为消费者普遍关心的问题。因此,在线培训系统需要采取一系列保护措施以确保学生的数据和隐私得到保护,…

Python 运算符(二)

文章目录 Python逻辑运算符Python成员运算符Python身份运算符Python运算符优先级后记 Python逻辑运算符 Python语言支持逻辑运算符,以下假设变量 a 为 10, b为 20: 运算符逻辑表达式描述实例andx and y 布尔"与" - 如果 x 为 False,x and y …

php周练

前言:博主个人小练(纯小白)。 目录 1.[SWPUCTF 2021 新生赛]gift_F12已解决2.[SWPUCTF 2021 新生赛]jicao3.[ZJCTF 2019]NiZhuanSiWei4.[SWPUCTF 2021 新生赛]no_wakeup5.[SWPUCTF 2021 新生赛]ez_unserialize 1.[SWPUCTF 2021 新生赛]gift_…

Ae 效果:CC RepeTile

风格化/CC RepeTile Stylize/CC RepeTile CC RepeTile(CC 重复拼贴)效果可对整个图层进行复制并扩展,通过重复拼贴来创建平铺效果。 ◆ ◆ ◆ 效果属性说明 Expand Right 向右扩展 设置图层向右扩展的距离。 Expand Left 向左扩展 设置图层…

VMware vCenter Server 7.0 Update 3n 下载 - 集中管理 vSphere 环境

VMware vCenter Server 7.0 Update 3n 下载 - 集中管理 vSphere 环境 请访问原文链接:https://sysin.org/blog/vmware-vcenter-7-u3/,查看最新版。原创作品,转载请保留出处。 作者主页:sysin.org VMware vCenter Server 是一款高…

【菜菜丸的菜鸟教程】制作带闹铃和振动功能的仿真闹钟

一、准备闹钟模型 (一)下载模型 从Unity资源商店和其他模型网站可以下载到各种各样的闹钟模型。为了帮助大家了解机械钟表的设置原理,建议使用带有时针、分针和秒针的钟表,如下图。 注意:时针、分针和秒针最好是挂在闹钟父物体下的三个独立的…

【数据结构】--二叉树

注:本文树和二叉树的概念及结构部分有部分参考了别的文章,其他的二叉树的实现和性质习题等等都是自己一点点写的,创作不易,希望支持! ————————————————————— 目录 一. 树概念及结构 1、树概念…

springboot家具商城系统

开发语言:Java 框架:springboot JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7(一定要5.7版本) 数据库工具:Navicat11 开发软件:eclipse/myeclipse/idea Maven…

Spring Boot 系列2 -- 配置文件

目录 1. 配置文件的作用 2. 配置文件的格式 3. properties 配置文件说明 3.1 properties 基本语法 3.2 读取配置文件 3.3 properties 缺点 4.yml 配置文件说明 4.1 yml 基本语法 4.2 yml 使用进阶 4.2.1 yml 配置不同数据类型及 null 4.2.2 yml 配置读取 4.2.3 注意…

FPGA学习——点亮流水灯

文章目录 一、前言二、源码三、ModelSim仿真3.1 tb文件源码:3.2 创建项目3.3 ModelSim仿真 一、前言 在FPGA开发板中,一般板载LED默认高电平点亮,因此我们只需要将想要亮起的LED赋值为1即可。 本入门实验要求为每隔1s开发板上的LED轮流亮起&…

STM32 Proteus仿真医用仓库环境控制系统紫外线消毒RS232上传CO2 -0066

STM32 Proteus仿真医用仓库环境控制系统紫外线消毒RS232上传CO2 -0066 Proteus仿真小实验: STM32 Proteus仿真医用仓库环境控制系统紫外线消毒RS232上传CO2 -0066 功能: 硬件组成:STM32F103R6单片机 LCD1602显示器DHT11温度湿度电位器模拟…

高分卫星影像及GIS技术在甘南泥石流灾害中的应用

本文使用的甘南夏河县泥石流灾情专题数据如下(来源于高分甘肃中心): (1)灾前遥感影像 (2)灾害位置 (3)基础地理数据:行政区划、交通路网、河流水系、湖泊水库…

前端Vue自定义精美steps步骤条进度条插件 物流信息跟踪展示组件 流程审批跟进组件

随着技术的发展,开发的复杂度也越来越高,传统开发方式将一个系统做成了整块应用,经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改,造成牵一发而动全身。 通过组件化开发,可以有效实现…

怎么用PDF派工具将Word转成PDF

Word是我们最常用的一种格式文件,它易于编辑,但是安全性和稳定性较差,有时候我们发送给别人的Word文件,接收到打开内容已经乱码。遇到这种情况,我们可以优先将Word文件转换成稳定性好的PDF文件。那么如何进行文件格式转…

如何使用伪元素 ::before 实现 Antd 表单一模一样的 required 红色 * 号

如何使用伪元素 ::before 实现 Antd 表单一模一样的 required 红色 * 号 背景 以一个简单的 Form.Item 包裹 Select 为例 我们去实现它的 * 号 操作 F12 打开控制台选中这个元素上面查看 CSS 属性 仿照这个写在 .less 文件里 // .less .ruleTable::before {display: inlin…

RiProV2主题一级分类显示包含子分类的数量Ritheme主题美化WordPress美化类似的步骤

美化-RiProV2主题一级分类显示包含子分类的数量 WordPress主题一级分类页面显示包含子分类的数量 一级分类显示子分类相加的数量 原主题配置项 原来的RiProV2主题,虽然有个配置用来显示分类下的数量。 但是该数量有个问题,就是一级分类的数量显示不包含该一级分类下二级…

操作系统14:缓冲区和磁盘调度算法

目录 1、缓冲区管理 (1)单缓冲区和双缓冲区 1.1 - 单缓冲区 1.2 - 双缓冲区 (2)环形缓冲区/多缓冲区 (3)缓冲池(Buffer Pool) 3.1 - 缓冲池的组成 3.2 - 缓冲池的工作方式 2、磁盘存储器的性能和调…

面向对象进阶一(static,继承,多态)

面向对象进阶一 一、static二、继承2.1 继承的定义和特点2.2 继承内容、成员变量和成员方法的访问特点2.2.1继承内容2.2.2 成员变量的访问特点2.2.3 成员方法的访问方法、方法的重写 2.3 继承中构造方法的访问特点 三、this、super使用总结四、多态4.1 多态的基本概念4.2 多态调…