5个好看的vue3后台管理模板

news/2025/1/16 3:54:49/文章来源:https://www.cnblogs.com/fqh123/p/18340943

-

1.SoybeanAdmin  https://soybeanjs.cn

简介

SoybeanAdmin 是一个清新优雅、高颜值且功能强大的后台管理模板,基于最新的前端技术栈,包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。

  • 采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技术栈。
  • 采用 pnpm monorepo 架构,结构清晰,优雅易懂。
  • 遵循 SoybeanJS 规范,集成了eslint, prettier 和 simple-git-hooks,保证代码的规范性。
  • 支持严格的类型检查,提高代码的可维护性。
  • 内置多样的主题配置,与 UnoCSS 完美结合。

 

2.vue-admin-better    https://vuejs-core.cn/shop-vite/#/index

  • 简介

    国内首个纯净的 vue3 admin框架,同时支持电脑,手机,平板。

  • 40+高质量单页
  • RBAC 模型 + JWT 权限控制
  • 10 万+ 项目实际应用
  • 良好的类型定义
  • 开源版本支持免费商用
  • 跨平台 PC、手机端、平板
  • 后端路由动态渲染

 

3.vue-pure-admin  https://pure-admin.github.io/vue-pure-admin/#/welcome

  • 简介

    vue-pure-admin 是一款开源免费且开箱即用的中后台管理系统模版。

  • 稳定中求创新,技术中见未来
  • 提供 Tauri 和 Electron 版本
  • 移动端适配
  • 完全采用ECMAScript 模块(ESM)规范来编写和组织代码
  • 使用了最新的 Vue3、 Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等主流技术开发

 

4.Gin-Vue-Admin  https://www.gin-vue-admin.com

  • 简介

    Vite+Vue3+Gin的开发基础平台,支持TS和JS混用。

  • 基于 vue 和 gin 开发的全栈前后端分离的开发基础平台,集成jwt鉴权,动态路由,动态菜单。
  • 集成表单生成器,代码生成器【可AI辅助】等功能,提供多种示例文件,让您把更多时间专注在业务开发上。
  • 预制多种系统管理功能,方便直接上手。

 

大家好,我是徐徐。今天给大家推荐 5 个 Vue3 管理后台模版,希望大家喜欢。

1.SoybeanAdmin

image.png

简介

SoybeanAdmin 是一个清新优雅、高颜值且功能强大的后台管理模板,基于最新的前端技术栈,包括 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS。

  • 采用 Vue3, Vite5, TypeScript, Pinia 和 UnoCSS 等最新流行的技术栈。
  • 采用 pnpm monorepo 架构,结构清晰,优雅易懂。
  • 遵循 SoybeanJS 规范,集成了eslint, prettier 和 simple-git-hooks,保证代码的规范性。
  • 支持严格的类型检查,提高代码的可维护性。
  • 内置多样的主题配置,与 UnoCSS 完美结合。

    地址

    https://soybeanjs.cn

    2.vue-admin-better

    image.png

    简介

    国内首个纯净的 vue3 admin框架,同时支持电脑,手机,平板。

  • 40+高质量单页
  • RBAC 模型 + JWT 权限控制
  • 10 万+ 项目实际应用
  • 良好的类型定义
  • 开源版本支持免费商用
  • 跨平台 PC、手机端、平板
  • 后端路由动态渲染

    地址

    https://vuejs-core.cn/shop-vite/#/index

    3.vue-pure-admin

    image.png

    简介

    vue-pure-admin 是一款开源免费且开箱即用的中后台管理系统模版。

  • 稳定中求创新,技术中见未来
  • 提供 Tauri 和 Electron 版本
  • 移动端适配
  • 完全采用ECMAScript 模块(ESM)规范来编写和组织代码
  • 使用了最新的 Vue3、 Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等主流技术开发

    地址

    https://pure-admin.github.io/vue-pure-admin

    4.Gin-Vue-Admin

    image.png

    简介

    Vite+Vue3+Gin的开发基础平台,支持TS和JS混用。

  • 基于 vue 和 gin 开发的全栈前后端分离的开发基础平台,集成jwt鉴权,动态路由,动态菜单。
  • 集成表单生成器,代码生成器【可AI辅助】等功能,提供多种示例文件,让您把更多时间专注在业务开发上。
  • 预制多种系统管理功能,方便直接上手。

  • 5.vue-vben-admin    https://vben.vvbin.cn

  • 简介

    Vue Vben Admin 是一个免费开源的中后台模版。使用了最新的vue3、vite5、TypeScript等主流技术开发,开箱即用的中后台前端解决方案,也可用于学习参考。

  • 可配置的主题
  • 内置完善的国际化方案
  • 内置 Mock 数据方案
  • 内置完善的动态路由权限生成方案
  • 二次封装了多个常用的组件

 

 

 

