Ant Design 动态生成组件，可视化生成，低代码开发

最新推荐文章于 2025-01-26 13:03:42 发布
原创 最新推荐文章于 2025-01-26 13:03:42 发布 · 2.1k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#低代码 #react.js #ant design #可视化 #protable

AntDesign-generate是一个可视化配置生成组件的工具，能够帮助开发者根据配置自动生成ProTable和ProForm组件，降低开发成本。项目包括前端配置页面和模拟数据服务。支持启动并运行前端和后端服务。

ant-design-generate

介绍

Ant Design 可视化配置生成组件，能够根据可视化的配置生成组件代码，降低开发成本。项目地址：https://gitee.com/aeex/ant-design-generate

预览

在这里插入图片描述

支持组件

  1. 支持配置生成简单增删改查ProTable的组件。
  2. 支持配置生成ProForm组件。

目录说明

  1. front：组件配置页面。
  2. service：模拟数据与组件生成服务。

启动项目

front

yarn
yarn start

service

yarn
yarn start-ts
ant design pro集成阿里低代码引擎lowcode-engine，并实现与数据库结合实现低代码模块的创建、设计、发布等功能
frankch的博客
02-03 5321
阿里低代码引擎是一款为低代码平台开发者提供的，具备强大定制扩展能力的低代码设计器研发框架。本文主要介绍低代码引擎的集成和使用，通过拖拉拽及少量代码编写即可完成模块开发，并配置路由上线的过程。
低代码平台 Vue3可视化表单设计器 拖拽生成+实时预览+代码导出​
最新发布
CYGHDGD345的博客
09-14 948
通过以上方案组合，可快速搭建一个功能完整的Vue3低代码表单设计器。
react-antdesign组件库实时可视化编辑器实时生成react代码
08-14
ant-design 组件库实时可视化编辑器，实时生成 react 代码
Flask+Vue+AntDesign实现的低代码开发平台
一米阳光的博客
05-01 868
一款 Python 语言基于Flask、Vue3.x、AntDesign、MySQL等框架精心打造的一款高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的图片上传组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义后端服务模板和前端模板，可以根据已建好的表结构，可以快速的一键生成整个模块的所有代码和增删改查等等功能业务，真正实现了低代码开发方式，极大的节省了人力成本的同时提高了开发
antd-visual-editor:ant-design 组件库实时可视化编辑器，实时生成 react 代码
05-24
一个 可视化实时渲染的 ant-design 页面搭建工具 此项目是上古项目，代码基本很难维护，现在发布出来仅供参考思路，感兴趣的可以根据原理重构一版，实现一个更完备的可视化编辑 友情提醒：不建议在团队内投入大量精力做类似的事情（企图一步到位改变开发现状），与行业里用 AI 切页面类似，尽量作为玩具把玩一下即可。 线上实例 托管在 github，第一次加载会比较慢 截图： 运行 npm run build; npm run start; # （已修复）因为我不太懂 webpack ，不太会配置，这个项目修改代码后实时生效还有问题。。求 pr 特性 可视化编辑，同时实时生成结果代码，还可以单独预览 丰富的数据编辑能力，可以编辑组件的二维属性 组件可嵌套 自适应布局 除了 antd 的组件，还有一些原生 html 元素可使用 原理解析 1.如何实现实时编辑 第一步，抽象整个可视化工作台的数据表
探索数据之美：Ant Design Charts - 可视化利器
gitblog_01185的博客
08-07 979
探索数据之美：Ant Design Charts - 可视化利器 项目地址:https://gitcode.com/gh_mirrors/an/ant-design-charts Ant Design Charts 是一款基于React的高级图表库，融合了G2、G6、X6和L7等强大的底层可视化引擎。它不仅提供了丰富多样的图表类型，如统计图表，而且注重易用性、响应式设计以及故事讲述能力，为你的应用...
一款高效的Vue低代码表单，可视化设计，一键生成源码
05-04
标题中的“一款高效的Vue低代码表单，可视化设计，一键生成源码”揭示了这是一个基于Vue.js框架的低代码开发工具，特别强调了其高效性、可视化设计以及源码自动生成的功能。这样的工具大大简化了Web应用开发过程，...
实时可视化编辑器：Ant Design组件库生成React代码
综上所述，文件中提及的 "react-antdesign组件库实时可视化编辑器实时生成react代码" 涉及了React技术栈、Ant Design组件库的使用、实时可视化编辑器的实现以及相关工具的自动化代码生成能力。同时，还指出了该编辑...
amis低代码前端框架，它使用 JSON 配置来生成页面
04-13
低代码开发平台（Low-Code Development Platform）旨在减少编写传统编程语言的需求，通过图形化界面和简单的编码方式实现应用的快速构建。Amis 正是这样一种工具，它允许开发者使用 JSON 来描述页面结构、样式、交互...
ant-design主题定制 antd-theme-generator 源码解读
chashao__的博客
04-09 5490
antd-theme-generator 源码解读 antd-theme-generator只是针对于颜色的定制，对于其他属性例如字体大小，边框，边距等样式不提供定制 这里只针对generateTheme方法和其涉及到的方法进行讲解，其他的方法不予以讲解。官方文档有使用这个方法的例子，请参考：https://github.com/mzohaibqc/antd-theme-generator 参数 ...
基于ant的代码生成器
05-29
该代码生成工具说明： 1.实现模板的灵活配置； 2.支持DB2、MySQL、HSQL、PostgreSQL、SQLServer2005、Oracle； 3.建议先用已有的模板进行简单代码的生成测试，待掌握后可进行灵活配置。 快速的开发，其实就是这么简单。
Ant Design前端框架源代码
03-15
Ant Design 是阿里开源的一套企业级的 UI 设计语言和 React 实现，使用 TypeScript 构建，提供完整的类型定义文件，自带提炼自企业级中后台产品的交互语言和视觉风格、开箱即用的高质量 React 组件与全链路开发和设计工具体系。
Ant Design Pro 下实现文件下载的实现代码
10-15
主要介绍了Ant Design Pro 下实现文件下载的实现代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
可视化图表图，antDesign 中可使用echarts-for-react 或者 bizCharts
欢迎来到我的频道~
11-17 928
（1）echarts 百度开源的图表库地址 【可以自己调试除自己想要的图表的格式，在实例里面查看】 （2）react项目推荐的两个 图表库 echarts-for-react 文档地址 echarts-for-react 结合echarts 来完成相关配置。 bizCharts 文档地址 【根据自己的需要调试出自己想要的图表格式】 ...
React + Ant Design + ECharts 实战：手把手教你打造可视化智慧大屏，新手必看！」 「从零开始：用 React 和 Ant Design 构建智慧大屏，完整代码+详细教程！」
sky10100100的博客
01-26 1224
React + Ant Design + ECharts 实战：手把手教你打造可视化智慧大屏，新手必看！」 「从零开始：用 React 和 Ant Design 构建智慧大屏，完整代码+详细教程！」 「前端新手福利：React + Ant Design + ECharts 智慧大屏开发全攻略！」 「React + Ant Design + ECharts 可视化大屏开发指南：超详细教程+完整代码！」 「前端开发新手必学：React + Ant Design + ECharts 智慧大屏实战！」 「
如何动态生成antd vue的menu组件
valsedefleurs的博客
05-25 1251
需要根据动态生成垂直菜单组件，数据来源的一级菜单可能包含二级子菜单，也可能不包含二级子菜单。难度在于是否包含二级子菜单决定着生成<a-menu-item>组件还是<a-sub-menu>组件，因此给开发带来难度。且vue的模板预览中v-if, v-else等条件判断不能与v-for循环出现在同级标签上。善用template标签，将v-for循环放在template标签，再将v-if, v-else语句判断是否包含子菜单，决定生成<a-menu-item>还是<a-sub-menu>template模板。
Django+Vue+ElementUI管理后台源码
一米阳光的博客
03-15 1232
一款 Python 语言基于Django、Vue2.x、ElementUI、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮等等一系列个性化、轻量级的组件，是一款真正意义上实现低代码开发的敏捷开发框架。
动态生成选项卡Tabs
皮哥不皮
03-18 3202
写在前面：EasyUI里的选项卡Tabs功能已经非常完善。但是如果只需要在同一个页面来动态生成Tabs并实时填入数据、内容；不妨可以试试下面的插件（个人项目实际需要，轻量、上手快，勿喷）
基于ant.design的FormList，通过配置生成动态列表
吃瓜群众的博客
12-08 4822
目前只配置了输入框和文本框，需要的可自定义添加type 实现效果如图 const initValues = [ {type:'input',name:'start',label:'最小值',initValue:'',}, {type:'input',name:'end',label:'最大值',initValue:'',}, {type:'text',name:'unit',label:'采购单位',initValue:'盒',rules:[]}, {type:'input',name
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值