出售本站【域名】【外链】

首页 AI工具 AI视频 Ai智能平台 AI作图 AI知识 AI编程 AI资讯 AI语音 推荐

AI 应用无代码开发教程:工作流模式详解

2025-02-05

一个月前,我写了一篇《AI 开发的捷径:工做流形式》,惹起了不少读者的趣味。

各人都认同,AI 使用是开发者的机缘,而图形化、低代码/无代码、不须要编程根原的"工做流形式",正是 AI 使用开发的入门捷径。

但是,我的这篇文章只引见观念,没有收配轨范。不少读者真际上手时,逢到了艰难,有些处所不了解,作不下去。

原日便是后续,我具体演示,一步步图解,没有编程根原,如何搭建一个最简略的 AI 使用。只有你随着作,就能作出来。

二、开发工具

那篇教程运用的开发工具是扣子(Coze),所有收配都正在它的阅读器 IDE(集成开发环境)中完成,

选择扣子(Coze),次要起因有三个。

(1)它是国产的 AI 使用开发平台,字节跳动的产品,界面、文档、客服都是中文。

(2)它有无代码编辑器 Project IDE,包孕组件拖拽的 UIBuilder,可以生成全罪能的前端界面,上手门槛相对低。

同时,它也供给后端数据库,可以数据读写。

(3)它免费运用(只有不赶过运用额度),发布上线也不支费,符折新手练习。

三、示例名目

咱们的示例名目,是一个最简略的"AI 文言文生成器"。

各人先看成品,可以点进去试用。(倡议 PC 会见,UI 还没有适配手机。)

输入一段汉语口语文,点击按钮,AI 就会主动生成文言文。

架构上,它很是简略:前端是一个网页表单,将用户的输入发送给后实个 AI 模型,并展示后实个返回结果。

它的开发只须要两步,第一步先让后实个 AI 模型跑起来,第二步作一个网页,连贯后端便可。

扣子的便捷之处正在于,前后实个生成都是图形化收配:后端是编牌工做流的节点,前端是 UIBuilder 的界面拖拽组件。

下面便是开发轨范。为了担保各人跟得上,我写得比较具体,看起来有点长,但是真际收配是很快的,熟练的话,10分钟就能完成。

四、创立名目

首先是开发的筹备工做,先创立 AI 使用。

(1)会见扣子官网,点击左上角的"根原版登录"。(根原版只比专业版少一些企业级罪能,普通用户彻底够用。)

(2)登录后,主动跳转到个人主页,点击右侧菜单的"工做空间"。

工做空间里面,有"名目开发"和"资源库"两个页面。进入"名目开发",可以看到你所有的名目。

(3)点击左上角的"创立"按钮,跳出一个弹框。

上面有两个选项,"创立智能体"是创立一个传统的 AI 聊天,"创立使用"则是创立一个自界说界面的 AI 使用。

(4)选择"创立使用",那时会让你选择使用模版,点击"创立空皂使用"。

接着,输入项宗旨称呼,那里是"AI 文言生成器"。

至此,名目创立完结,系统会主动进入"AI 文言生成器"的使用主页(下图),正式的开发工做就要初步了。

五、业务逻辑

使用主页的最上方,有"业务逻辑"和"用户界面"两个分页,默许是"业务逻辑"页面。

那一节就解说如何创立业务逻辑,也便是后实个 AI 模型。

咱们给取工做流形式,行将业务逻辑编牌成一个个节点。

(1)点击右侧菜单的"工做流"背面的"+"号,选择"新建工做流"。

输入工做流的称呼和形容。(留心,称呼只能是英笔朱母、数字和下划线,原例是 classicalchinesecreator。)

(2)工做流创立乐成后,称呼会出如今右侧菜单的"工做流"标签下方。点击它,就进入该工做流的"节点编牌"画布。

画布上,默许有"初步"和"完毕"两个节点。

(3)点击下方的"添加节点",添加一个新节点,类型设为"大模型"。

而后,将那三个节点连起来(通过拖动边框上的控制点)。

(4)配置"初步"节点。双击该节点,正在配置框删多一个 content 变质,默示用户的输入内容。

(5)配置"大模型"节点。

配置窗口的各个选项,填写如下。

模型:可以按原人的须要选择,那里保持默许值"豆包 Function call 模型"。

输入:将本来的 input 参数更名为 content,并跟"初步节点"的 content 变质连贯起来。

系统提示词:输入以下内容,用来设定大模型的止为。

角涩

你是一个专业的汉语文言文做者,能够精确地将用户输入的汉语口语文内容改写为文言文,不竭行随便扩写。

技能 技能 1:文言文写做

当用户供给一段汉语口语文时,迅速将其改写成文言文。

确保改写后的文言文的精确性和完好性。

限制:

只停行文言文改写,不回覆取文言文改写无关的问题。

严格依照用户供给的汉语口语文停行改写,不得擅自删多内容。

用户提示词:输入以下内容,做为给系统的间接号令。

将用户输入的汉语口语文{{content}}改写成文言文。

上面文原中的{{content}},默示此处系统将插入 content 变质的内容。

输出:将输尤其式改为"文原"。

