若依vue ruoyi-vue ant design版本使用

news2024/11/28 0:58:42

若依vue默认是使用element ui的,但是现在大部分项目都用ant design,ant design的组件也比element多,所以最近有想更改成ant design。网上搜了一下,已经有现成的了。

RuoYi-Antdv

https://gitee.com/fuzui/RuoYi-Antdv
RuoYi-Antdv,使用RuoYi-Vue作为后端,改其原有Element Ui为Ant Design Vue。将会持续完全适配RuoYi-Vue。
与Ant Design 相比,更简化了,去掉了国际化和mock,重写了permission、Prolayout,增加了FooterToolBar,加上了若依具有的管理后台所需要的一些功能。

界面截图

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

main.js对比:ant design pro(左),RuoYi-Antdv(右)

在这里插入图片描述

aidex-sharp

https://gitee.com/big-hedgehog/aidex-sharp

AiDex Sharp 快速开发平台 基于著名的开源项目“ 若依-RuoYi-Vue ”改造而成,追求 极致的UI交互体验 和 快速开发 ,一切向 效率 看齐, 重构优化 后端的代码,对前端页面进行了 美化 。 我们将持续升级,持续完善,欢迎友友们收藏和点赞 。

前端应该是基于RuoYi-Antdv改造的。基于RuoYi-Vue和Ant Design Vue Pro的结合,并进行了UI交互的深度改造。

前端代码位置

在这里插入图片描述

页面截图

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

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

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

相关文章

【scala】第二章——Scala 变量和数据类型

文章目录1 注释2 变量和常量(重点)3 标识符的命名规范4 字符串输出5 键盘输入6 数据类型(重点)7 整数类型(Byte、Short、Int、Long)8 浮点类型(Float、Double)9 字符类型&#xff08…

1秒钟搞懂tee和vim文件的使用命令(超级详细)

1秒钟搞懂tee和vim文件的使用命令(超级详细)一,tee的具体使用1,tee用来显示屏幕并且保存在文件中2,(|)管道符用来覆盖上一文件内容3,-a用来追加文件内容二,vim的命令模式…

[附源码]计算机毕业设计JAVA教室用电控制系统

[附源码]计算机毕业设计JAVA教室用电控制系统 项目运行 环境配置: Jdk1.8 Tomcat7.0 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技术: SSM mybati…

如何把图片文字转换成文字?图片转文字方法推荐

我们在上课的时候,常常会跟不上老师的板书,这时候我们就会对一些来不及记录的板书,拍成图片保存下来,等到课后再进行整理。可是当图片积累的过多的时候,再一张一张的进行抄写,就会很浪费时间和精力了。但其…

诚邀莅临 | 天奥智能参展第86届中国国际医疗器械博览会

11月23-26日,第86届中国国际医疗器械博览会(CMEF)在深圳国际会展中心(宝安新馆)隆重举办。本届大会以“创新科技、智领未来”为主题,吸引了超过4000家国内外医疗器械、医用耗材、医疗机器人等企业参会。 南…

机器学习参数|数学建模|自相关性

目录 1.定义和影响 1.1自相关性产生的原因 1.2自相关的后果 2.减小影响方法 2.1如何判断数据存在自相关性 a.用相关计量软件 b.Durbin-Watson Statistics(德宾-瓦特逊检验) c.Q-Statistics 以(box-pierce)- Eviews(7th version第七版本)为例子 2.2如何减弱模型的自相关…

pytorch使用GPU加速--windows11,GTX1650Super

使用的都是anaconda创建的环境 1.软件准备 下载cuda 查看自己的显卡驱动–进入NVIDIA的控制面板 然后根据显卡驱动下载对映的cuda 查看的网址 下载cuda的网址 下载cuDNN NVIDIA cuDNN是用于深度神经网络的GPU加速库。它强调性能、易用性和低内存开销。 cudnn下载网址 这个下…

使用CAPL 内置函数 memcpy 和memcmp 处理数组的若干问题

🍅 我是蚂蚁小兵,专注于车载诊断领域,尤其擅长于对CANoe工具的使用🍅 寻找组织 ,答疑解惑,摸鱼聊天,博客源码,点击加入👉【相亲相爱一家人】🍅 玩转CANoe&…

