一种表单适配的方法、装置和系统制造方法及图纸

本发明专利技术公开了一种表单适配的方法、装置和系统，涉及互联网技术领域，为了解决无法在移动终端上进行表单元素动态变换操作的问题而发明专利技术。其中，该方法包括：接收移动终端针对转换页面进行表单动态操作的指令请求，该指令请求包括表单动态操作对应的表单元素参数；根据终端标识及转换页面所属应用的标识查找虚拟浏览器；通过虚拟浏览器查找对应表单元素参数的表单元素；通过虚拟浏览器对表单元素进行对应表单动态操作的内部操作，得到web页面对应的文件对象模型DOM树的修改结果；根据该修改结果以及预设页面模板，生成表单元素展开/隐藏的新页面；将新页面发送给移动终端。本发明专利技术主要用于将基于PC的表单网页适配至移动终端。

【技术实现步骤摘要】
一种表单适配的方法、装置和系统
本专利技术涉及互联网
，尤其涉及一种表单适配的方法、装置和系统。
技术介绍
随着移动互联网技术的发展，智能手机、平板电脑(Pad)等移动终端(MobilTerminal，简称MT)越来越普及，人们越来越多的希望通过移动终端也能像通过个人电脑(PersonalComputer,简称PC)一样自如访问海量的互联网资源、进行页面操作。然而由于许多页面最初都是针对PC开发的，受到移动终端的显示屏大小、支持的标记语言比较有限等性能限制，许多基于PC的页面需要通过一定的技术处理后才能正常应用于移动终端，此技术处理的过程也就是实现PC端到移动终端页面适配的过程。将基于PC端的表单(Form)适配至移动终端便是一种典型的页面适配。表单主要用于服务器利用终端进行数据采集。表单一般包括表单标签、表单域和表单按钮。其中，表单域用于接收用户利用输入框输入的表单数据，可为单行文本框、多行文本框、密码框、隐藏域、单选框、复选框、下拉选择框和文件上传框等；表单标签用于指示表单数据对应的字段名；表单按钮用于将数据传送到服务器上或者取消输入，一般包括提交按钮、复位按钮和一般按钮。现有技术中表单适配的方案仅仅是将基于PC开发的表单通过某种模板，转换成移动终端中可以显示、可以进行简单的文字输入的方式。然而，从人机交互的层面来讲，用户在填写表单时，经常会遇到点击一个单选框、勾选一个多选框或者选择下拉列表的一个元素后，页面加载出相应的内容以进行后续操作的情况。从网页编码来看，脚本语言(Javascript，简称JS)是一种目前最广泛使用的网页前端开发语言，可以配合文件对象模型(DocumentObjectModel，简称DOM)实现多种网页动态变换效果，例如表单中点击一个单选框、勾选一个多选框或者选择下拉列表的一个元素后，页面加载出相应的内容以进行后续操作的情况，可以看作是对表单元素的隐藏和展示操作，就是一种网页动态变换操作。现有技术无法实现在移动终端上对表单进行上述表单元素的隐藏和展示操作。
技术实现思路
本专利技术实施例提供一种表单适配的方法、装置和系统，能够解决无法在移动终端上进行表单元素动态变换操作的问题。为达到上述目的，本专利技术的实施例采用如下技术方案：一种表单适配的方法，包括：接收移动终端针对转换页面进行表单动态操作的指令请求，其中，转换页面为对网页web页面进行转换并发送给移动终端的页面，指令请求包括表单动态操作对应的表单元素参数，表单动态操作包括对表单元素的展开/隐藏操作；根据终端标识及转换页面所属应用的标识查找对应上述应用的虚拟浏览器；通过虚拟浏览器查找对应表单元素参数的表单元素；通过虚拟浏览器对表单元素进行对应表单动态操作的内部操作，得到所述web页面对应的文件对象模型DOM树的修改结果；根据DOM树的修改结果以及预设页面模板，生成表单元素展开/隐藏的新页面；将新页面发送给移动终端。一种表单适配的装置，包括：接收单元，用于接收移动终端针对转换页面进行表单动态操作的指令请求，其中，转换页面为对网页web页面进行转换并发送给移动终端的页面，指令请求包括表单动态操作对应的表单元素参数，表单动态操作包括对表单元素的展开/隐藏操作；浏览器查找单元，用于根据终端标识及转换页面所属应用的标识查找对应上述应用的虚拟浏览器；表单元素查找单元，用于通过浏览器查找单元查找到的虚拟浏览器查找对应接收单元接收的表单元素参数的表单元素；处理单元，用于通过浏览器查找单元查找到的虚拟浏览器对表单元素查找单元查找到的表单元素进行对应表单动态操作的内部操作，得到所述web页面对应的文件对象模型DOM树的修改结果；生成单元，用于根据处理单元得到的DOM树的修改结果以及预设页面模板，生成表单元素展开/隐藏的新页面；发送单元，用于将生成单元生成的新页面发送给移动终端。一种表单适配的的系统，包括：移动终端、中间设备以及web服务器，其中，web服务器，用于向中间设备发送web页面，以使得中间设备对web页面进行转换，得到转换页面并发送给移动终端；移动终端，用于向中间设备发送针对转换页面进行表单动态操作的指令请求，其中，指令请求包括表单动态操作对应的表单元素参数，表单动态操作包括对表单元素的展开/隐藏操作；中间设备，用于接收移动终端发送的指令请求，根据终端标识及转换页面所属应用的标识查找对应上述应用的虚拟浏览器，通过虚拟浏览器查找对应表单元素参数的表单元素，通过虚拟浏览器对表单元素进行对应表单动态操作的内部操作，根据内部操作的内容修改web页面对应的DOM树，得到DOM树的修改结果，根据DOM树的修改结果以及预设页面模板，生成表单元素展开/隐藏的新页面，将该新页面发送给移动终端；移动终端还用于接收中间设备发送的新页面，对接收的新页面进行渲染并显示。本专利技术实施例提供的表单适配的方法、装置和系统，能够在接收移动终端对由web页面转换而成的转换页面进行表单元素参数的展开/隐藏的指令请求后，根据终端标识和转换页面所属应用的标识查找对应该应用的虚拟浏览器，对于同一个终端而言虚拟浏览器和应用唯一对应，在用户第一次操作该应用时初始化虚拟浏览器；再通过虚拟浏览器查找与表单元素参数对应的表单元素并进行相应的内部操作，得到web页面对应的文件对象模型DOM树的修改结果，再根据该修改结果以及预设模板生成展示或隐藏某些表单元素的新页面，并将新页面发送给移动终端。与现有技术中页面的一次性转换相比，能够以虚拟浏览器作为中间媒介实现web页面转换，并且在进行页面转换时，通过虚拟浏览器的内部操作得到某些节点的状态改变后的DOM树，并结合页面模板，生成隐藏/显示表单元素的新页面。因此，本专利技术不仅能够将web页面成功转换为移动终端可以渲染的页面，还能够实现隐藏和展示表单元素的动态响应，真正实现web表单由PC到移动终端的适配。附图说明为了更清楚地说明本专利技术实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。图1为本专利技术实施例中一种表单适配的方法流程图；图2为用户进行表单元素的直接输入操作示意图；图3a和图3b为用户进行表单元素的展开操作示意图；图4a和图4b为用户进行表单元素的隐藏操作示意图；图5为本专利技术实施例中一种表单适配的方法的转换页面加载的网络交互图；图6为本专利技术实施例中一种表单适配的方法的转换页面动态操作和提交操作的网络交互图；图7为本专利技术实施例提供的一种表单适配的装置的结构示意图；图8为本专利技术实施例提供的一种表单适配的装置的结构示意图；图9为本专利技术实施例提供的一种表单适配的系统示意图。具体实施方式下面将结合本实施例中的附图，对本实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例，都属于本专利技术保护的范围。为了实现移动终端对表单元素的显示/隐藏的动态操作，本专利技术实施例1提供了一种表单适配的方法，如图1所示，包括：101、接收移动终端针对转换本文档来自技高网...