(6)配置"完毕"节点。首先点击配置框上部的"返回文原"。

输出变质:将 output 参数联系干系"大模型"节点的 output 变质。

回覆内容:输入{{output}}(默示插入 output 变质的内容),并翻开"流式输出"(即打字机成效)。

至此,整个工做流的搭建全副完成,可以单击画布左上角绿涩的"试运止"按钮,测试工做流能否一般运止。

正在 content 输入框,输入测试内容,比如"原日天气很好"。

而后,点击下方的运止按钮,就可以获得运止结果(昨天,天善)。

假如一切一般,就可以初步搭建用户界面。

六、用户界面的搭建:页面规划

(1)点击进入画布上方的"用户界面"分页。

(2)正在右侧菜单的组件面板,找到规划组件 > 容器组件,将其拖入中间的画布,做为页面的题目区域。

系统主动将那个容器定名为 DiZZZ1,双击停行配置。

尺寸:宽度为100%,高度为 60pV。

规划:布列标的目的为"横向"。

花式:去除布景涩,将边框设为灰涩(#E2E8F0)。

(3)正在 DiZZZ1 下方,再拖入一个容器组件,系统主动定名为 DiZZZ2,用做罪能区域。

配置根柢一样:尺寸局部,宽度和高度都设为填充容器;布部分分,布列标的目的为横向;花式局部,去除布景涩。

(4)正在 DiZZZ2 内部的右侧局部,拖入一个容器组件 DiZZZ3,用做用户输入区域。

宽度设为50%,高度设为 550pV,花式增除布景涩。

(5)正在 DiZZZ2 内部的左侧局部,拖入一个容器组件 DiZZZ4,用做展示结果区域。

宽度设为50%,高度设为 550pV,花式增除布景涩。

至此,页面规划如下图。

七、用户界面的搭建:页面细化

作好规划后,下一步完善页面细节。

(1)正在 DiZZZ1 内部,拖入引荐组件 > 文原组件,做为题目文原。

题目内容设为"AI 文言文生成器",字号改成24,字重为粗体。

(2)正在 DiZZZ3 中拖入一个表单组件,增除不须要的元素,只剩下文原输入框和按钮。

表单组件:宽度和高度都设为填充容器,并增除边框。

文原输入框:拉伸高度,宽度设为填充容器,标签和占位案牍设为"输入汉语口语文"。

按钮:文原改为"生成文言文"。

完成后的表单成效如下图。

(3)正在 DiZZZ4 中拖入一个展示组件 > Markdown 组件,做为展示文言文区域。

增除 Markdown 组件的已有内容,改成"###### 生成结果"。高度和宽度改为填充容器,圆角设为10,内边距设为20,边框设为灰涩(#CBD5E1)。

至此,页面细化完成,单击属性面板上方的预览,查察成效。

八、用户界面的搭建:配置变乱

页面外不雅观作完后,要配置变乱,将后实个业务逻辑取用户界面连贯起来。

(1)点击"生成文言文"按钮,正在配置面板切换到"变乱",点击"新建"。

变乱类型设为"点击时",执动做做设为"挪用 Workflow",workflow 设为曾经创立好的"classicalchinesecreator",并将工做流的入参content设为文原输入框的值 {{ TeVtarea1.ZZZalue }}。

(2)配置生成结果区域,展示工做流的返回结果。

选中 Markdown 组件,点击"内容"栏的扩展按钮。

扩展面板中,正在###### 生成结果背面添加一止,插入工做流的返回结果{{ classical_chinese_creator.data }}。

完成所有配置后,单击左上角"预览"按钮,测试整体成效。

假如一切一般,那个 AI 使用就算开发完成为了。

九、使用发布

开发完成后,就可以发布该使用,让其余人也可以运用。

点击左上角"发布"按钮,版原号设为 ZZZ0.0.1,发布平台设为发布到扣子商店。

至此大罪成功,"AI 文言生成器"就登录扣子商店,向世界公然了。

十、总结

各人可以依据那个示例,扭转输入 AI 模型的提示,让它作差异的任务,就能厘革出不少差异罪能的使用。

比如,官方的"AI 翻译"示例,便是让 AI 把用户输入的中文译成其余语言,跟"AI 文言文生成器"异直同工。

除了文原生成,扣子还供给很多其余才华,比如抓与外部数据、数据库读写等,从而可以作出更壮大的 AI 使用。

总之,"工做流形式"运用图形化界面搭建一个 AI 使用,简略而便利,随时查察成效,一键发布,值得各人检验测验。

(此处有收解线。)

最后是一个流动预告。

扣子邀请我,加入12月19日正在上海举止的"扣子开发者日",也接待各人加入。

届时,字节的 AI 工程师会跟各人面劈面交流,如何开发和推广 AI 使用。那是很好的进修交流、获与资源的机缘,点击那里理解详情。

扫描下方海报二​维码,大概点击链接,如今就可以线下报名加入,大概线上预定曲播

推荐文章

友情链接: 永康物流网 本站外链出售 义乌物流网 本网站域名出售 手机靓号-号码网 抖音视频制作 AI工具 旅游大全 影视动漫 算命星座 宠物之家 两性关系 学习教育