一个十分好用且美观的vue3后台管理系统框架

news2024/9/21 10:42:39

给大家推荐一个十分好用且美观的vue3后台管理系统框架

码云地址

项目完全开源,另外还给想学习框架搭建的同学,准备了学习视频,价格美丽,保证物美价廉。

试看视频

项目技术栈

  1. Vue3
  2. Vite4
  3. Typescript5
  4. pinia
  5. element plus
  6. Unocss
  7. pnpm 包管理器
  8. 权限菜单支持(前端与后端模式都支持,极大程度简化开发工作)
  9. 4种布局模式随意切换
  10. 布局高度 宽度随意切换
  11. Api 自动引入
  12. Mock 支持
  13. 暗黑模式 支持
  14. i18n 国际化支持
  15. 图标自动引入(iconify万种图标自动且按需引入)
  16. 组件自动引入(components目录下组件自动且按需引入)
  17. 菜单搜索
  18. 全屏
  19. 页面刷新
  20. 动态换肤
  21. VueUse 支持
  22. gzip brotli资源压缩支持
  23. 环境变量配置支持
  24. 统一的代码规范与风格支持
  25. 漂亮的 login 404 页 支持
  26. 配置选择支持
  27. svg-icon支持
  28. 多级缓存
  29. 历史菜单
  30. 面包屑导航
  31. 其余的(请查看app.ts 或者 .env文件 或者assets/styles/globals/layout.scss)

功能展示

明亮模式

暗黑模式

框架设置
主题配色
工具栏
404
登录页

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

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

相关文章

Git的基本操作:分支管理

8 分支管理 这里主要体现的git的功能的分离,这才是真正的git吧。每一个分支都是一个单独的可以分离的工作单位。每个用户可以建立不同的分支进行工作,最终提交到同一个开发分支上。一个用户可以建立不同的分支实现不同的功能,最终提交到同一…

CPU的三级缓存

CPU缓存(Cache Memory)是位于CPU与内存之间的临时存储器,它的容量比内存小的多但是交换速度却比内存要快得多。高速缓存的出现主要是为了解决CPU运算速度与内存读写速度不匹配的矛盾,因为CPU运算速度要比内存读写速度快很多&#…

Python语言学习实战-内置函数filter()的使用(附源码和实现效果)

实现功能 filter()函数是Python的内置函数之一,用于过滤序列中的元素。它接受两个参数:一个是函数,用于判断每个元素是否符合条件;另一个是可迭代对象,包含要过滤的元素。filter()函数返回一个迭代器,其中包…

Spring MVC里的DispatchServlet(结合Spring官网翻译)

Spring MVC里的DispatchServlet 前言1.Spring Web MVC1.1 DispatcherServlet(中央调度器)1.1.1 Context Hierarchy(上下文层次结构)1.1.2 Special Bean Types(特定的bean类型)1.1.3 Web MVC Config1.1.4 Se…

c++基础第三章:数值类型

数值类型 int类型最大最小值 INT_MIN :最小值 INT_MAX :最大值unsigned int 类型最大是: UINT_MAXlong类型的最大最小 LONG_MIN LONG_MAX 无符号的long类型大小 ULONG_MAXlong long 类型大小 LLONG_MIN LLONG_MAX 无符号类型 ULLONG_MAX 整型&am…

npm常用命令系统介绍

npm常用命令系统介绍 npm helpnpm initpackage.json 文件package.json 文件属性说明默认 package.json 文件--参数[-yes|-y]设置 package.json 中字段的默认值package-lock.json 文件 npm [config|c]设置源 npm [install|i]可选参数:全局安装的特性 包的删除npm uni…

蓝桥杯 题库 简单 每日十题 day1

01 空间 本题为填空题,只需要算出结果后,在代码中使用输出语句将所填结果输出即可。 小蓝准备用 256MB 的内存空间开一个数组,数组的每个元素都是 32 位 二进制整数,如果不考虑程序占用的空间和维护内存需要的辅助空间&#xff…

设置HTTP代理隧道

在网络世界中,使用HTTP代理IP可以帮助我们实现一些有趣的功能,比如突破网络封锁、访问被限制的内容、隐藏真实IP等。现在,我将为你详细介绍如何设置HTTP代理服务器,让你轻松掌握这项技能! 步骤一:了解HTTP…

腾讯mini项目-【指标监控服务重构】2023-08-17

今日已办 定位昨日发现的问题 来回测试发现依然出现该问题 将 pub/sub 的库替换为原来官方基于 sarama 的实现,发现问题解决了,所以问题的根本是 kafkago 这个库本身存在问题 依据官方的实现,尝试自定义实现 pub/sub sarama 与 kafka-go …

