[发明专利]一种Web应用的前端页面的处理方法及装置

说明书

本发明提供了一种Web应用的前端页面的处理方法及装置，该处理方法包括：加载Web应用的网页文件的所有模组；根据与脚本语言文件路由绑定的DIV层的文档对象模型元素和预先设置的模型所建立的双向数据绑定，以及预设的权限标识，获取与模组中的DIV层的文档对象模型元素对应的模型的相应数据；将获取的相应数据加载到模组中的DIV层的文档对象模型元素中进行渲染和展示。应用本发明的处理方法及装置可以在第一次查询业务资源数据的时候，数据库中的所有数据就已经传输到客户端，其余的请求只需从客户端加载数据即可，为用户提供了更接近一个本地移动或桌面应用程序的体验。

技术领域

本发明涉及业务支撑和数据业务，尤其涉及一种Web应用的前端页面的处理方法及装置。

背景技术

传统的web应用的权限管理设计方法：在后台配置用户、角色、组织、资源多个数据表，数据接口中按照角色、用户、组织查询业务资源数据，把查询结果映射给前端页面，页面再解析结果集，加载到文档对象模型元素中。

整个数据查询、映射、解析、加载的代码分布凌乱、权限策略笨重不灵活，缺乏统一权限管控，可维护性很差。尤其是业务需求变更时，需要修改所有的数据查询接口、控制逻辑和前端页面，缺乏可扩展性和可移植性。

发明内容

为了克服网页上数据查询过程中权限策略笨重以及业务需求变更时可扩展性和可移植性差的问题，本发明实施例提供了一种Web应用的前端页面的处理方法及装置。

为了解决上述技术问题，本发明采用如下技术方案：

依据本发明的一个方面，提供了一种Web应用的前端页面的处理方法，所述处理方法包括：加载Web应用的网页文件的所有模组，其中模组包括：脚本语言文件和DIV层，所述脚本语言文件和DIV层设置有路由绑定关系；根据与所述脚本语言文件路由绑定的DIV层的文档对象模型元素和预先设置的模型所建立的双向数据绑定，以及预设的权限标识，获取与所述模组中的DIV层的文档对象模型元素对应的模型的相应数据；将获取的相应数据加载到所述模组中的DIV层的文档对象模型元素中进行渲染和展示。

可选的，所述处理方法还包括：根据与所述脚本语言文件路由绑定的DIV层的文档对象模型元素和预先设置的模型建立双向数据绑定。

可选的，根据与所述脚本语言文件路由绑定的DIV层的文档对象模型元素和预先设置的模型建立双向数据绑定具体包括：

获取所述模组的脚本语言文件申请的内存空间；

通过所述内存空间加载来自所述预先设置的模型的数据；

通过与所述脚本语言文件路由绑定的DIV层的文档对象模型元素加载来自所述内存空间的数据，实现与所述脚本语言文件路由绑定的DIV层的文档对象模型元素和预先设置的模型建立双向数据绑定。

可选的，所述网页文件为超文本标记语言文件。

可选的，加载Web应用的网页文件的所有模组，具体为：在脚本语言库中加载电子健康档案的网页文件的所有模组。

可选的，所述处理方法还包括：将Web应用的单个网页文件与权限标识进行路由绑定，其中每个权限标识对应于不同的模组。

依据本发明的另一个方面，提供了一种Web应用的前端页面的处理装置，包括：

前端模块，用于加载Web应用的网页文件的所有模组，其中模组包括：脚本语言文件和DIV层，所述脚本语言文件和DIV层设置有路由绑定关系；

获取模块，用于根据与所述脚本语言文件路由绑定的DIV层的文档对象模型元素和预先设置的模型所建立的双向数据绑定，以及预设的权限标识，获取与所述模组中的DIV层的文档对象模型元素对应的模型的相应数据；