心流logo

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

根据提供的材料,以下是关于AI应用无代码开发教程:工作流模式详解的详细步骤:

一、创建项目

  1. 登录扣子(Coze)官网:访问扣子官网【https://www.coze.cn】,进行账号注册,如果已有账号,则选择登录。
  2. 进入个人主页:登录成功后,系统会自动跳转到个人主页。在左侧菜单中点击“工作空间”进入。
  3. 选择项目开发:在工作空间页面,您将看到“项目开发”和“资源库”两个选项。进入“项目开发”页面,您可以查看到自己所有的项目。
  4. 创建新项目:点击页面右上角的“创建”按钮,会弹出一个选择框。选择“创建应用”,然后点击“创建空白应用”进入下一步。
  5. 输入项目名称:在此页面,输入项目名称,例如“AI 文言文转换器”。在应用介绍中,输入应用主要的功能,Coze 可以根据输入的名称和应用介绍,自动调用 AI 生成一个有趣的个性化应用图标。

二、构建业务逻辑工作流:后端 AI 模型的配置

  1. 新建工作流:点击左侧菜单中“工作流”标签后的“+”号,选择“新建工作流”。填写工作流名称和描述。
  2. 进入节点编排画布:工作流创建成功后,其名称会出现在左侧菜单的“工作流”标签下方。点击该名称,进入对应工作流的“节点编排”画布。
  3. 添加新节点:点击画布下方的“添加节点”按钮,选择节点类型为“大模型”。
  4. 配置“开始”节点:单击“开始”节点,在右侧弹出的配置框中添加变量 content,用于表示用户输入内容。
  5. 配置“大模型”节点:在“大模型”节点的配置窗口中,按照以下内容进行填写:
  1. 配置“结束”节点:设置输出变量:将 output 参数绑定到“大模型”节点的 output 变量。配置回答内容:在回答中输入 {{output}}(表示动态插入 output 变量的内容),并启用“流式输出”(即打字机效果)。

三、用户界面的搭建

  1. 页面布局:在左侧菜单的组件面板,找到布局组件 > 容器组件,将其拖入中间的画布,作为页面的标题区域。在 Div1 下方,再拖入一个容器组件,系统自动命名为 Div2,用作功能区域。
  2. 页面细节完善:在 Div2