财务机器人开发与应用实战 教案 任务6-2 Web人机交互自动化

课堂教学设计授课教师所在部门会计学院课程名称财务机器人开发与应用实战课时2学习单元6子任务Web人机交互自动化授课时间第六周授课地点会计实训室授课班级专业能力目标C6-1学生能够理解并应用Web自动化组件C6-2学生能够设计并实现自动化Web交互流程。知识目标K6-1了解Web自动化组件的功能和操作。K6-2掌握使用RPA工具进行Web数据抓取和交互的方法。素质目标方法能力培养学生的Web数据抓取和处理能力。社会能力通过团队合作，提升沟通协调能力和团队合作精神。重点及措施重点：学习并应用Web自动化组件，设计自动化流程。措施：通过演示、实操和案例分析，加深学生对Web自动化组件的理解和应用。难点及措施难点：理解并应用Web自动化组件解决复杂的Web交互任务。措施：提供实际案例，引导学生分析问题并设计解决方案，鼓励创新思维。教学资源序号资源名称资源类型1教师、助教人力资源2会计实训室计算机、投影仪硬件资源3财务机器人开发软件、浏览器信息资源4…评价办法过程性课堂实训（20%），出勤率（10%），课堂表现（20%）结果性上机考试（50%）课后作业完成Web数据抓取和处理的自动化练习题。预习下一单元内容。

教学过程设计教学环节预计时间（分钟）任务（含情境）设计学生活动教师活动引入5介绍Web自动化在财务数据收集中的重要性思考讨论引入话题，提出问题组件学习20学习Web自动化相关组件学习操作、提问讲解组件功能、演示操作流程设计20设计自动化Web交互流程分组设计流程、讨论指导设计、答疑解惑实操搭建40搭建自动化Web交互机器人分组搭建机器人巡回指导、提供反馈总结5回顾Web自动化组件的重点思考总结总结重点，布置作业课程思政点：讨论自动化技术对提高工作效率的重要性，培养学生的专业责任感。通过小组合作，强化团队协作精神和社会责任感。

1．网页组件应用介绍1）【打开新网页】组件①功能利用【打开新网页】组件可以操作Chrome、Edge、IE浏览器，并且打开指定网址的网页。②位置与语句【打开新网页】组件的位置与语句如表6-1所示。表6-1【打开新网页】组件的位置与语句位置语句③属性与说明【打开新网页】组件的属性与说明如表6-2所示。表6-2【打开新网页】组件的属性与说明属性当前值说明输入打开网址或其他网站通过在文本框中直接输入、选择已有变量、新增变量等方式填写希望打开的网址浏览器类型Chrome默认选择Chrome单选按钮，也可以选择Edge、IE单选按钮是否指定Chrome程序路径否是否等待加载完成是设置是否等待加载完成单次执行超时时间（秒）100用于设置单次执行超时时间，默认值为100秒输出浏览器对象v_web_obj_1（默认）2）【获取已打开网页】组件①功能利用【获取已打开网页】组件可以操作Chrome、Edge、IE浏览器，通过查找标题或单击URL的方式，指定获取一个已打开的网页。②位置与语句【获取已打开网页】组件的位置与语句如表6-3所示。表6-3【获取已打开网页】组件的位置与语句位置语句③属性与说明【获取已打开网页】组件的属性与说明如表6-4所示。表6-4【获取已打开网页】组件的属性与说明属性当前值说明输入浏览器类型Chrome默认选择Chrome单选按钮，也可以选择Edge、IE单选按钮查找方式标题可以通过查找页面标题或单击URL的方式查找已打开的页面查找内容百度一下，你就知道输入网页的名称查找规则包含基于上一项中填写的查找内容，选择相等、正则或包含的匹配方式查找符合条件的网页输出浏览器对象v_web_obj_1（默认）以变量的形式保存浏览器对象，变量名称由系统默认生成，也支持用户以满足变量命名规范的方式自定义变量3）【激活网页】组件①功能利用【激活网页】组件可以将一个已打开网页所在的浏览器切换到Windows桌面的最前面，并且在浏览器内激活该网页。②位置与语句【激活网页】组件的位置与语句如表6-5所示。表6-5【激活网页】组件的位置与语句位置语句③属性与说明【激活网页】组件的属性与说明如表6-6所示。表6-6【激活网页】组件的属性与说明属性当前值说明输入激活已打开的浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面4）【最大化网页】组件①功能利用【最大化网页】组件可以将一个已打开网页所在的浏览器切换到Windows桌面的最前面，并且在浏览器中将该网页最大化。②位置与语句【最大化网页】组件的位置与语句如表6-7所示。表6-7【最大化网页】组件的位置与语句位置语句③属性与说明【最大化网页】组件的属性与说明如表6-8所示。表6-8【最大化网页】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面5）【滚动页面】组件①功能利用【滚动页面】组件可以将Chrome、Edge、IE浏览器中的网页向左、向右、向下、向上滚动指定像素的距离。②位置与语句【滚动页面】组件的位置与语句如表6-9所示。表6-9【滚动页面】组件的位置与语句位置语句③属性与说明【滚动页面】组件的属性与说明如表6-10所示。表6-10【滚动页面】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面横向滚动向右默认向右横向滚动，还可以设置为向左横向滚动向右滚动距离（像素）—默认值为0像素，用于设置向右滚动的距离纵向滚动向下默认向下纵向滚动，还可以设置为向上纵向滚动向下滚动距离（像素）—默认值为0像素，用于设置向下滚动的距离6）【页面控件滚动到可视区域（网页）】组件①功能利用【页面控件滚动到可视区域（网页）】组件可以通过使指定控件可视的方式，将Chrome、Edge、IE浏览器中的指定网页滚动到指定位置。②位置与语句【页面控件滚动到可视区域（网页）】组件的位置与语句如表6-11所示。