-

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/777310.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

(全)Python 的虚拟环境构建和jupyter notebook 中虚拟环境切换

1、 在开始菜单打开Anaconda Prompt(anaconda3) 2、 构建虚拟环境语法:conda create --name 虚拟环境名字 python=版本号 conda create --name py38_env02 python=3.83、激活虚拟环境 语法: conda activate 虚拟环境名称 4、环境变量的配置 “我的电脑”→右键→ 属性 …

2. vite 构建项目

目录vite 构建项目1 安装node.js2 创建项目 vite 构建项目 1 安装node.js 下载链接 https://nodejs.p2hp.com/ 版本需大于 18.0 查看版本 node -v 添加环境变量npm(包管理工具, 类似于python的pip) npm -g (查看包安装位置) npm install (安装在项目的node_model下) npm inst…

[vue3] patchFlags与位运算

Vue 3在编译template过程中,会通过patchFlags优化虚拟DOM更新,提升性能。这些标志通过位运算进行操作,包括动态文本、类、样式、属性、静态提升等。patchFlags的使用极大地提高了diff算法的效率。Vue3在编译template的过程中会分析模板中的动态部分和静态部分,并标记相应的…

进度报告10

(1)1.代码块2.继承:用extends关键字,不支持多继承

2024-08-03:用go语言,给定一个从 0 开始的字符串数组 `words`, 我们定义一个名为 `isPrefixAndSuffix` 的布尔函数,该函数接受两个字符串参数 `str1` 和

2024-08-03:用go语言,给定一个从 0 开始的字符串数组 words, 我们定义一个名为 isPrefixAndSuffix 的布尔函数,该函数接受两个字符串参数 str1 和 str2。 当 str1 同时是 str2 的前缀和后缀时,函数返回 true;否则返回 false。 例如,isPrefixAndSuffix("aba", …

AGC064B 题解

设红色的点值为 0,蓝色为 1。 注意到,如果有一条边的颜色和两端点同色,一定可以选。例子:选择和两端点同色的边。 又发现,如果存在一个 \(sz>1\) 的合法连通块,无论和其他点怎么连,原来的这个连通块内的点一定合法。 有注意到形如 \(0\xleftrightarrow 10,1\xleftrig…

Java源码:泡泡堂

学习java朋友们,福利来了,今天小编给大家带来了一款泡泡堂源码。此源码仅供学习使用!! 源码搭建和讲解 代码简介包名称类描述com.whh.frame MyJFrame.java 显示窗体、绑定监听、启动线程com.whh.frame MyJPanel.java 不断读取人物信息com.whh.main GameStart.java 游戏入口…

24暑假集训day5上午

图论 差分约束 有 \(𝑛\) 个整数变量 \(𝑥_1∼𝑥_𝑛\)。 给定一些形如 \(𝑥_𝑖+𝑐≥𝑥_𝑗\) 的限制。问有没有可行解,如有输出方案。 例如 \(𝑥_1−1≥𝑥_2,𝑥_2≥𝑥_3,𝑥_3≥𝑥_1\) 就无解。 在单源最短路问题中,如果存在一条 \(𝑖→𝑗\)…

24暑假集训day4上午下午

基础图论 图的存储方式 无向边可以拆成两条有向边 1. 邻接矩阵 邻接矩阵:若 \(𝑖→𝑗\) 存在有向边,则令矩阵 \(𝐴[𝑖][𝑗]=1\)。 遍历一个点的所有出边是 \(𝑂(𝑛)\) 的。 空间复杂度 \(𝑂(𝑛^2 )\)。 总结:复杂度太高,尽量不使用 bool hasEdge[MAXN][M…

微客在线客服系统-连接一切客户

嘿,朋友们,我是微客客服,一个全能的在线客服小能手。今天,我要给大家秀一秀我的超能力——多渠道对接! 想象一下,你的企业就像一个繁忙的交通枢纽,客户咨询就像来来往往的车辆,而我,就是那个指挥交通的智能信号灯。我能帮你把客户咨询引导到正确的地方,让一切沟通都井…

Overleaf中插入pdf图片只显示图片路径的解决方式

最近在用Overleaf写一篇论文,使用IEEE的LaTex模板时发现一个问题,我使用pdfLaTex编译器无法正确显示我插入的pdf图片,网上翻解决方式没有翻到,误打误撞解决了这个问题,问题如下图所示: 即只在图片区域显示路径,不显示图片本身,解决方案是: 在右侧设置里找到编译模式,…

RHCSA 考试试题解析

1.登录测试机初始化 red bule主机 rht-vmctl reset red rht-vmctl reset blue