【技术保护点】
一种表单适配的方法，其特征在于，所述方法包括：接收移动终端针对转换页面进行表单动态操作的指令请求，其中，所述转换页面为对网页web页面进行转换并发送给所述移动终端的页面，所述指令请求包括所述表单动态操作对应的表单元素参数，所述表单动态操作包括对表单元素的展开/隐藏操作；根据终端标识及所述转换页面所属应用的标识查找对应所述应用的虚拟浏览器；通过所述虚拟浏览器查找对应所述表单元素参数的表单元素；通过所述虚拟浏览器对所述表单元素进行对应所述表单动态操作的内部操作，得到所述web页面对应的文件对象模型DOM树的修改结果；根据所述DOM树的修改结果以及预设页面模板，生成表单元素展开/隐藏的新页面；将所述新页面发送给所述移动终端。

【技术特征摘要】
1.一种表单适配的方法，其特征在于，所述方法包括：接收移动终端针对转换页面进行表单动态操作的指令请求，其中，所述转换页面为对网页web页面进行转换并发送给所述移动终端的页面，所述指令请求包括所述表单动态操作对应的表单元素参数，所述表单动态操作包括对表单元素的展开/隐藏操作；根据终端标识及所述转换页面所属应用的标识查找对应所述应用的虚拟浏览器；通过所述虚拟浏览器查找对应所述表单元素参数的表单元素；通过所述虚拟浏览器对所述表单元素进行对应所述表单动态操作的内部操作，得到所述web页面对应的文件对象模型DOM树的修改结果；根据所述DOM树的修改结果以及预设页面模板，生成表单元素展开/隐藏的新页面；将所述新页面发送给所述移动终端。2.根据权利要求1所述的方法，其特征在于，所述通过虚拟浏览器对所述表单元素进行对应所述表单动态操作的内部操作，得到所述web页面对应的文件对象模型DOM树的修改结果包括：点击所述表单元素，执行所述表单元素对应的脚本语言JS脚本，得到所述web页面对应的文件对象模型DOM树的修改结果；其中，所述表单动态操作包括：点击单选框、复选框或下拉列表中的一项元素。3.根据权利要求1所述的方法，其特征在于，在所述接收移动终端针对转换页面进行表单动态操作的指令请求之前，所述方法进一步包括：接收移动终端的页面加载请求；根据所述页面加载请求向web服务器请求所述web页面的页面数据；接收web服务器应答的所述web页面；查找与所述web页面对应的页面模板；按照所述页面模板将所述web页面转换为所述转换页面；将所述转换页面发送至所述移动终端。4.根据权利要求3所述的方法，其特征在于，在所述根据所述页面加载请求向web服务器请求所述web页面的页面数据之前，所述方法还包括：查找所述页面加载请求对应的统一资源定位符URL；根据终端标识及请求加载页面的应用的标识查找对应所述应用的虚拟浏览器；所述根据所述页面加载请求向web服务器请求所述web页面的页面数据，包括：根据所述URL，通过所述虚拟浏览器向web服务器请求所述web页面的页面数据；所述接收web服务器应答的所述web页面，包括：通过所述虚拟浏览器接收web服务器应答的所述web页面。5.根据权利要求4所述的方法，其特征在于，所述方法还包括：通过所述虚拟浏览器接收应答的所述web页面的JS脚本和DOM树并保存。6.根据权利要求1或4所述的方法，其特征在于，在将所述新页面发送给所述移动终端之后，所述方法进一步包括：接收所述移动终端针对所述新页面进行提交操作的指令请求；所述指令请求包括用户在表单中填写的表单数据；根据所述表单数据通过所述虚拟浏览器修改所述DOM树中的对应的数值；将修改后的所述DOM树发送给web服务器。7.一种表单适配的装置，其特征在于，所述装置包括：接收单元，用于接收移动终端针对转换页面进行表单动态操作的指令请求，其中，所述转换页面为对网页web页面进行转换并发送给所述移动终端的页面，所述指令请求包括所述表单动态操作对应的表单元素参数，所述表单动态操作包括对表单元素的展开/隐藏操作；浏览器查找单元，用于根据终端标识及所述转换页面所属应用的标识查找对应所述应用的虚拟浏览器；表单元素查找单元，用于通过所述浏览器查找单元查找到的所述虚拟浏览器查找对应所述接收单元接收的所述表单元素参数的表单元素；处理单元，用于通过所述浏览器查找单元查找到的所述虚拟浏览器对所述表单元素查找单元查找到的所述表单元素进行对应所述表单动态操作的内部操作，得到所述web页面对应的文件对象模型DOM树的修改结果；生成单元，用于根据所述处理单元得到的所述DOM树的修改结果以及预设页面模板，生成...

【专利技术属性】
技术研发人员：李进，
申请(专利权)人：福建星网锐捷网络有限公司，
类型：发明
国别省市：福建;35