[发明专利]一种网页视图交互处理方法及系统

说明书

技术领域

本发明涉及网页处理技术领域，尤其涉及一种网页视图交互处理方法及 系统。

背景技术

传统的网页(Web)开发方式中，网页页面的展示和交互的方式通常为 采用document(文件节点交互方式，以下简称为dom)节点的方式进行交互。 采用dom方式进行网页的交互和展示会使得业务逻辑代码和视图操作代码 混淆在一起，耦合度高，代码变得非常复杂且难以维护，并且网页交互工具 体积臃肿，不适用于对带宽和加载速度要求比较高的移动端项目。网页开发 的学习曲线也比较陡峭，其中定义了很多自定义的api接口需要开发人员一 一记住。

发明内容

根据现有技术中存在的上述问题，现提供一种网页视图交互处理方法及 系统的技术方案，旨在降低网页代码维护和变更的复杂程度，减少网页相关 工具中不必要的功能模块，且便于开发人员理解和掌握。

上述技术方案具体包括：

一种网页视图交互处理方法，其中，包括：

步骤S1，对html文件进行扫描并得到所述html文件中带有预设标签的 文件节点；

步骤S2，对所有扫描得到的所述文件节点进行解析，以得到关联于每个 所述文件节点的视图数据以及对应的视图模型；

步骤S3，建立并保存关联于每个所述文件节点的所述视图数据与所述视 图模型之间的对应关系；

步骤S4，采用视图渲染器，结合所述视图数据和对应的所述视图模型进 行渲染，并将渲染结果显示在网页上供使用者查看。

优选的，该网页视图交互处理方法，其中，关联于每个所述文件节点的 所述预设标签包括：

关联于每个所述文件节点的原生标签，以及

设置于每个所述原生标签之前的预设前缀。

优选的，该网页视图交互处理方法，其中，执行所述步骤S3的同时， 执行下述步骤：

步骤A1，判断所述文件节点是否支持用户的输入操作；

若否，则退出；

步骤A2，监控所述文件节点上是否存在关联于用户的新的所述输入操作 的输入数值，并在存在有所述输入数值时转向步骤A3；

步骤A3，采用所述输入数值对所述视图数据进行更新；

步骤A4，刷新所述网页，并重新执行所述步骤S4。

优选的，该网页视图交互处理方法，其中，执行所述步骤A3之前，首 先执行下述判断：

步骤A31，判断所述输入数值是否与对应的所述视图数据不同；

若是，则转向所述步骤A3；

若否，则退出。

优选的，该网页视图交互处理方法，其中，所述视图数据、所述视图模 型以及所述对应关系被保存在系统内存中。

一种网页视图交互处理系统，其中，包括：

扫描单元，用于对html文件进行扫描并得到所述html文件中带有预设 标签的文件节点；

解析单元，连接所述扫描单元，用于对所有扫描得到的所述文件节点进 行解析，以得到关联于每个所述文件节点的视图数据以及对应的视图模型；

关系建立单元，连接所述解析单元，用于建立关联于每个所述文件节点 的所述视图数据与所述视图模型之间的对应关系；

存储单元，连接所述关系建立单元，用于保存所述对应关系；

渲染单元，连接所述存储单元，用于应用视图渲染器，结合所述视图数 据和对应的所述视图模型进行渲染，并将渲染结果显示在网页上供使用者查 看。

优选的，该网页视图交互处理系统，其中，关联于每个所述文件节点的 所述预设标签包括：

关联于每个所述文件节点的原生标签，以及

设置于每个所述原生标签之前的预设前缀。

优选的，该网页视图交互处理系统，其中，还包括：

判断单元，连接所述扫描单元，用于判断扫描得到的所述文件节点是否 支持用户的输入操作，并输入判断结果；

监控单元，连接判断单元，用于根据所述判断结果，监控所述文件节点 上是否存在关联于用户的新的所述输入操作的输入数值，并输出监控结果；

更新单元，分别连接所述监控单元和所述存储单元，用于根据所述监控 结果，采用所述输入数值对所述存储单元中保存的所述视图数据进行更新；