树状数组学习

树状数组简介 树状数组,用于维护和查询前缀和,与线段树功能类似。树状数组代码短,常数和空间小,时间复杂度小,所以这也是一个十分优秀的算法。 设a[i]a[i]a[i]为原数组上的点,s[i]s[i]s[i]为树状数组中各点…

WordPress管理仪表板:在15分钟内成为WordPress专家

WordPress管理仪表板是内容管理系统 (CMS)的核心和灵魂。在这里,您可以监督网站的各个方面,从配置基本设置到发布内容、安装插件和主题等等。如果您不熟悉 WordPress 管理仪表板,您将很难管理网站。 了解如何使用仪表板比您想象的要容易。所有…

PixiJs学前篇(三):Canvas基础【下篇】

前言 在上一篇文章 PixiJs学前篇(二):Canvas基础【中篇】 中我们了解了Canvas的基本绘制形状,接下来我们看一下如何在 Canvas 中绘制文本。 绘制文本 文本的绘制也是 Canvas 中也是比较常见的,在 Canvas 的绘制中&a…

STC51单片机36——51单片机简单分两路控制步进电机

按键控制步进电机正反转一定设置的角度,比如一圈360度,按一次30度,一起12档。分两路控制,4个加减按键,一个按键控制复位,每路控制输出tb6600驱动器驱动两个42电机同步。同时数码管显示出来每次按键加减后的…

FastDFS(分布式文件管理系统)

一、简介 解决了大容量的文件存储和高并发访问的问题,文件存取时实现了负载均衡。 FastDFS服务端只有两个角色,tracker server和storage server。 所有同角色服务器集群节点都是平等的,不存在主从关系(Master-Slave)…

golang爬虫练习-抓取行业信息分类

抓取框架介绍 gathertool gathertool是golang脚本化开发库,目的是提高对应场景程序开发的效率;轻量级爬虫库,接口测试&压力测试库,DB操作库等。 地址: https://github.com/mangenotwork/gathertool 下载: go get …

醛肽:Gly-Phe-Gly-aldehyde、102579-48-6

可逆组织蛋白酶 B 抑制剂 GFG-醛缩氨基脲已用于通过亲和层析从日本血吸虫中纯化组织蛋白酶 B 样蛋白酶 Sj31,并用于从疟原虫物种中分离恶性疟原虫。编号: 200138 中文名称: 三肽Gly-Phe-Gly-aldehyde CAS号: 102579-48-6 单字母: H2N-GFG-CHO 三字母: H2N-Gly-Phe-G…

Docker网络管理

目录 一、Docker 网络实现原理 二、Docker 的网络模式 1.四种网络模式 2.各网络模式详解 (1)Host模式 (2)Container模式 (3)None模式 (4)Bridge模式 3.指定容器网络…

常用的实体类转换方式 - BeanUtil | MapStruct

0. 相关依赖:1. 实体类信息:2. BeanUtil方法转换:2.1. 实体类转实体类(copyProperties):2.2. 实体类集合转实体类集合(copyToList):2.3. 实体类集合转Map(bea…

java泛型类型解释

文章目录1、Class<T>使用写法2、常见字母含义举例说明3、object.getClass()和Object.class的区别举例说明1、Class 使用写法 mongoTemplate.findAll(Customer.class); 2、常见字母含义 E - Element (在集合中使用&#xff0c;因为集合中存放的是元素) T - Type&#x…

css修改滚动条样式

有一说一 系统默认的滚动条确实不是很美观 那么我就来带着大家修改一下他的样式 ::-webkit-scrollbar 设置整个滚动条的样式 一般用于设置宽度 你要跟什么元素加 就 元素::-webkit-scrollbar 例如你想 给body 就 body::-webkit-scrollbar ::-webkit-scrollbar-track 设置滚…

一周活动速递|Paper Time第五期;技术征文大赛即将收官

今天周一&#xff0c;小编为大家准时带来 「OceanBase 一周活动速递」 &#xff0c;活动按时间排序&#xff0c;欢迎大家关注&#xff01; Paper Time&#xff1a;基于无服务计算的机器学习方法 01 基本安排 时间&#xff1a; 11 月 23 日&#xff08;周三&#xff09;19:00-2…