[发明专利]一种基于WebApp的数据处理方法和系统

说明书

本发明公开了一种基于WebApp的数据处理方法和系统，方法包括以下步骤：步骤1、路由解释器接收浏览器发起的页面请求，根据页面请求中的url获取hash值，并将hash值发送至根控制器中；步骤2、根控制器根据hash值加载目标内容模块，并进入逻辑处理步骤；步骤3、根控制器将逻辑处理步骤后生成的结果视图数据填充至根视图模块中，并将根视图模块的内容返回浏览器中。本发明应用于由模块化开发框架所开发的应用程序中，解决应用程序中的模块复用性差、移植性差以及开发难度大的问题。

技术领域

本发明涉及一种基于WebApp的数据处理方法和系统。

背景技术

Web App是运行于网络和标准浏览器上，基于网页技术开发实现特定功能的应用。它是一个针对Iphone、Android优化后的web站点，它使用的客户端技术是HTML5、CSS3、JavaScript，服务端技术可以是JAVA、PHP、.net等。

单页面应用是webapp实现的一种方式，它旨在提供一个流畅的优雅的用户体验，但本身并不包含开发架构。技术人员并没有一个统一的规范去实现单页面应用，而且单页应用的特点导致大量代码(主要是html)编写在一个文件里，往往代码高度耦合、维护性差、移植性差。目前webapp并没有成熟的开发框架，导致开发人员开发效率低下，一个应用产生大量的代码，往往高耦合、难以重用，代码维护成本非常大。

发明内容

为了克服现有技术的不足，本发明的目的在于提供一种基于WebApp的数据处理方法和系统，应用于由模块化开发框架所开发的应用程序中，解决应用程序中的模块复用性差、移植性差以及开发难度大的问题。

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

方案一：

一种基于WebApp的数据处理方法，包括以下步骤：

步骤1、路由解释器接收浏览器发起的页面请求，根据页面请求中的url获取hash值，并将hash值发送至根控制器中；

步骤2、根控制器根据hash值加载目标内容模块，并进入逻辑处理步骤；

步骤3、根控制器将逻辑处理步骤后生成的结果视图数据填充至根视图模块中，并将根视图模块的内容返回浏览器中。

优选的，在步骤2中，逻辑处理步骤包括：

步骤21、将根控制器加载的目标内容模块记为当前内容模块；

步骤22、加载当前内容模块中的逻辑控制单元，并执行该逻辑控制单元中定义的逻辑内容；

步骤23、判断逻辑内容中是否包括加载其它内容模块的逻辑，若是，则将其它内容模块记为当前内容模块并执行步骤22，否则执行步骤24；

步骤24、生成结果视图数据，结果视图数据用于填充至根视图模块中。

优选的，逻辑内容包括：定义当前内容模块中的视图单元与事件单元中定义的事件的绑定关系；

和/或调用当前内容模块中的数据层单元从数据库中获取对应的数据；

和/或调用其它内容模块中的数据层单元从数据库中获取对应的数据；

和/或将获取的数据发送至其它内容模块中；

和/或将获取的数据结合当前内容模块中的显示模板单元生成当前模板格式数据，并将当前模板格式数据填充至当前内容模块的视图单元中。

方案二：

一种基于WebApp的数据处理系统，包括以下模块：