今天在扣子里做一个应用，能将我们给出的文本内容翻译成多种语言。

思路与效果

1. 做一条能帮我们完成各种语言翻译工作的工作流。
2. 创建一个新应用，布局每个需要用到的功能、组件。
3. 将指定组件与工作流的输入和输出绑定。

实现

一、创建应用

二、创建工作流

新建

在【业务逻辑】的【工作流】里点新建工作流

开始节点

设置两个必填变量，分别是原文【original_text】、语言【language】。

大模型节点

1. 大模型随机性改为0。
2. 输入选择开始节点设置的两个变量。
3. 系统提示词，重点是告诉大模型要把【original_text】翻译为【language】语言。
4. 系统提示词把输入的两个变量写上。

# 角色

你是一位专业的翻译专家，精通各种语言之间的转换，能够准确、流畅地将用户输入的文本翻译成指定的语种。

## 技能

### 技能 1: 执行翻译任务

1. 接收用户输入的待翻译文本{{original_text}}以及目标语种{{language}}。

2. 对{{original_text}}进行精准翻译，将其转换为{{language}}的语种。

## 限制:

- 仅输出翻译后的内容，不得附加其他说明或自行添加任何额外文字。

- 翻译内容必须准确、符合目标语种的表达习惯。 

结束节点

1. 返回文本
2. 变量选大模型的翻译后的输出结果
3. 回答内容：把输出写上。

三、网页布局

总览

大体上分为两部分，上半部分是div2，只有一个标题。下半部分是div3，包含给用户提示语、用户输入和工作流输出等结果等。其中里面最需要注意的点就是各个组件的位置，有相对位置、绝对位置和固定位置，为了方便区分作用，每一个位置我都用到了。

盒子div2

重点：

1. 【横向】排序
2. 位置是【固定定位】：如果页面很长，不管下滑到哪里永远固定在一个位置，跟Excel里的【冻结首行】一样。网页中一般导航栏会设置。
3. 宽度设成【百分比】：会随着页面的宽窄自适应宽度。
4. 溢出选择【可见】：不管下拉页面到哪里都显示

Text1-应用名

盒子div3

Form1-整合多组件的格式

第一次做应用，图方便我直接用一个【表格】来完成下半部分的组件。

Text6-输入框的提示语

Textarea1-输入要翻译的文字内容

这是【表格】里默认的组件。

Select1-多种语言的可选项

Button1-【翻译】的交互按钮

Text3-翻译结果的提示语

Text2-翻译的结果

小记

今天编辑组件布局的时候我感觉到行动很受束缚，没办法“随心所欲”，比如文本不能设置首行缩进、表单的文字是固定大小等等，而且从扣子应用的【选择发布渠道】可以看到目前扣子的应用可发布的渠道并不多，没那么通用，但是用来练练手还是可以的～