《苑宗鹤-无极低代码UI可视化的AIGC落地与实践.pdf》由会员分享,可在线阅读,更多相关《苑宗鹤-无极低代码UI可视化的AIGC落地与实践.pdf(62页珍藏版)》请在三个皮匠报告上搜索。
1、无极低代码 UI可视化的 AIGC落地与实践苑宗鹤 腾讯高级前端开发工程师介绍无极低代码介绍无极低代码大家眼中的低代码可视化方式拖拽一些PC应用疑问:能做多复杂的系统?只用可视化拖拽够用吗?应用展示应用展示ERPERP进存销系统进存销系统 进货、库存和销售管理系统 配套订单跟踪、采购流程设计、审批流程、复杂报表分析等应用展示应用展示开放平台开放平台/礼包配置礼包配置 一个开放平台,提供给用户管理、运营APP应用的渠道内容 例如:活动、礼包、礼券等,并提供对应的数据看板,展示渠道活动的运营数据应用展示应用展示APPAPP页卡运营页卡运营 一个APP、H5页面可视化编辑系统 页面模板创建、数据源管
2、理、页面可视化搭建、分层实验、数据展示等功能。是一个用无极低代码搭建出来的“无代码”项目应用展示应用展示门户站点门户站点 /文档站点文档站点无极官方主页、官方文档页,也是用无极搭建大量业务通过无极产生自己的管理台大量业务通过无极产生自己的管理台目录目录一一 、AI AI 与低代码与低代码 Copilot Copilot二二 、AI AI 与低代码布局与低代码布局实现平台级实现平台级 co copilotpilot自动纠错自动纠错AI AI 自动化测试自动化测试AIAI如何与编辑器交互如何与编辑器交互BIBI生成生成任务拆分任务拆分AI AI 布局生成布局生成低代码平台中的编码场景低代码平台中的
3、编码场景:前端:前端使用权限使用权限 APIAPI 进行进行 UI 控制控制低代码平台中的编码场景低代码平台中的编码场景:后端:后端后端返回时进行数据修剪后端返回时进行数据修剪在低代码平台中编码的痛点在低代码平台中编码的痛点?编码时需要反复查看平台的文档或者咨询客服对于非开发来说,编写代码是有难度和理解成本的让 AI 来帮忙?目录目录AI AI 与低代码与低代码 Copilot Copilot实现平台级实现平台级 co copilotpilot自动纠错自动纠错AI AI 自动化测试自动化测试使用使用 githubgithub copilot copilot 遇到的遇到的 badcasebadc
4、ase在某个未打开的文件中的函数定义Github copilot 给出的补全结果是填入 ctx前端 API前端上下文丰富的丰富的 API API 和上下文和上下文各自维护各自维护 pro promptmpt 修改模块时成本高修改模块时成本高使用到的 APIw.emitterw.showModaldata.search_list.listDatadata.user_info.formDatastate.selected_listprompt2prompt3prompt1直接使用文档作为 prompt无极无极的低代码配置本身作为的低代码配置本身作为 DSL DSL 存储存储用户配置无极 DSL私有
5、协议不易于私有协议不易于 AI AI 理解理解平台私有的平台私有的 DSL DSL =标准化的协议标准化的协议 =typescript typescript 类型类型无极 DSL类 typescript 类型对比使用文档对比使用文档 ,经过转换后的经过转换后的ts ts 类型更简洁类型更简洁直接喂文档,信息冗余量大,维护滞后转化后的 ts 类型,精简,节省 tokenTypeScriptTypeScript类型类型:能保留完整的类型定义和注释,在不泄露数据前提下能保留更多对变量和方法的描述,而且大大降低 Prompt token 的消耗使用无极使用无极DSLDSL :对 Prompt 结构影响
6、小,从而减少 Prompt 改动对 AI 生成的影响目录目录AI AI 与低代码与低代码 Copilot Copilot实现平台级实现平台级 co copilotpilot自动纠错自动纠错AI AI 自动化测试自动化测试没这个变量啊!怎么提高 AI 输出的正确率呢?AI AI 出现了幻觉出现了幻觉将将代码转回代码转回 AST AST 进行校验进行校验纠错纠错后开启第二轮会话后开启第二轮会话成功率80%AST 修正成功率94%提升了单轮问答的成功率提升了单轮问答的成功率目录目录AI AI 与低代码与低代码 Copilot Copilot实现平台级实现平台级 co copilotpilot自动纠错