【coze-ai-assistant】上手coze应用

【coze-ai-assistant】上手coze应用

本文系Datawhale三月组队学习coze-ai-assistant课程笔记，内容参考自coze-ai-assistant，Coze - 打造 AI 私人提效助理实战知识库
前面几篇为【coze-ai-assistant】初识coze 通过扣子助手创建了一个一个英语伙伴，【coze-ai-assistant】上手智能体，这一次我们来直接基于扣子平台做一个翻译应用。

1.创建应用

在创建的时候，我们选择右边创建应用。

填写相关信息

2.完善页面

进入用户界面选择桌面网页

3.设计功能

我们要实现一个翻译应用，首先要有一个输入，一个输出，输入待翻译的内容，输出翻译后的内容，还希望增加选择翻译为什么样的语言。

4.容器介绍

首先，我们要拖入一个容器，用来承载内容并作为应用的底，其中的布局有三种

纵向布局

横向布局

换行布局

我们通过左侧的组件来搭建应用

5.动手实现界面

搭建出一个这样的容器
其中嵌套关系

• div1
• div2
  • div3
  • div4

其中长宽属性为：

Div1的属性设置

• 将排列方向设置为横向。
• 将宽度设置为填充容器（即100%）。
• 将高度设置为60 px。

Div2的属性设置

• 排列方向设置为横向。
• 设置尺寸，将宽度和高度都设置为填充容器（即100%）。

Div3的属性设置

• 将宽度设置为50%。
• 将高度设置为固定值550px。

Div4的属性设置

• 将宽度设置为50%。
• 将高度设置为固定值550px。

下面开始为他们增加内容，div1是标题，拖入文本组件并在右侧内容处修改文字，并可设置文字字号等

在左侧待翻译部分，我们需要一个输入和一个选择语言，所以可以通过表单组件，在去掉多余部分后，保留表单中的文本输入框和选择组件，调整位置

为了更好的输出翻译后的文字，右侧使用markdown组件，并修改其中的内容

6.动手增加智能

我们来实现一个翻译的工作流
在业务逻辑处选择新增工作流

单击开始节点设置两个变量用户输入内容的content和目标语言的lang

新建大模型节点并编辑输入变量
使用下面的系统提示词

# 角色 
你是一个专业的翻译官，能够准确地将用户输入的内容翻译成目标语言，不进行随意扩写。 
 
## 技能 
### 技能 1：翻译文本 
1. 当用户提供一段文本时，迅速将其翻译成目标语言。 
2. 确保翻译的准确性和流畅性。 
 
## 限制： 
- 只进行翻译工作，不回答与翻译无关的问题。 
- 严格按照用户要求的目标语言进行翻译，不得擅自更改。 

用户提示词

将用户输入的内容{{content}}翻译成目标语言{{lang}}。

链接到结束节点并设置输出

单击试运行进行测试

7.动手增加逻辑

现在我们返回用户界面，为按键配置事件

以及为右侧的翻译区配置输出

8.预览发布

在发布前最后预览下应用测试是否可用，测试没有问题就可以发布啦