(vue)适合后台管理系统开发的前端框架

news2024/10/5 18:29:01

(vue)适合后台管理系统开发的前端框架


1、D2admin

开源地址:https://github.com/d2-projects/d2-admin

文档地址:https://d2.pub/zh/doc/d2-admin/

效果预览:https://d2.pub/d2-admin/preview/#/index

开源协议:MIT

在这里插入图片描述

image

2、vue-element-admin

开源地址:https://github.com/PanJiaChen/vue-element-admin

文档地址:https://panjiachen.github.io/vue-element-admin-site/zh/

效果预览:https://d2.pub/d2-admin/preview/#/index

在这里插入图片描述
在这里插入图片描述

3、JEECG-BOOT

开源地址:https://github.com/zhangdaiscott/jeecg-boot

文档地址:https://panjiachen.github.io/vue-element-admin-site/zh/

效果预览:http://boot.jeecg.com/

开源协议:Apache-2.0 License

在这里插入图片描述

4、GIN-VUE-ADMIN

开源地址:https://github.com/flipped-aurora/gin-vue-admin

文档地址:https://www.gin-vue-admin.com/

效果预览:http://demo.gin-vue-admin.com/#/layout/dashboard

开源协议:Apache-2.0 License

在这里插入图片描述

5、vue-admin-beautiful

开源地址:https://github.com/chuzhixin/vue-admin-beautiful

文档地址:https://www.gin-vue-admin.com/

效果预览:http://beautiful.panm.cn/

开源协议:MPL-2.0 License

在这里插入图片描述
在这里插入图片描述

6.Dcat-admin

开源地址:https://github.com/jqhph/dcat-admin

文档地址:http://www.dcatadmin.com/

效果预览:http://103.39.211.179:8080/admin

开源协议:MIT License

在这里插入图片描述

7、RuoYi

开源地址:https://gitee.com/y_project/RuoYi

文档地址:https://doc.ruoyi.vip/

效果预览:https://vue.ruoyi.vip/index

开源协议:MIT License

在这里插入图片描述

在这里插入图片描述

8、renren-fast-vue

开源地址:https://gitee.com/renrenio/renren-fast-vue

文档地址:https://www.renren.io/guide

效果预览:http://demo.open.renren.io/renren-fast/#/home

开源协议:MIT License

在这里插入图片描述
在这里插入图片描述

9、ant-design-pro

开源地址:https://github.com/ant-design/ant-design-pro

文档地址:https://pro.ant.design/index-cn/

效果预览:https://pro.ant.design/

开源协议:MIT License

在这里插入图片描述

10、iview-admin

开源地址:https://github.com/iview/iview-admin

文档地址:https://lison16.github.io/iview-admin-doc/

效果预览:https://admin.iviewui.com/home

开源协议:MIT License

在这里插入图片描述

在这里插入图片描述

11、material-dashboard

开源地址:https://github.com/creativetimofficial/material-dashboard#demo

文档地址:https://demos.creative-tim.com/material-dashboard/docs/2.1/getting-started/introduction.html

效果预览:https://demos.creative-tim.com/material-dashboard/examples/dashboard.html

开源协议:MIT License

在这里插入图片描述

在这里插入图片描述

12、EAdmin

开源地址:https://github.com/suruibuas/eadmin

文档地址:http://doc.eadmin.com.cn/

效果预览:http://www.eadmin.com.cn/

开源协议:无

在这里插入图片描述

在这里插入图片描述




解决参考:

https://zhuanlan.zhihu.com/p/505287891
https://zhuanlan.zhihu.com/p/386751334?utm_id=0

在这里插入图片描述

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

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

相关文章

通过Apple Configurator 2导出iOS ipa包

通过Apple Configurator 2导出iOS ipa包 安装Apple Configurator 2 从Mac AppStore安装Apple Configurator 2 下载ipa 准备工作: 1、 电脑已经安装了Apple Configurator 2 2、 手机已经安装了目标软件 3、 Apple 账号已经下载过目标软件 打开后连接设备&#xf…

Node.js安装及环境配置详细教程

一、下载Node.js安装包 官网下载链接[点击跳转] 建议下载LTS版本(本教程不适用于苹果电脑) 二 、安装Node.js 2.1 下载好安装包后双击打开安装包,然后点击Next 2.2 勾选同意许可后点击Next 2.3 点击Change选择好安装路径后点击Next&#…

基于springboot实现在线考试系统项目【项目源码+论文说明】计算机毕业设计

基于springboot实现在线考试系统演示 摘要 时代在变化,科技技术以无法预测的速度在达到新的高度,并且被应用于社会生活的各个领域,随着生活的加快,也使很多潜在的点逐渐突显出来,社会对于人才的要总是非常迫切的&…

Claude 3 模型发布,压力来到OpenAI这边了~

Anthropic 发布了 Claude 3 系列,包含了三款模型 各具特色,旨在为用户提供更智能、更快速、更高效的选择,可以说是是迄今为止最快、最强大的人工模型! Anthropic 一度是 OpenAI 最强力的竞争对手! 随着 Claude3 的发…

优优嗨聚集团:美团代运营服务,商家增长的新引擎

在当今数字化时代,线上平台已成为商家拓展业务、提升品牌影响力的重要渠道。美团作为国内领先的本地生活服务平台,拥有庞大的用户群体和丰富的商业资源。然而,对于许多商家而言,如何在美团平台上进行有效运营,实现业务…

