贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

UiPath为我们提供的人机交互,我们做一个最简单的 HelloWorld 表单

体验一下UiPath给我们带来的便捷,我们拉出 CreateForm组件,右边设计窗体的大小,在输出面板我们设置一个输出值 OutJson

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

我们双击open form designer  窗口设计器

拖入一个 textField 控件

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

会自动打开属性设置窗口

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

Lable:  显示的内容,

Lable Position: 显示的位置,

Placeholder:  输入提示的内容

Description:   显示说明的内容

右边而是预览框,我们设置的效果所见即所得,非常直观。

进入Validation页中,设置输入格式的验证,我们设置最大和最小位数,和必填项

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

进入Fieid Key 设置控件的名称,取返回值的时候用的。

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

点保存按钮,并关闭。

我们再拖入一个 Drop-down 控件,同样会显示属性设置窗口

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

进入Data 面板,这时候显示就和文本框不一样了 ,通过 Add Another  按钮可以增加下拉框的值。

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

我们看下 Data Source Type  , 可以看到数据源不仅是文本,还支持多种的类型,这里我们选 Values

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

 进入Fieid Key 同样的给这个控件一个名称,保存退出。

 贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

这里就能显示出我们刚才设计 的界面了。

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

点保存按钮,退出窗口设计器。我们增加一个节点将窗口返回的值 打印出来,看下返回的内容是什么东东。

记的这个outJson吧。是我们之前设置的接收返回值的。

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

运行机器人,这里显出我们的窗口了。

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

我们来试下验证的功能,这时显示 验证错误了。 

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

我们填写正确后,提交按钮。

贝壳UiPath笔记- Form组件之第一个表单HelloWorld!

运行后看到控制台输出的是 一段JSON ,  inputText 是我们的输入的 Hello World!  select_info  是我们选择的值 1 。(待期未完)

有兴趣加我VX : aliuge2000 一起交流下