首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

​年终盘点: 复盘20+基于React开源管理后台&插件

1.Fusion Design Fusion DesignAnt Design团队推出一套设计规范,旨在提供一致用户体验。...项目功能: 企业级中后台设计系统解决方案:基于对阿里集团中后台业务总结和抽象,提供了一套开箱即用核心模式 强大配置平台,轻松维护品牌统一:通过设计系统站点,统一管理设计物料和前端物料;使用 Design...Ant Motion Ant Motion 是Ant Design 中提炼出来动效语言。...主题切换:普通、暗黑主题模式 Mock 数据:内置 Mock 数据方案 用户管理:登录、登出演示、账号管理 权限管理:路由权限(动态路由)、组件权限(按钮) 多代理配置:开发环境(development...,新增编辑表单) 按业务模块划分目录结构,开发独力功能无需分心其它模块,做到最小耦合 19.Shards Dashboard Lite React Shards Dashboard Lite React

44210
您找到你想要的搜索结果了吗?
是的
没有找到

9个值得推荐 VUE3 UI 框架

Ant Design Vue Ant Design Vue 是一个非常成熟框架,使用 Ant Design Vue 创建用户界面非常简单,这些组件可以适应各种图标样式、字体和黑色主题。...Vue3 上 Ant Design 包更小,感觉更轻,并且支持 SSR(还包括组合API),Ant Design 拥有成熟复杂组件,如数据表、统计框、pop确认、模态和弹出窗口。...Ant Design Vue GitHub 上拥有 15k+ 颗星,每周下载量为 49k,数据已经说明了它受欢迎程度。...BalmUI 发展非常迅速,如果想使用 Material Design 风格,使用复杂内置指令( debouncing 和 UI 波纹)创建自定义组件能派上用场,那么它非常适合 Vue3 项目。...组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等密码表单。PrimeVUE 甚至还集成了一个表单验证库 Vuelidate。

4.4K30

9 个值得推荐 VUE3 UI 框架

Vue3 上 Ant Design 包更小,感觉更轻,并且支持 SSR(还包括组合API),Ant Design 拥有成熟复杂组件,如数据表、统计框、pop确认、模态和弹出窗口。...Ant Design Vue GitHub 上拥有 15k+ 颗星,每周下载量为 49k,数据已经说明了它受欢迎程度。...BalmUI 发展非常迅速,如果想使用 Material Design 风格,使用复杂内置指令( debouncing 和 UI 波纹)创建自定义组件能派上用场,那么它非常适合 Vue3 项目。...PrimeVUE 拥有 80 多个组件,证明自己是此列表中组件范围最广框架之一。 组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等密码表单。...PrimeVUE 甚至还集成了一个表单验证库 Vuelidate。附带了预先制作主题,并提供了一个成熟可视化编辑器,帮助开发人员定制自己主题。

5.7K30

jeecg-boot