表6-11【页面控件滚动到可视区域（网页）】组件的位置与语句位置语句③属性与说明【页面控件滚动到可视区域（网页）】组件的属性与说明如表6-12所示。表6-12【页面控件滚动到可视区域（网页）】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面目标控件—在下拉列表中选择或直接捕捉（参考捕捉控件）一个需要滚动到指定位置的控件，代表要操作的目标控件7）【网页截图】组件①功能利用【网页截图】组件可以对Chrome、Edge、IE浏览器中的指定网页进行截图。②位置与语句【网页截图】组件的位置与语句如表6-13所示。表6-13【网页截图】组件的位置与语句位置语句③属性与说明【网页截图】组件的属性与说明如表6-14所示。表6-14【网页截图】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面图片保存至—支持通过选择或创建变量、在文本框中直接输入、单击文件夹选择路径等方式输入截图文件的存储路径

续表属性当前值说明输入图片名*.jpg通过选择或创建变量、在文本框中直接输入等方式输入希望截图文件保存为的名称和格式，如“截图1.jpg”是否增加文件名后缀否如果选择“是”单选按钮，则会增加日期时间格式后缀，如保存的截图文件名会由“截图1.jpg”变为“截图1_202208081448.jpg”输出图片文件路径v_web_image_path_1（默认）以变量的形式保存截图文件的存储路径，变量名称由系统默认生成，也支持用户以满足变量命名规范的方式自定义变量8）【关闭网页】组件①功能利用【关闭网页】组件可以关闭Chrome、Edge、IE浏览器中的指定网页。②位置与语句【关闭网页】组件的位置与语句如表6-15所示。表6-15【关闭网页】组件的位置与语句位置语句③属性与说明【关闭网页】组件的属性与说明如表6-16所示。表6-16【关闭网页】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面9）【填写输入框（网页）】组件①功能利用【填写输入框（网页）】组件可以在Chrome、Edge、IE浏览器的指定网页的指定输入框中输入内容。②位置与语句【填写输入框（网页）】组件的位置与语句如表6-17所示。

