惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

云风的 BLOG
云风的 BLOG
Blog — PlanetScale
Blog — PlanetScale
博客园 - 【当耐特】
博客园_首页
The GitHub Blog
The GitHub Blog
月光博客
月光博客
Hugging Face - Blog
Hugging Face - Blog
有赞技术团队
有赞技术团队
博客园 - 三生石上(FineUI控件)
D
Docker
Stack Overflow Blog
Stack Overflow Blog
WordPress大学
WordPress大学
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
Apple Machine Learning Research
Apple Machine Learning Research
Vercel News
Vercel News
酷 壳 – CoolShell
酷 壳 – CoolShell
雷峰网
雷峰网
小众软件
小众软件
I
InfoQ
A
About on SuperTechFans
T
The Blog of Author Tim Ferriss
S
SegmentFault 最新的问题
Microsoft Azure Blog
Microsoft Azure Blog
博客园 - Franky

博客园 - 白菜园

AppBox拖拽设计增删改查用户界面 换个方式用C#开发微信小程序 开源高性能结构化日志模块NanoLog AppBox快速开发框架(开源)开发流程介绍 用Roslyn玩转代码之一: 解析与执行字符串表达式 不生成DOM的非主流Blazor UI开源啦! 给我一块画布,我可以造一个全新的跨端UI 拖拽方式生成Vue用户界面 终于可以愉快的撸Java异步代码了! 这么优雅的Java ORM没见过吧! Java“微服务”还能这么玩! AppBoxFuture: Web在线报表设计与PDF生成 AppBoxFuture实战: 如何同步开发与生产环境的模型 一个浏览器搞定前后端开发的低代码框架正式开放源码啦! AppBoxFuture实战: 如何实现一对多表单的增删改查 AppBoxFuture: Sql存储的ORM查询示例 AppBoxFuture: 集成第三方Sql数据库 AppBoxFuture: 服务模型的在线调试与性能监测 AppBoxFuture: Raft快照及日志截断回收
低代码 + AI = 对话方式生成UI
白菜园 · 2026-03-09 · via 博客园 - 白菜园

7_ShoppingCart

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

一、实现原理

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

二、操作演示

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

7_Login1

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

7_Login2

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

7_Login3

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

三、下一步计划

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

四、本篇小结

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