采用前后端分离架构:SpringBoot,Mybatis,Shiro,JWT,Vue&Ant Design。...JeecgBoot提高UI能力同时,降低了前后分离开发成本,JeecgBoot还独创在线开发模式(No代码概念),一系列在线智能开发:在线配置表单、在线配置报表、在线图表设计、在线设计流程等等。...目前提供四套风格模板(单表两套、一对多两套) 4.封装完善用户、角色、菜单、组织机构、数据字典、在线定时任务等基础功能,支持访问授权、按钮权限、数据权限等功能 5.常用共通封装,各种工具类(定时任务,...其他说明 项目使用 vue-cli3, 请更新您 cli 关闭 Eslint (不推荐) 移除 package.json 中 eslintConfig 整个节点代码 修改 Ant Design 配色...,文件 vue.config.js 中,其他 less 变量覆盖参考 ant design 官方说明   css: {     loaderOptions: {       less: {

7.6K10

两步实现让antd与IDE和睦相处处理案例

为了解决 Taier 中需要开发 Web IDE 和大量传统表单表格问题,我们不得不同时引入 Ant Design 和 Molecule。...,: 配置完上述属性后,Ant Design 所有组件用到主品牌色就被修改成了 #3f87ff 这个颜色。...除此之外,我们还修改了其他一些样式使 Ant Design 整体风格更偏向 Molecule,圆角属性,超链接属性等。 除了主题色修改以外,还需要解决动态主题色适配问题。...: 以上代码大致意思是,当 Molecule 主题发生改变时候,如果改变后主题是暗黑主题,那么我们就加载 Ant Design 暗黑主题风格样式文件,否则我们移除 Ant Design...例如在开发任务管理,为了解决页面之间来回切换跳转问题,我们通过将任务管理添加到 Molecule 菜单栏中,并且监听菜单栏事件后打开 Ant Design 抽屉组件渲染不同组件内容。

1.1K30

2021年最佳VUE3 UI框架推荐

Vue3 上 Ant Design 包更小,感觉更轻,并且支持 SSR(还包括组合API),Ant Design 拥有成熟复杂组件,如数据表、统计框、pop确认、模态和弹出窗口。...Ant Design Vue GitHub 上拥有 15k+ 颗星,每周下载量为 49k,数据已经说明了它受欢迎程度。...BalmUI 发展非常迅速,如果想使用 Material Design 风格,使用复杂内置指令( debouncing 和 UI 波纹)创建自定义组件能派上用场,那么它非常适合 Vue3 项目。...PrimeVUE 拥有 80 多个组件,证明自己是此列表中组件范围最广框架之一。 组件包括带有仪表、滑块、树、图形、拆分按钮、旋钮、图表等密码表单。...PrimeVUE 甚至还集成了一个表单验证库 Vuelidate。附带了预先制作主题,并提供了一个成熟可视化编辑器,帮助开发人员定制自己主题。

4.1K20

JeecgBoot低代码开发平台 3.5.3 版本发布,Online功能专题升级

前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue3,Mybatis-plus,Shiro,JWT 支持微服务。强大代码生成器让前后端代码一键生成!...vue3版online报表配置数据权限失效问题 #4534【online表单】字段权限 勾选后不保存,关闭再次打开 还是选中状态【online表单】权限管理 开启按钮后,角色授权中显示,当关闭,再打开角色权限仍然显示...表单】权限管理 开启按钮后,角色授权中显示,当关闭,再打开角色权限仍然显示,需刷新页面才不显示【online表单】issues/4431 java增强功能使用报错 #4431【online表单】表类型是主表但是没有配置子表...”按钮控制问题 #334Online表单,一对多,详情模式下,附表显示列表第一列错位 #317在线测试中点击行数据编辑,无法转义字典字段 #4751使用online表单同步工具同步数据后同步数据库时报错...采用最新主流前后分离框架(SpringBoot+Mybatis-plus+Ant-Design+Vue),容易上手; 代码生成器依赖性低,灵活扩展能力,可灵活实现二次开发;开发效率很高,采用代码生成器

46220

JeecgBoot 3.5.1 版本发布,开源企业级低代码平台

前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue3,Mybatis-plus,Shiro,JWT 支持微服务。强大代码生成器让前后端代码一键生成!...#4358修复356候引入回归错误 JPopupOnlReportModal.vue 中未修改 #426部门全部勾选后,点击确认按钮,部门信息丢失 #4646jeecgboot-vue3中选择用户...#4550表单中使用v-model:value绑定JSelectDept组件无法清除已选择数据!...#430auto-poi 1.3.6 导入2007 xlsx 格式失败, 导入2003 xls 格式正常 #4225暗夜模式不完整,有bug #448online在线表单(一对多),对子表记录进行新增或编辑...采用最新主流前后分离框架(SpringBoot+Mybatis-plus+Ant-Design+Vue),容易上手; 代码生成器依赖性低,灵活扩展能力,可灵活实现二次开发;开发效率很高,采用代码生成器

1K10

Mock17-Antd高级模板组件ProComponents

升级好最新前端框架后,让我们回到Mock服务前后端配置服务开发中,最开始我们已经学会了Antd pro中后台框架创建,以及使用Ant Design组件进行布局式开发前端页面。...ProComponents ProComponents 是基于 Ant Design 而开发模板组件,提供了更高级别的抽象支持,开箱即用。...}} > ); }; 页面渲染就会直接呈现一个带有功能按钮表单组合模块...对象中必须要有 data 和 success,如果需要手动分页 total 也是必需。request 会接管 loading 设置,同时查询表单查询和 params 参数发生修改时重新执行。...formRef 是否显示搜索表单,传入对象为搜索表单配置 search 是否显示搜索表单,传入对象为搜索表单配置 onSubmit 提交表单触发 其他属性和参数配置,参考之前讲解antd组件使用方式

18310

GitHub 近两万 Star,无需编码,可一键生成前后端代码,这个开源项目有点强!

前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT,支持微服务。...JeecgBoot 引领新低代码开发模式(OnlineCoding-> 代码生成器-> 手工MERGE), 帮助解决Java项目70%重复工作,让开发更多关注业务。...同时实现了流程与表单分离设计(松耦合)、并支持任务节点灵活配置,既保证了公司流程保密性,又减少了开发人员工作量。...(经过封装,使用简单) │  └─在线code编辑器 │  └─上传文件组件 │  └─验证码组件 │  └─树列表组件 │  └─表单禁用组件 │  └─等等 │─更多页面模板 │  ├─各种高级表单...vue-cli3, 请更新您 cli 关闭 Eslint (不推荐) 移除 package.json 中 eslintConfig 整个节点代码 修改 Ant Design 配色,文件 vue.config.js