表6-17【填写输入框（网页）】组件的位置与语句位置语句③属性与说明【填写输入框（网页）】组件的属性与说明如表6-18所示。表6-18【填写输入框（网页）】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1目标控件捕捉控件在下拉列表中选择或直接捕捉一个输入控件，代表要操作的目标输入控件输入类型文本可以根据需要选择“文本”或“快捷键”单选按钮，默认选择“文本”单选按钮输入内容—通过选择或创建变量、在文本框中直接输入等方式填写要输入的内容输入方式覆盖输入可以根据需要选择“覆盖输入”或“追加输入”单选按钮。如果选择“覆盖输入”单选按钮，则表示新输入的内容会对该输入框中原有的内容进行覆盖；如果选择“追加输入”单选按钮，则表示新输入的内容会在该输入框中原有的内容的基础上进行追加。默认选择“追加输入”单选按钮10）【点击控件（网页）】组件①功能利用【点击控件（网页）】组件可以点击Chrome、Edge、IE浏览器指定页面中的指定控件。②位置与语句【点击控件（网页）】组件的位置与语句如表6-19所示。表6-19【点击控件（网页）】组件的位置与语句位置语句③属性与说明【点击控件（网页）】组件的属性与说明如表6-20所示。表6-20【点击控件（网页）】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1目标控件捕捉控件在下拉列表中选择或直接捕捉一个输入控件，代表要操作的目标输入控件基准位置相对控件中心点选择偏移量坐标基准位置，默认选择“相对控件中心点”选项，也可以选择“相对控件左上角”选项点击方式左键单击支持左键单击、左键双击、右键单击共3种点击方式模拟点击是设置是否模拟点击操作11）【元素拖拽（网页）】组件①功能利用【元素拖拽（网页）】组件可以在Chrome、Edge、IE浏览器的指定页面中拖曳指定元素（控件）。②位置与语句【元素拖拽（网页）】组件的位置与语句如表6-21所示。表6-21【元素拖拽（网页）】组件的位置与语句位置语句③属性与说明【元素拖拽（网页）】组件的属性与说明如表6-22所示。表6-22【元素拖拽（网页）】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面目标控件捕捉控件在下拉列表中选择或直接捕捉一个目标控件，代表要操作的目标元素（控件）速度模式匀速支持两种拖曳模式：匀速拖动、模拟人工拖动（速度非匀速）横向拖拽距离—需要横向拖曳的像素距离，正数为向右拖曳的距离，负数为向左拖曳的距离纵向拖拽距离—需要纵向拖曳的像素距离，正数为向下拖曳的距离，负数为向上拖曳的距离④应用示例自动登录京东全球购物网站，具体流程如图6-2所示。图6-2【元素拖拽（网页）】组件应用示例的具体流程（1）利用【打开新网页】组件，打开Chrome浏览器，访问京东全球购物网站。（2）利用【点击控件（网页）】组件模拟单击“你好，请登录”超链接。此时默认的登录方式为“密码登录”。（3）利用【填写输入框（网页）】组件填写登录用户名和登录密码。（4）利用【点击控件（网页）】组件模拟单击“登录”按钮。（5）执行结果：在成功执行上述流程后，首先打开Chrome浏览器并访问京东全球购物网站，然后单击“你好，请登录”超链接，进入登录页面，再填写登录用户名和登录密码并单击“登录”按钮，最后将滑块横向移动至指定位置，如图6-3所示。图6-3【元素拖拽（网页）】应用示例流程的执行结果12）【上传文件（网页）】组件①功能利用【上传文件（网页）】组件可以在Chrome、Edge、IE浏览器的指定网页中，通过单击上传文件按钮，自动上传指定的文件。②位置与语句【上传文件（网页）】组件的位置与语句如表6-23所示。表6-23【上传文件（网页）】组件的位置与语句位置语句③属性与说明【上传文件（网页）】组件的属性与说明如表6-24所示。表6-24【上传文件（网页）】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面目标控件捕捉控件在下拉列表中选择或直接捕捉一个目标控件，代表要操作的目标控件上传文件的本地路径设置路径变量通过选择或创建变量、在文本框中直接输入等方式填写待上传文件的本地存储路径，该路径的各级目录需要使用“\\”符号隔开④应用示例在指定网页中自动上传文件，具体流程如图6-4所示。图6-4【上传文件（网页）】组件应用示例的具体流程（1）利用【获取已打开网页】组件打开“百度网盘”网页或其他可上传文件的网页。（2）利用【上传文件（网页）】组件上传指定的文件。执行结果：在成功执行上述流程后，会在Chrome浏览器的指定页面中自动上传指定的文件。13）【下载文件（网页）】组件①功能利用【下载文件（网页）】组件可以在Chrome、Edge、IE浏览器的指定页面中，通过单击下载文件按钮，自动下载指定的文件。②位置与语句【下载文件（网页）】组件的位置与语句如表6-25所示。表6-25【下载文件（网页）】组件的位置与语句位置语句③属性与说明【下载文件（网页）】组件的属性与说明如表6-26所示。表6-26【下载文件（网页）】组件的属性与说明属性当前值说明输入已打开浏览器对象v_web_obj_1在下拉列表中选择一个相关前置组件（如【打开新网页】组件、【获取已打开的网页】组件）中输出的浏览器对象，代表要操作的目标浏览器页面目标下载控件捕捉控件在下拉列表中选择或直接捕捉一个目标控件，代表要操作的目标控件保存下载文件路径—支持通过选择或创建变量、在文本框中直接输入等方式填写待下载文件的存储路径，以及通过单击浏览文件夹选择待下载文件的存储路径保存文件名称*.docx支持通过选择或创建变量、在文本框中直接输入等方式填写保存文件的名称是否增加文件名后缀否默认选择“否”单选按钮，如果选择“是”单选按钮，则可以在文件名后额外添加日期时间或日期的后缀等待文件下载完成是选择是否等待文件下载完成输出下载文件路径v_file_path_1（默认）④应用示例在指定网页中自动下载文件，具体流程如图6-5所示。图6-5【下载文件（网页）】组件应用