【Java 基础篇】深入了解Java的File类:文件和目录操作指南

在Java编程中,处理文件和目录是一项常见的任务。Java提供了java.io.File类,用于在文件系统中创建、访问和操作文件和目录。本文将深入探讨Java的File类,向您介绍如何使用它来进行文件和目录的操作,从基础到高级的用法都将一一介绍…

Visual Studio 调试上传文件时自动停止运行的解决方法

进入:选项,项目和解决方案,Web项目, 找到在浏览器窗口关闭时停止调试程序,在调试停止时关闭浏览器 将它不要勾关闭,然后重新启动下Visual Studio,上传文件时就可以调试了

Windows 打包 Docker 提示环境错误: no DOCKER_HOST environment variable

这个问题应该还是比较常见的。 [ERROR] Failed to execute goal io.fabric8:docker-maven-plugin:0.40.2:build (default) on project mq-service: Execution default of goal io.fabric8:docker-maven-plugin:0.40.2:build failed: No <dockerHost> given, no DOCKER_H…

机器视觉Halcon-焊点提取排序设计思路一

目录 一.内容提要①本文是Blob示例之一,利用二值化原理阈值分割的方法,进行焊点检出的思路。二.问题分析及设计思路①.对图形窗口字体设置②.通过亮背景提取暗特征,提取焊点③.图像处理④.显示排序数字一.内容提要 ①本文是Blob示例之一,利用二值化原理阈值分割的方法,进…

GIS前端—Popup标注视图

GIS前端—Popup标注视图 Popup标注视图聚合标注 Popup标注视图 即根据需求实现个性化的弹框标注视图。Leaflet提供了L.Popup对象&#xff0c;用于添加Popup标注视图&#xff0c;通过setLatLng()方法设置Popup标注视图的位置&#xff0c;通过setContent()方法设置Popup标注视图…

Python爬虫如何使用代理IP进行抓取

前言 Python爬虫是一种非常强大的工具&#xff0c;可以用于抓取各种网站的数据。但是&#xff0c;在一些情况下&#xff0c;我们需要使用代理IP来完成数据抓取&#xff0c;如绕过IP限制或保护隐私信息等。本文将介绍如何使用Python爬虫抓取数据时使用代理IP&#xff0c;并提供…

Vuex详解:Vue.js的状态管理方案

&#x1f337;&#x1f341; 博主猫头虎&#xff08;&#x1f405;&#x1f43e;&#xff09;带您 Go to New World✨&#x1f341; &#x1f984; 博客首页——&#x1f405;&#x1f43e;猫头虎的博客&#x1f390; &#x1f433; 《面试题大全专栏》 &#x1f995; 文章图文…

Wordtune:文本编辑工具

【产品介绍】 名称 Wordtune 上线时间 成立于2018年。​ 具体描述 Wordtune是一款基于人类智能的文本编辑工具&#xff0c;它可以帮助用户快速修改和重写英文&#xff0c;以改进文本的清晰度、流畅度和可读性。Wordtune使用先进的自然语言处理技术&#x…

【2023集创赛】加速科技杯作品:高光响应的二硫化铼光电探测器

本文为2023年第七届全国大学生集成电路创新创业大赛&#xff08;“集创赛”&#xff09;加速科技杯西北赛区二等奖作品分享&#xff0c;参加极术社区的【有奖征集】分享你的2023集创赛作品&#xff0c;秀出作品风采&#xff0c;分享2023集创赛作品扩大影响力&#xff0c;更有丰…

【业务功能107】微服务-springcloud-springboot-Sentinel容器安装-熔断降级限流

Sentinel 在微服务架构下&#xff0c;会涉及到 微服务A需要远程调用其他的微服务B,C,D等的接口&#xff0c;比如商品服务接口&#xff0c;需要调用库存服务数据&#xff0c;秒杀服务数据等&#xff0c;这里就会衍生一个长链路的调用过程&#xff0c;那么一旦下游需要被调用的数…

Haproxy负载均衡集群 超详细 (附部署实例)

Haproxy 一、Web集群调度器1.1 常用的Web集群调度器1.2 常用集群调度器的优缺点&#xff08;LVS ,Nginx,Haproxy)1.2.1 Nginx1.2.2 LVS1.2.3 Haproxy 1.3 LVS、Nginx、Haproxy的区别 二、Haproxy2.1 简介2.2 Haproxy的主要特性2.3 Haproxy应用分析2.4 Haproxy的调度算法(负载均…