2K40

JeecgBoot 3.4.2 版本发布,Vue3版本大升级

前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT 支持微服务。强大代码生成器让前后端代码一键生成!...Vue3 UI升级升级ant-design-vue到3.2.12、升级vite等前端依赖升级antd3后,moment全部替换为dayjswebsocket功能优化表单支持右侧嵌入评论区、附件区代码格式化调整自动检查....ant-tabs-bar —> .ant-tabs-nav下拉类型SelectTypes更名为SelectValue更多升级日志见 从 ant-design-vue 2.x 版本升级到 ant-design-vue...采用最新主流前后分离框架(SpringBoot+Mybatis-plus+Ant-Design+Vue),容易上手; 代码生成器依赖性低,灵活扩展能力,可灵活实现二次开发;开发效率很高,采用代码生成器...强大权限机制,支持访问授权、按钮权限、数据权限、表单权限等零代码在线开发能力,在线配置表单、在线配置报表、在线配置图表、在线设计表单常用共通封装,各种工具类(定时任务,短信接口,邮件发送,Excel导入导出等

2.1K30

JeecgBoot 2.4.2 积木报表版本发布,基于 Spring Boot 低代码平台

前后端分离架构 SpringBoot2.x,SpringCloud,Ant Design&Vue,Mybatis-plus,Shiro,JWT 支持微服务。强大代码生成器让前后端代码一键生成!...,简化代码 自定义组件改成全局注册,省去了组件手工引入 升级ant-design-vue到最新1.7.2 CardList列表加载不出来处理 消除路由编辑界面添加path报错 用户编辑头像为空情况下,...6-16位数字实际可输入18位数字 单表及行编辑 【Online表单权限】行编辑问题,一对多子表,子表'新增' '删除' 按钮未控制 【Online】sql增强 java增强配置页面修改成列表方式 【...列表自定义项,弹出popover会随columns个数及title长度而不合理地变宽 #2030 生成表单复制到项目内,如果菜单配置为一级菜单后,各一级菜单切换,页面刷新有问题 #1843 首页点击其他菜单跳转页面...采用最新主流前后分离框架(SpringBoot+Mybatis-plus+Ant-Design+Vue),容易上手; 代码生成器依赖性低,灵活扩展能力,可灵活实现二次开发; 开发效率很高,采用代码生成器

1.9K30

iOS音视频接入 - TRTC实时屏幕分享

单击【Certificates, IDs & Profiles】。 右侧界面中单击加号。 选择【App Groups】,单击【Continue】。...弹出表单中填写 Description 和 Identifier, 其中 Identifier 需要传入接口中对应 AppGroup 参数。完成后单击【Continue】。...选中【App Groups】并单击【Edit】。 7. 弹出表单中选择您之前创建 App Group,单击【Continue】返回编辑页,单击【Save】保存。...如果不实现步骤4 中“触发按钮”,屏幕分享就需要用户 iOS 系统控制中心,通过长按录屏按钮来触发,这一操作步骤如下图所示: image.png 4....[TRTCBroadcastExtensionLauncher launch]; 注意: 苹果在 iOS 12.0 中增加了 RPSystemBroadcastPickerView 可以从应用中弹出启动器供用户确认启动屏幕分享

2.3K119

Jeecg-Boot 快速开发平台

介绍 一款基于代码生成器JAVA快速开发平台!全新架构前后端分离:SpringBoot 2.x,Ant Design&Vue&,Mybatis,Shiro,JWT。...JeecgBoot宗旨是提高UI能力同时,降低前后分离开发成本,JeecgBoot还独创在线开发模式,No代码概念,一系列在线智能开发:在线配置表单、在线配置报表、在线设计流程等等。...概述 Jeecg-Boot 是一款基于SpringBoot+代码生成器快速开发平台!前后端分离架构:SpringBoot,Ant Design Vue,Mybatis,Shiro,JWT。...JeecgBoot提高UI能力同时,降低了前后分离开发成本,JeecgBoot还独创在线开发模式(No代码概念),一系列在线智能开发:在线配置表单、在线配置报表、在线图表设计、在线设计流程等等。...前端 Vue 2.6.10,Vuex,Vue Router Axios ant-design-vue webpack,yarn vue-cropper - 头像裁剪组件 @antv/g2 - Alipay

2.6K20

System Generator学习——将代码导入System Generator

MCode 属性编辑器中,使用 Browse 按钮确保 MCode 块引用了本地 M-code 文件(state_machine.m)。 ⑦、 MCode 属性编辑器中,单击 OK。...Vivado Simulator:当模式为 Vivado Simulator ,对与黑盒相关 HDL 进行联合仿真,生成黑盒仿真结果 External co-simulator:当模式为外部协同模拟器...将模拟模式设置为 Inactive(非活动),然后单击“确定”关闭对话框 ⑥、移动到设计顶层,点击 run simulation 按钮运行仿真;然后双击 Scope 块。...选择 Vivado HLS,如下图所示 ③、双击 Vivado HLS 块打开属性编辑器,使用 Browse 按钮选择 Vivado HLS 第 1 部分 中创建解决方案,位于D:\Work...HLS IP,单击 “确定”,导入 Vivado HLS IP ④、连接模块输入输出端口,如下图所示: ⑤、导航到噪声图像子系统,双击来自文件图像块 xilinx_logo.png

34830

Jeecgboot-Vue3 v1.2.0 版本正式发布,企业级低代码平台

项目介绍 Jeecgboot-Vue3 采用 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 等新技术方案,包括二次封装组件、utils、hooks、动态菜单、权限校验、按钮级别权限控制等功能...'', '在线开发', '/online', 'layouts/default/index', 1, NULL, '/online/cgform', 0, NULL, '0', 2.00, 0, 'ant-design...解决菜单配置外部网址带#号,打不开问题 租户管理确认删除样式问题 职务管理,职务编码重复,没有友好提示 修复更多下拉菜单,只有点到字上才有效 解决字典组件,赋值时候,闪动效果 系统管理等功能 页面样式...、引入文件首字母大小写不匹配问题修复 Issues处理 vue3编辑功能无效#I52955 顶部菜单混合模式与想象中不一样,应该是有顶部菜单,点击对应顶部菜单显示左侧菜单#I4YRRC 按时间查询,...建议开发前先学一下以下内容,提前了解和学习这些知识,会对项目理解非常有帮助: Vue3 文档 TypeScript Vue-router Ant-Design-Vue Vben文档 Es6 Vitejs

56450

扒个知名项目的 Bug!

正好我自己这个项目很久很久没更新依赖了,于是我就考虑升级一下 Ant Design 组件版本号。 企业级项目中,升级版本号可不是小事,说不定新版本就淘汰了一些语法,导致你项目报错呢?...于是,我升级之后,先用工具整体扫描了一遍代码,还好没报错。 然后呢,还要再人工确认,每个页面都要仔细检查一遍,点一点关键按钮等。...因此,找 Bug 起源,我先登录 GitHub,找到 Ant Design 官方仓库,打开了版本(Releases)列表: ? 版本列表 如上图,每一次版本更新都做了哪些事,一目了然。...Ant Design Issues 咱也有样学样提一个 issue,Ant Design 团队为了管理大家问题,提供了一个问题表单页面,并且给你定好了一些规矩,避免一些乱七八糟不经搜索就直接提出低质量问题...Ant Design Issue 创建页 提交完毕,就能看到自己创建 issue 了,可以再打个小勾,表示自己已经确认没有其他同学问过重复问题。 ?

67330

10分钟精通Ant Design Form表单

恰好Ant Design Vue就是这么去做。...举一个很简单也很常见栗子: 系统中同一份数据被多处组件(包含可编辑Form)使用是常有的事情,我们表单中改变这份数据,同时数据改变同步到各个相关组件中,非常easy完成了需求。...但很多时候我们希望表单数据改变后并不需要及时同步到其它组件中,而是当用户点击确定按钮后才将数据同步,我们就不得不将这份数据进行复制甚至是深复制来满足需求,甚是蛋疼。...而如果使用ant-design-vue单项数据流方式,数据之间流向就变得非常清晰,表单就像一个独立沙盒,不管沙盒中数据如何变化,都不会影响到沙盒外部,而沙盒通过相关API方法和外部进行交互。...那当然也是ant-design-vue,且不接受任何异议,就是那么自信,那么臭不要脸。

2.6K30

excel常用操作大全

4.使用Excel制作多页表单,如何制作一个类似Word表单标题,即每页第一行(或几行)是相同。但不是用头吗?...单元 方法1:按F5显示“位置”对话框,参考栏中输入要跳转到单位格地址,单市按“确定”按钮 方法二:点击编辑栏左侧格单元地址框,输入格单元地址 10....单击“工具”菜单中“选项”,选择“视图”,单击“格线,网”左侧选择框,然后取消选择“格线网”将其删除; 2)打印过程中移除未定义表格格线 有时,您编辑未定义表格格线(您在编辑窗口中看到浅灰色表格格线...19.如何在表单中添加斜线? 一般来说,我们习惯表单上使用斜线,但是工作表本身不提供这个功能。事实上,我们可以使用绘图工具来实现: 点击“绘图”按钮,选择“直线”,鼠标将变成一个十字。...如果您可以定义一些常规数据(办公室人员列表),您经常需要使用这些数据作为将来自动填充序列,这难道不是一劳永逸吗?

19.1K10
领券