[发明专利]基于模板的web页面前端处理装置及方法

说明书

本发明提出了基于模板的web页面前端处理装置及方法，所述方法包括：web页面前端处理装置从web服务器获取业务数据；所述web页面前端处理装置中的模板引擎基于预定义的web前端模板以及所述业务数据构建渲染代码，其中，所述web前端模板定义数据渲染实现模式；所述web页面前端处理装置根据HTTP协议执行所述渲染代码以将所述业务数据渲染到web页面的指定区域。本发明所公开的基于模板的web页面前端处理装置及方法具有高的数据处理效率以及良好的代码复用性和可维护性。

技术领域

本发明涉及web页面前端处理装置及方法，更具体地，涉及基于模板的web页面前端处理装置及方法。

背景技术

目前，随着计算机和网络应用的日益广泛以及不同领域的业务种类的日益丰富，web页面前端处理装置（例如web客户端，即web前端）及方法变得越来越重要。

在现有的技术方案中，通常采用如下方式实现数据渲染：在从服务器获取到业务数据之后，web客户端通过字符拼接以及创建元素的方式将所述业务数据渲染到指定的页面展示元素中。

然而，现有的技术方案存在如下问题：当web客户端与服务器之间进行复杂而频繁的数据交互时，由于每次接收到业务数据之后均需进行字符拼接以及创建元素以完成数据渲染，故繁琐而费时，从而导致数据处理效率较低，并且由于数据显示代码和逻辑代码混杂在一起，故代码的可读性和维护性较差，

因此，存在如下需求：提供具有高的数据处理效率以及良好的代码复用性和可维护性的基于模板的web页面前端处理装置及方法。

发明内容

为了解决上述现有技术方案所存在的问题，本发明提出了具有高的数据处理效率以及良好的代码复用性和可维护性的基于模板的web页面前端处理装置及方法。

本发明的目的是通过以下技术方案实现的：

一种基于模板的web页面前端处理装置，所述基于模板的web页面前端处理装置包括：

业务数据获取单元，所述业务数据获取单元通过与web服务器的数据交互而获取业务数据；

模板引擎，所述模板引擎基于预定义的web前端模板以及所述业务数据构建渲染代码，其中，所述web前端模板定义数据渲染实现模式；

数据渲染单元，所述数据渲染单元根据HTTP协议执行所述渲染代码以将所述业务数据渲染到web页面的指定区域；

存储单元，所述存储单元用于存储所述预定义的web前端模板；

显示单元，所述显示单元用于显示所述web页面。

在上面所公开的方案中，优选地，所述web前端模板以伪代码的形式实现，并且所述web前端模板包含数据转换标签。

在上面所公开的方案中，优选地，所述模板引擎以如下方式构建所述渲染代码：用所获取的实际业务数据置换所述web前端模板中的数据转换标签。

在上面所公开的方案中，优选地，通过JavaScript的正则表达式实现所述模板引擎。

在上面所公开的方案中，优选地，所述模板引擎在用所获取的实际业务数据置换所述web前端模板中的数据转换标签之前预编译所述web前端模板以将所述web前端模板处理成JavaScript代码形式的函数对象，并且随之以如下方式用所获取的实际业务数据置换所述web前端模板中的数据转换标签：将所获取的实际业务数据作为参数变量赋予所述函数对象。

本发明的目的也可以通过以下技术方案实现：

一种基于模板的web页面前端处理方法，所述方法包括下列步骤：

（A1）web页面前端处理装置从web服务器获取业务数据；