java核心面试题汇总

文章目录 1. Java1.1. TCP三次握手/四次挥手1.2 HashMap底层原理1.3 Java常见IO模型1.4 线程与线程池工作原理1.5 讲一讲ThreadLocal、Synchronized、volatile底层原理1.6 了解AQS底层原理吗 2. MySQL2.1 MySQL索引为何不采用红黑树,而选择B树2.2 MySQL索引为何不采…

【中国电信】光猫 PT632 使用超管权限修改 IP 地址租期时间

背景 由于光猫默认设置的动态 IP 租期是 24 小时,所以每天都会断网一次,严重影响用网体验,所以打算通过修改动态 IP 租期为 一周(最长就一周,没有永久的选项)来改善。 需求 一台电脑(已开启 …

Git保姆级使用教程

一、版本控制 1.1 团队开发问题 企业项目一般以团队形式实施开发,那团队开发中会出现哪些问题呢? 小明负责的模块就要完成了,就在即将Release之前的一瞬间,电脑突然蓝屏,硬盘光荣牺牲!几个月来的努力付之…

【OBS】obs-websocket实战技巧,让你更快的了解OBS

▒ 目录 ▒ 🛫 导读开发环境 1️⃣ 修改OBS-web源码2️⃣ 常用api汇总获取输入源类型列表获取输入源列表获取属性列表打开输入源属性设置框获取设置输入源静音状态获取特殊输入源设置(全局音频设备)打开输入源属性设置框 🛬 文章小…

vue3 ts setup 组合式API 使用教程

vue3中新增了组合式API,本文讲解组合式API setup 的使用 关于setup 的出现和 vue3 js setup 的使用,笔者已经在2022年的文章中说明,这里不再赘述,需要的朋友可以阅读:《vue3 setup 使用教程》 官网文档:h…

MobaXterm无法上传整个文件夹,只能上传的单个文件

问题描述: 本来想使用MobaXterm上传.vscode文件夹上传到服务器,但是选择文件夹打开后只能选择文件夹下面的子文件无法上传整个文件。 解决方案: 1、简单暴力 2、压缩后解压

8个优秀的CSS实践,开发web应用

HTML面试题部分 1.H5的新特性有哪些 2.Label的作用是什么?是怎么用的? 3.HTML5的form如何关闭自动完成功能 4.dom如何实现浏览器内多个标签页之间的通信? 5.实现不使用 border 画出1px高的线,在不同浏览器的标准模式与怪异模式下都 能保持一…

STM32FreeRTOS-事件组1(STM32Cube高效开发教程)

文章目录 一、事件组的原理和功能1、事件组与队列信号量特点2、事件组存储结构3、事件组运行原理 二、事件组部分函数1、xEventGroupCreate()创建事件组函数2、xEventGroupSetBits()事件组置位函数3、xEventGroupSetBitsFromISR()…

PCM会重塑汽车OTA格局吗(2)

目录 1.概述 2. PCM技术视角下的OTA 3.小结 1.概述 上一篇文章,我们着重讲解了OTA的概述内容,和意法半导体推出的跨域融合MCU的四大特征,其中就包含了OTA技术。 他们针对OTA做了比较创新的设计,在总的可用memory容量不变情况…

【go语言开发】yaml文件配置和解析

本文主要介绍使用第三方库来对yaml文件配置和解析。首先安装yaml依赖库;然后yaml文件中配置各项值,并给出demo参考;最后解析yaml文件,由于yaml文件的配置在全局中可能需要,可定义全局变量Config,便于调用 文…

【基于HTML5的网页设计及应用】——float实现页面布局

🎃个人专栏: 🐬 算法设计与分析:算法设计与分析_IT闫的博客-CSDN博客 🐳Java基础:Java基础_IT闫的博客-CSDN博客 🐋c语言:c语言_IT闫的博客-CSDN博客 🐟MySQL&#xff1a…

Nodejs 第五十章(lua的基本使用)

lua基本使用 全局变量局部变量 全局变量是在全局作用域中定义的变量,可以在脚本的任何地方访问。全局变量在定义时不需要使用关键字,直接赋值即可。 xiaoman xmzsprint(xiaoman)局部变量是在特定作用域内定义的变量,只能在其所属的作用域…

MySQL从入门到实战

MySQL从入门到实战 1.连接数据库 在操作数据库之前,需要连接它,输入命令:mysql -u用户名 -p密码。 2.创建数据库 创建完数据库之后我们可以通过show databases;命令查看MySQL中已存在的数据库。[请注意:数据库名区分大小写。] 3…

什么是聚簇索引与非聚集索引和区别?

什么是聚簇索引与非聚集索引和区别? 按物理存储分类:InnoDB的存储方式是聚集索引,MVISAM的存储方式是非聚集索引 test innodb.frm 测试 innodb.ibd Frame表结构 数据表索引数据 test myisam.frm ---->Frame表结构test myisam.MYD_---数据表数据test_myisam.MYl-…

vue-路由跳转和路由传参!!!

需求&#xff1a;在修改商品时&#xff0c;会进行页面跳转&#xff0c;通过点击修改按钮进行页面跳转。这时我们需要将商品的id携带过去 一、首先我们在查询页面实现路由跳转并携带参数。 1.1、修改按钮 <el-button type"primary" size"small" click&qu…