一、弁言
月前，吾撰一文。《AI 之捷径：工作流之范式》，引得读者兴味盎然。
众皆以为，AI 之用，乃开发者之机，而形绘化、简码/无码、无需编程之"作业流式"此诚 AI 应用开发之捷径也。
然吾之文，惟述概念，未载步骤。读者涉猎之际，多遇困厄，或处不明，遂止不前。
今乃后续，吾将详演，步辇图解之。无编程之基，欲筑简易之AI应用，何法为善？惟尔循之，则可成之。
二、開發工具
此篇教程所用的开发工具为纽扣（Coze）凡操作，皆于其浏览器IDE（Integrated Development Environment）中成之。
择扣子（Coze）之由，有三焉。
（1）此乃国产之AI应用开发平台，字节跳动所出，界面、文档、客服皆用中文。
（2）其有代码编辑器Project IDE，含组件拖拽之UIBuilder，可生成全功能之前端界面，入门之阶较易。
复有后端之数据库，可读可写。
（3）免费使用（惟量不过额），发布上线亦无费，宜于初学者习之。
三、例举之业
吾辈之示范工程，乃最简之"AI 文言文生成器"也。
诸君先观成器，可点入试之。（建议 PC 访问，UI 尚未适配手机。）
输入一段汉语白话文，点击按钮，AI 即能自动生成文言文。
架构至简：前有网页表单，纳用户所入，达后端之AI模型，复呈其返。
其开发惟两步耳。首步，令后端之AI模型运行；次步，制一网页，连接后端即可。
扣子之便，在于前后皆以图形化操作生成：后端为编排工作流之节点，前端乃UIBuilder之界面拖拽组件。
其下乃开发之步骤。为使众人易于遵循，吾之记述颇为详尽，观之似显冗长，然实际操作甚为迅捷，若娴熟之，十分钟即可毕其功。
四、立项目
首当其冲者，乃开发之预备，先立AI之应用。
（1）访扣子官网，击右上之"基础版登录"。（基础版较专业版仅少企业级之功能，寻常用户已足用。）
（2）登录既毕，自当转至个人之主页，击左侧菜单之"工作空间"。
工作空间中，有"项目开发"与"资源库"二页。入"项目开发"，可见尔所有之项目。
（3）击右上之"创建"按钮，遂现一弹框。
其上二选，一曰"创建智能体"，乃造传统AI对谈；一曰"创建应用"，则创定制界面之AI应用。
（4）择"创建应用"，遂令选应用模版，击"创建空白应用"。
次之，入项目名，此为"AI文言生成器"。
至此，项目既成，系统自入"AI文言生成器"应用主页（下图），开发之工乃始。
五、业务逻辑
应用主页之最上，有"业务逻辑"与"用户界面"二分页，默认为"业务逻辑"页。
此节即论创建业务逻辑，即后端AI模型之造。
吾辈采工作流模式，将业务逻辑编为节点次第。
（一）左列菜单中，点"工作流"后之"+"号，择"新建工作流"。
入工作流之名与述。其名惟英文字母、数字及下划线可施，此例为 classicalchinesecreator。
（二）工作流既成，其名现于左列菜单"工作流"标下。点之，即入该工作流"节点编排"之画布。
画布上，固有"开始"与"结束"二节点。
（三）点下之"添加节点"，增一节点，其类设为"大模型"。
乃，将此三节点连之（以拖边框上控制点为法）。
（四）设"始"之节点。双击之，于设制之框增一content变量，表用户所入之文。
（五）配置"大模型"节点。
配置窗口诸项，填之如下。
模型之选，可依己意，此处守"豆包 Function call 模型"之原值。
更原名 input 为 content，并合"始节点"之 content 变量。
系统示曰：输入此言，以定大模型之行。
角色
汝乃专精汉语文言之作者，能准确将用户所输入之汉语白话改写为文言，不妄增文辞。
艺能
技一：文言撰文
- 俟用户赐以白话，速为改撰为文言。
- 务求改撰之文，确当周全。
所限：
- 惟事文言改撰，不答与撰文无涉之事。
- 必依用户所赐白话，谨慎改撰，毋得妄增。
用户示辞：输入此语，直为系统之命。
将用户所入白话文{{content}}，改撰为文言。
前文之{{content}}，乃系统将插content之位。
出：改格式为"文"。
（六）设"终"节。初，击配置框上"返文"之钮。
出变量：联 output 至"大模"节之 output。
答文：入{{output}}（示插 output 之文），启"流式出"（若打字之效）。
至此，全工流之设毕，可击画布右上绿"试行"钮，验工流之常否。
于 content 输框，入试文，如"今朝天甚佳"。
继，击下之运钮，得运行之果（今，天善）。
若皆顺，方可始构用户之面。
六、构用户面：页之布
（一）点入画布上之"用户界面"分页。
（二）于左侧菜单之组件面板，觅得布局组件 > 容器组件，拖入画布中，作页面题域。
系统自命名此容器为 Div1，双击而配置之。
尺寸：广度为一百，高度为六十。
布局：列向为"横向"。
样式：去背景色，设边框为灰（#E2E8F0）。
（三）于 Div1 之下，复拖入一容器组件，系统自命名为 Div2，作功能域。
配置略同：尺寸中，广度与高度皆设为填充容器；布局中，列向为横向；样式中，去背景色。
（四）于 Div2 之左，置一容器名 Div3，以为用户输入之域。
其宽为半，高五五，其式去背景色。
（五）于 Div2 之右，置一容器名 Div4，以为展示之域。
其宽为半，高五五，其式去背景色。
至此，页面之制若图所示。
七、用户之界，筑之细
布局既成，次须细之。
（一）于 Div1 之中，置一推荐组件 > 文本组件，以为题文。
標題內容設為「AI 文言文生成器」，字號改為廿四，字重為粗體。
（二）於 Div3 中拖入一表單組件，刪除不須之元素，僅存文本輸入框與按鈕。
表單組件：寬高皆設為填充容器，並刪去邊框。
文本輸入框：拉伸高度，寬度設為填充容器，標籤及佔位文案設為「輸入漢語白話文」。
按鈕：文本改為「生成文言文」。
完成後之表單效果如圖所示。
（三）於 Div4 中拖入一展示組件 > Markdown 組件，作為展示文言文區域。
删除 Markdown 组件之旧文，易之曰"###### 生成结果"。其高阔，令充容器；其隅，设为十；其内，留白二十；其边，涂灰（#CBD5E1）。
既此，页面之细工毕，击属性版上之预览，察其效。
八、用户之界，构之：设其事
页面之貌既成，须设其事，联后端之务于界面。
（1）击"生成文言文"之钮，于配置版，易至"事"，击"新造"。
事之型，设为"击时"；行之事，设为"呼 Workflow"，workflow 设为已构之"classicalchinesecreator"，并引工作流之入参content设为文本输入框之值 {{ Textarea1.value }}。
（2）配置生成结果之区，展示工作流之返结果。
选中 Markdown 之组件，击"内容"栏之扩展钮。
扩展之面板中，于###### 生成结果后添一行，插入工作流之返结果{{ classical_chinese_creator.data }}。
毕所有配置，击右上角"预览"钮，测整体之效。
若一切顺遂，此 AI 应用即成开发之终。
九、应用发布
开发既毕，即可发布此应用，使他人亦得用之。
右角之"发布"按，版本号设为v0.0.1，平台择于扣子商。
斯事既成，"AI 文言生成器"遂登扣子商，示于天下。
十、总结
众可循此例，易AI模型之示，令其任异务，则诸般应用自生。
如官方之"AI 翻译"例，使AI译中文为异言，与"AI 文言文生成器"异曲同工。
除文本之造，扣子复具众能，如取外数据、读数据库等，由是可成更宏之AI应用。
总之，"工作流模式"以图形化之界面，构筑AI之应用，简而便之。随时观其效，一键而发，诚可一试也。
（此处有分割线。）
终有一活动之预告。
扣子邀吾，与俱十二月十九日，会于沪上。之"纽扣匠人节亦欢迎诸君参与。
届时，字节之AI工程师将与众面晤，论及AI之开发与推广。此诚良机，可习可交，亦可获资源也。点此欲悉其详。
可扫描下文海报之二维码，或点击链接，则可线下报名，或线上预约直播。
（终）