当前位置: 首页 > news >正文

低代码 + AI = 对话方式生成UI

7_ShoppingCart

  最近AI非常火,作者也一直想借助AI之力使低代码开发框架更上一层楼。恰逢作者过年前因皮下细菌感染住了半个月的医院,期间正好研究了下AI相关的知识,虽说AI目前生成一个完整的严谨的应用系统还有点牵强,但总可以辅助低代码生成相关的模型吧。

一、实现原理

  目前的实现方式非常简单粗爆,低代码框架相当于一个Agent,根据需要生成的模型类型封装不同的提示词发送给大语言模型输出,有些模型可能直接输出代码,有些模型则会输出结构化json,框架内的模型设计器解析输出结果进行相应的转换即可。

二、操作演示

  • 新建一个View模型,类型选择"Code",然后打开预览界面,在底部的"AIGenerate"面板内输入提示词: "
    生成一个美观的用户登录界面,包含一张图片作为背景",框架将封装提示词及工具发送给大语言模型处理,处理完后的界面可能如下图所示:

7_Login1

  • 因为AI对话保持历史消息,所以如果需要对生成的内容作调整,可以继续发送请求,比如: "图片放在左侧",处理完后的界面可能如下图所示:

7_Login2

  • 当然可以进一步添加组件至当前界面,比如: "在登录按钮右侧添加一个重置按钮,点击时重置用户名及密码",处理完后的界面可能如下图所示:

7_Login3

以上操作作者简单录了个视频:演示视频

三、下一步计划

  • 进一步完善各模型的系统提示词,扩展可用的组件列表;
  • 开发更多的工具用于大语言模型感知低代码框架的能力;
  • 实现数据实体、业务服务、分析报表的AI生成能力;
  • 终极目标:根据需求分析,由AI生成完整的应用系统。

四、本篇小结

  作者个人能力实在有限Bug在所难免,如有问题请邮件联系或Github Issue,欢迎感兴趣的小伙伴们加入共同完善,当然更欢迎赞助项目或给作者介绍工作。

http://www.jsqmd.com/news/454382/

相关文章:

  • nodejs社区医疗挂号 体检服务病历管理系统的vue
  • 基于PaaS平台一体化智能全域数据治理平台建设方案:数据治理战略与实施、数据治理组织与制度、数据治理核心内容、数据安全管理......
  • 【转载】空间数据研究所A平台|2026年01月更新|全国338万个AOI(373个地市|3级分类|42个属性字段|非OSM数据)
  • 万爱通礼品卡回收注意事项:避免常见问题的实用技巧 - 团团收购物卡回收
  • nodejs+vue动物宠物领养公益网站express-koa框架
  • 2026年北京继承律师深度测评:从专业能力到服务体验的选择指南 - 小白条111
  • 哈弗H9和路虎发现运动版豪华越野大对比,谁才是你的心头好?
  • Flutter 三方库 ff_annotation_route 的鸿蒙化适配指南 - 掌握基于注解的自动化路由管理技术、助力鸿蒙大型 HAP 项目构建极速解构且类型安全的页面跳转体系
  • 2026年球形网络摄像头优质品牌推荐:远程监控系统、高清摄像头、半球网络摄像头、家用高清监控、无线监控设备选择指南 - 优质品牌商家
  • nodejs青少年党史宣传教育学习平台vue
  • Flutter 三方库 eth_sig_util 的鸿蒙化适配指南 - 掌握以太坊加密签名核心技术、助力鸿蒙端 Web3 钱包与去中心化身份验证应用开发
  • nodejs基于校园作业反馈的家校联系微信小程序
  • 英国留学中介实测:谁才是留学党刚需之选 - 博客湾
  • 打工仔2026年逆袭!OpenClaw(Clawdbot)10分钟零基础安装教程
  • 全混合动力电动汽车Simulink模型:研究高效控制策略以提升燃油经济性,需Matlab 20...
  • 制造型企业数字化车间建设:数字化车间建设目标、数字化车间建设路线图(六步法策略)、数字化车间通用技术要求
  • 北航26春软件工程作业-[I.1] 个人作业:阅读和提问
  • Prometheus + Grafana 从采集到告警的完整实战(Go + Kind)
  • [第十六届蓝桥杯/java]3.最短距离
  • 7.2 中间件(LangChain 内置中间件)
  • 新洋港潮汐表查询2026-03-09
  • 音视频技术迭代下EasyDSS直播点播视频会议能力的发展方向与价值升级
  • NPU 算力调度内核深度解析
  • 【声呐技术】基于声纳的水下机器人深度学习:概述、鲁棒性与挑战
  • 扫描电镜和透射电镜的区别
  • WebRTC/语音转文字STT/AI语言大模型重构EasyDSS视频会议
  • SqlSession was not registered for synchronization because synchronization is not active
  • GLM-4.7-Flash模型在FP16精度下部署需求
  • Flutter 三方库 fftea 的鸿蒙化适配指南 - 打造极致性能的文本扩展加密、助力鸿蒙端敏感数据安全传输
  • AI时代:人和人之间的差距被放大,AI不能弥补你的短板