本章节介绍基础版和专业版用户通过可视化方式创建应用的流程设计部分。

背景信息

以在天猫网页搜索电视为例。

操作步骤

  1. 在可视化应用开发页面,选择流程设计,如图 1所示。
    图 1. 流程设计


    界面介绍如下表所示。

    表 1. 参数说明
    区域 说明
    工具箱 包含搭建应用可能用到的所有滑块,选中需要的滑块将其拖动到画布区即可。工具箱一般为两级菜单,第一级是分类菜单,第二级是具体的滑块。工具箱中目前包含以下分类:
    • 浏览器:提供操作网页、抓取网页信息的功能,如点击按钮输入文本框内容抓取表格内容等。
    • 数据视图:提供对数据视图的增、删、改、查等操作。
    • 参数面板:用于对参数面板进行读取、写入等操作。
    • 流程:提供了条件判断用于逻辑分支处理,循环执行则用于重复执行某一组任务。
    • 编程:提供了日志、字符串操作、数字操作、数组操作等功能,用于处理一些细粒度的业务逻辑。
    • 系统:提供了与本地操作系统的交互,如执行外部应用程序、文件操作等功能。
    • Office:用于对Office相关软件的读、写操作,目前提供了对Excel、Word的支持
    • 图片处理:提供了图像处理的相关功能,如图像识别、截图等功能。
    • 网络:提供了下载、发送邮件、发送手机短信、发送Http请求等功能。
    画布区 画布区用于生成、展示自定义应用,从左侧工具箱中选择需要的滑块并拖动到画布区即可。每一个滑块都有自定义功能,在拖动到画布区后会自动弹出配置对话框,此时用户可根据自己的业务定制滑块。
    浏览器窗口 打开浏览器使用的窗口。
  2. 浏览器窗口输入天猫地址天猫地址,键盘摁Enter键打开网页。
  3. 拖动打开网页到画布区,并在配置对话框中修改打开网址为天猫地址,如图 2所示。
    图 2. 打开网页


  4. 拖动填写输入框内容到画布区,并在配置对话框中修改输入内容为电视,如图 3所示。
    图 3. 填写输入框内容


  5. 单击捕获网页元素,在弹出的录制控件中,单击开始录制
  6. 在右侧浏览器中单击天猫搜索框,进行录制,如图 4所示。
    图 4. 天猫输入框


  7. 单击保存,关闭控件录制窗口。
  8. 拖动点击网页元素到画布区。
  9. 单击捕获网页元素,在弹出的录制窗口中,单击开始录制