CN103365847A - 一种自定义网页文件的生成方法和装置 - Google Patents

Abstract

本发明公开了一种自定义网页文件的生成方法和装置，包括：设置模板引擎的数据接口插件，各数据接口插件对应相应的模板语句；接收模块接收自定义网页的静态页面文件后，利用模板引擎查找所述静态页面文件中的模板语句，调用所述模板语句对应的数据接口插件查询数据和/或提供用于查询数据的脚本，利用模板引擎将所述静态页面文件中的所述各模板语句替换为该模板语句对应的数据接口插件查询到的数据或提供的用于查询数据的脚本，从而生成自定义网页的目标文件。利用本发明，可以降低自定义网页的建设成本和技术开发门槛。

Description

一种自定义网页文件的生成方法和装置

技术领域

本发明涉及互联网技术领域，尤其涉及一种自定义网页文件的生成方法和装置。

背景技术

随着互联网的发展壮大，越来越多的团体甚至个人都通过建立网站来展示相关的信息。网站，是指在互联网上，根据一定的规则使用超文本标记语言(HTML，Hypertext Markup Language)等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，网站发布者可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。

网站开发有一定的技术门槛，但是现在越来越多的非专业技术人员也迫切希望建立自己的网页，或者在其它大型网站上嵌入自己的网页，目前已有一些比较大的网站提供了在本网站上嵌入第三方自定义网页的技术方案。目前主流的在本网站上嵌入第三方自定义网页的技术方案有以下两种：

图1为现有技术一的在网站中嵌入第三方自定义网页的一种处理流程图。参见图1，在该现有技术一中包括：

步骤101、网站方开发多套网页模板供第三方选择，该第三方是指希望在该网站中嵌入自己网页的一方，一般是指第三方机构或者个人，所述每套网页模板之间具有样式的区别，第三方可以自由选择，并且网站方还开发用于接受第三方数据的表单供第三方填写数据。

步骤102、第三方选择一套网站方提供的自定义网页模板，把要展现的数据填写到所述表单中并提交给网站方。

步骤103、网站方把第三方提交的数据与选择的自定义网页模板整合起来，生成自定义网页。

上述现有技术一的缺点是：

11)第三方只可以控制自定义网页中显示的数据，没有办法完全自定义整个网页，并且网页的样式只能在网站提供的几套网页模板中进行选择，灵活性差。

12)自定义网页生成之后，第三方只能修改数据，无法修改网页的样式，且每次修改数据都需要重新提交所述表单，可维护性差。

13)在许多情况下，第三方需要使用网站方提供的数据，例如网站方的注册用户资料、用户的关系链数据等等，这些数据是动态的，现有技术一所有的数据都需要第三方手动填写，无法获取网站方的动态数据。

为了解决上述问题，又出现了一种现有技术二。图2为现有技术二的在网站中嵌入自定义网页的一种处理流程图。参见图2，在该现有技术二包括：

步骤201、网站方开发用于获取本方数据的数据接口以及可以嵌入网页的iframe网页，将所述数据接口提供给第三方。

步骤202、第三方根据网站提供的数据接口，编写网站程序获取到需要的网站方的数据。

步骤203、第三方搭建自己的服务器，并开发一个可以独立访问该服务器的自定义网页，把从网站方获取到的数据整合进该网页。

步骤204、第三方将写好的网页地址提交给网站方。

步骤205、网站方在所述iframe网页中显示第三方提交的网页地址的自定义网页。

上述虽然可以解决现有技术一的缺点，但是该现有技术二也有其自身的缺点，即：

21)由于第三方的自定义网页实质上是运行在自己的服务器中，因此第三方必须搭建自己的服务器，自定义网页的建设成本高。

22)第三方的人员必须会编写动态页面程序才能从网站方提供的数据接口中获得数据，所述动态页面程序需要动态语言来编写，所述动态语言例如ASP、PHP和JSP，其编写难度较静态的HTML语言要高许多，因此现有技术二的技术开发的门槛较高。

发明内容

有鉴于此，本发明的主要目的在于提供一种自定义网页文件的生成方法和装置，以降低自定义网页的建设成本和技术开发门槛。

本发明的技术方案是这样实现的：

一种自定义网页文件的生成方法，包括：

设置模板引擎的数据接口插件，各数据接口插件对应相应的模板语句；

接收自定义网页的静态页面文件；

利用模板引擎查找所述静态页面文件中的模板语句，调用所述模板语句对应的数据接口插件查询数据和/或提供用于查询数据的脚本；

利用模板引擎将所述静态页面文件中的所述各模板语句替换为该模板语句对应的数据接口插件查询到的数据或提供的用于查询数据的脚本，生成自定义网页的目标文件。

一种自定义网页文件的生成装置，包括：

至少一个数据接口插件，与相应的模板语句对应，用于查询数据或提供用于查询数据的脚本；

接收模块，用于接收自定义网页的静态页面文件；

模板引擎，其中包括插件调用子模块和数据替换子模块；

所述插件调用子模块用于查找所述静态页面文件中的模板语句，调用所述模板语句对应的数据接口插件，接收数据接口插件返回的结果；

所述数据替换子模块用于将所述静态页面文件中的所述各模板语句替换为该模板语句对应的数据接口插件查询到的数据或提供的用于查询数据的脚本，生成自定义网页的目标文件。

与现有技术相比，本发明能让第三方完全根据自己的需求自定义网页，并且所述自定义网页为静态网页，第三方开发人员只需要会编写静态网页，就可以创造出完全自定义的网页，灵活性很强，如果需要在网页中输出网站方的动态数据，只要所述静态网页中包含对应的模板语句即可，相对于专业的用于提取动态数据的编程代码来讲，该模板语句非常简单，非技术人员按照模板语句的功能描述就可以编写，因此大大降低了第三方开发人员的技术门槛。同时，由于获取动态数据的处理由网站方的数据接口插件来执行，因此本发明的方案对于第三方来讲不需要专门的服务器来运行所述获取动态数据的处理，因此可以节省用于购买服务器的开销，降低生成自定义网页的建设成本。

附图说明

图1为现有技术一的在网站中嵌入第三方自定义网页的一种处理流程图；

图2为现有技术二的在网站中嵌入第三方自定义网页的一种处理流程图；

图3为本发明所述自定义网页文件的生成方法的一种流程图

图4为本发明所述网站方和第三方之间的交互处理流程图；

图5为插入模板语句的一种HTML文件内容的示意图；

图6为一种最终生成的自定义网页目标文件的内容示意图；

图7为一种含有用于获取数据脚本的自定义网页的目标文件的内容示意图；

图8为本发明所述自定义网页文件的生成装置的一种实施例组成示意图；

图9为本发明所述自定义网页文件的生成装置的又一种实施例组成示意图。

具体实施方式

下面结合附图及具体实施例对本发明再作进一步详细的说明。

图3为本发明所述自定义网页文件的生成方法的一种流程图。参见图3，本发明的方法包括：

301、预先设置模板引擎的数据接口插件，各数据接口插件对应相应的模板语句。所述每种数据接口插件用于查询网站方相应的数据或者提供用于查询数据的脚本，各种数据接口插件组成了一个数据接口插件库供模版引擎调用。

302、接收第三方提交的自定义网页的静态页面文件，所述静态页面文件中包含模板语句。该静态页面文件的格式通常为HTML文件，下面以HTML文件为例进行说明。

303、利用模板引擎查找所述静态页面文件中的模板语句，调用所述各模板语句对应的数据接口插件查询数据和/或提供用于查询数据的脚本。

304、利用模板引擎将所述静态页面文件中的所述各模板语句替换为该模板语句对应的数据接口插件查询到的数据或提供的用于查询数据的脚本，最终生成自定义网页的目标文件。

本发明的方案是一种基于模板引擎的自定义网页生成方案。所述模板引擎(本说明书中特指用于网站开发的模板引擎)是为了使第三方界面与业务数据(内容)分离而出现的一种开发工具，它可以生成特定格式的文档，每种网络脚本语言都有对应的模板引擎。

本发明所利用的模板引擎可以有多种选择，例如针对不同的网络脚本语言可以选择不同的模板引擎，但是需要模板引擎支持插件功能。针对目前绝大部分网站都是由PHP脚本语言编写的情况，本发明在一种优选实施例中，选择PHP的模板引擎，例如具体可以使用“Smarty模板引擎”，smarty模板引擎是用PHP写出来的一种比较受业界欢迎的模板引擎，具有支持插件的功能，它的作用是把网页的后台逻辑和前台展现完全分离。而且具备如下优点：速度快、是编译型模板、支持缓存技术、支持插件技术等。采用Smarty模板引擎，先天性的具备转换速度快，支持缓存功能等特点，可以让网站在接入第三方自定义网页时性能风险减小，保障了网站的稳定性。

下面以smarty模板引擎为例对本发明的方案进行说明。

采用模板引擎的主要目的就是让网页的后台逻辑和前台展现分离开，然后让网站实现后台逻辑，并把后台数据接口以模板语句的方式提供给第三方，第三方只需要实现页面的静态页面文件(通常为HTML文件)，然后在需要使用网站方数据的地方插入网站方提供的模板语句，最后由网站方的模板引擎把带有模板语句的HTML文件转换成真正的自定义网页的目标文件。

图4为本发明所述网站方和第三方之间的交互处理流程图。参见图4，主要流程包括：

步骤401、网站方搭建smarty模板引擎；通过Smarty模板引擎的插件应用程序编程接口(API，Application Programming Interface)，把网站方的每一个数据接口都编写成一个Smarty模板引擎的数据接口插件，每个数据接口插件都负责输出特定的数据。例如可以查询网站方的数据库，输出用户注册资料、用户的关系链数据等网站方数据。所述数据接口插件的调用方式为执行“模板语句”，每个数据接口插件都会对应一条模版语句，网站方只需要把每个数据接口插件对应的模板语句及其功能描述提供给第三方，第三方只需要编写包含所述模板语句的自定义网页的静态网页文件即可。

步骤402、第三方编写自定义网页的HMTL页面，在需要网站方数据的地方插入相应的模板语句，如图5所示为插入模板语句的一种HTML文件内容的示意图，其中所述方框501内的数据就是模板语句，相对于专业的用于提取动态数据的编程代码来讲，该模板语句非常简单，非技术人员按照模板语句的功能描述就可以编写，因此大大降低了第三方开发人员的技术门槛。

步骤403、第三方将编写好的HTML文件提交给网站方。

步骤404、网站方通过所述图3的处理方式，利用Smarty模板引擎把第三方提交的HTML文件转换成自定义网页的目标文件。

例如smarty模板引擎可以查找所述HTML文件中的模板语句，调用所述模板语句对应的数据接口插件查询数据，之后所述smarty模板引擎将所述静态页面文件中的所述各个模板语句替换为该模板语句对应的数据接口插件查询到的数据，从而生成自定义网页的目标文件，如图6为一种最终生成的自定义网页目标文件的内容示意图，其中方框601中的数据就是所述图5的模板语句501所对应的数据接口插件查询到的数据，该自定义网页目标文件的格式也是HTML，因此可以直接显示在用户的浏览器中。

上述数据接口插件直接查询到的是具体的数据，对于有些模板引擎来讲不支持动态数据加载，例如Smarty模板引擎就是编译型的模板引擎，由于Smarty模板引擎转换生成的自定义网页目标文件在生成的那一刻就已经固定了，除非重新处理一遍输入的HTML文件，否则该自定义网页的页面就不会发生变化。因此，如果只是利用数据接口插件查询返回具体的数据，则生成的自定义网页目标文件无法根据网站方的数据变化动态地调整该自定义网页的数据，即无法在自定义网页上实现动态数据加载。为了解决这个问题，在一种实施例中，所述数据接口插件可以不必查询返回具体的数据，而是生成一段用于获取相应数据的脚本，这样在调用第三方提交的HTML文件中的模板语句对应的数据接口插件时，将所述输入的HTML文件的该数据接口插件对应的模板语句替换为所述用于获取数据的脚本，因此在自定义网页目标文件上最终输出的并不是数据，而是一段获取数据的脚本。如图7所示为一种含有获取数据脚本的自定义网页的目标文件的内容示意图，其中所述方框701的内容为所述获取数据的脚本。在本实施例中Smarty模板引擎的数据接口插件基于PHP编写，因此所述脚本为PHP脚本。之后，需要将该具有脚本的自定义网页文件的文件名修改为该脚本对应格式的文件名，例如对于PHP脚本来讲需要修改为.php的后缀名，该自定义网页文件是一个动态文件，当该动态页面被请求查看时，利用所述脚本对应的编译器编译所述自定义网页文件得到最终的网页文件，例如利用PHP的编译器编译所述后缀名为.php的自定义网页文件，得到最终的网页文件，该最终的网页文件通常为HTML文件，可以由浏览器直接展现。所述PHP脚本被编译后得到的最终数据与图6中所述方框601内的数据相似，但是这些数据是动态加载的，这样就可以实现了动态数据加载的功能。

本发明中由于获取动态数据的处理由网站方的数据接口插件来执行，因此本发明的方案对于第三方来讲不需要专门的服务器来运行所述获取动态数据的处理，因此可以节省购买服务器的开销，降低生成自定义网页的建设成本。本发明生成自定义网页后也可以随时修改，因此还具备灵活性强、可维护性强的优势。

另外，当所述模板引擎为smarty模板引擎时，由于Smarty模板引擎不支持HTML文件，而且HTML文件中的CSS样式和JavaScript脚本会与Smarty自身的语言发生冲突，导致最终自定义网页文件的转换失败。本发明为了降低第三方编写自定义网页的技术门槛，该自定义页面生成系统需要能直接处理第三方提交的HTML文件。可是Smarty不支持HTML文件而且HTML文件中的CSS样式和JavaScript脚本会与Smarty自身的语言发生冲突。为了解决这个问题，本发明的一种实施例中采用如下处理方式进行处理：

(1)Smarty虽然不支持HTML文件，但是支持TPL文件，TPL文件兼容HTML的语法，所以本发明的方法在网站方接收到所述HTML文件之后、利用smarty模板引擎处理之前，进一步包括：将所述静态页面文件的格式转换为TPL格式，例如具体可以将HTML文件的后缀名修改为TPL文件的后缀名，之后再将所述TPL格式的静态页面文件输入给smarty模板引擎处理。

(2)把后缀名改成TPL之后，再对该TPL文件内容进行文本分析，利用正则表达式匹配出文件内容中的CSS代码片段和/或JavaScript代码片段。然后在所有的CSS代码片段和/或JavaScript代码片段加上忽略标记。例如可以在CSS代码片段和/或JavaScript代码片段的起始位之前插入起始忽略标记“{literal}”，在所有的CSS代码片段和/或JavaScript代码片段的结束位之后插入结尾忽略标记“{/literal}”。Smarty模板引擎在对所述TPL文件进行处理的时候会忽略“{literal}“和”{/literal}”之间的内容，因此这样做就可以让Smarty模板引擎忽略CCS代码和/或JavaScript代码中与它冲突的字符。

当然在采用其他模板引擎处理时，也可能会出现模板引擎与静态页面文件中的某些代码片段冲突，因此也可以利用上述方法进行忽略标记处理，即：在接收到所述静态页面文件之后、利用该模板引擎处理之前，进一步对所述静态页面文件中与该模板引擎冲突的代码片段加上忽略标记；该模板引擎在进行步骤303和304所述的处理时，忽略掉所述忽略标记内的代码片段。

与所述方法对应，本发明还公开了一种自定义网页文件的生成装置，用于执行本发明所述的方法。图8为本发明所述自定义网页文件的生成装置的一种组成示意图。参见图8，该装置800包括：

至少一个数据接口插件801，与模板语句对应，每一数据接口插件用于查询网站方的数据或提供用于查询数据的脚本。

接收模块802，用于接收自定义网页的静态页面文件；

模板引擎803，其中包括插件调用子模块831和数据替换子模块832；

所述插件调用子模块831用于查找所述静态页面文件中的模板语句，调用所述模板语句对应的数据接口插件，接收数据接口插件返回的结果；

所述数据替换子模块832用于将所述静态页面文件中的所述各模板语句替换为该模板语句对应的数据接口插件查询到的数据或提供的用于查询数据的脚本，从而生成自定义网页的目标文件。

图9为本发明所述自定义网页文件的生成装置的又一种实施例的组成示意图。在该实施例中，所述模板引擎803为smarty模板引擎，并且该装置进一步包括格式转换模块804，用于将所述接收模块接收的静态页面文件的格式转换为TPL格式，再提交给所述smarty模板引擎。

如图9所示，所述自定义网页文件的生成装置800还可以包括代码过滤模块805，用于在所述静态页面文件输入到模板引擎803之前，对该静态页面文件中与模板引擎803冲突的代码片段(例如CSS代码片段和/或JavaScript代码片段)加上忽略标记，之后再输入到所述模板引擎803；所述模板引擎803在进行所述处理时，忽略掉所述忽略标记内的代码片段。

另外，如果有数据接口插件被调用后向所述模板引擎返回了用于查询数据的脚本时，则所述数据替换子模块832进一步将所述自定义网页的目标文件的文件名修改为该脚本对应格式的文件名，如对于PHP脚本修改为.php后缀的文件名；并且该装置800进一步包括所述脚本对应的编译器806，用于在所述自定义网页的目标文件被请求查看时，编译所述自定义网页的目标文件得到最终的网页文件，例如编译所述PHP文件，执行其中的PHP脚本以获取相应的数据，并将数据输出到最终的HTML文件中，如图6所述为最终的HTML文件的内容，这样浏览器就可以直接展示所述HTML文件的内容，包括其中的数据。

以上所述仅为本发明的较佳实施例而已，并不用以限制本发明，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明保护的范围之内。

Claims (10)

1.一种自定义网页文件的生成方法，其特征在于，包括：

设置模板引擎的数据接口插件，各数据接口插件对应相应的模板语句；

接收自定义网页的静态页面文件；

利用模板引擎查找所述静态页面文件中的模板语句，调用所述模板语句对应的数据接口插件查询数据和/或提供用于查询数据的脚本；

利用模板引擎将所述静态页面文件中的所述各模板语句替换为该模板语句对应的数据接口插件查询到的数据或提供的用于查询数据的脚本，生成自定义网页的目标文件。

2.根据权利要求1所述的方法，其特征在于，

所述模板引擎为smarty模板引擎；

在接收到所述静态页面文件之后、利用模板引擎处理之前，进一步包括：将所述静态页面文件的格式转换为TPL格式。

3.根据权利要求1所述的方法，其特征在于，在接收到所述静态页面文件之后、利用模板引擎处理之前，进一步包括：对所述静态页面文件中与模板引擎冲突的代码片段加上忽略标记；

所述模板引擎在进行所述处理时，忽略掉所述忽略标记内的代码片段。

4.根据权利要求3所述的方法，其特征在于，所述与模板引擎冲突的代码片段为CSS代码片段和/或JavaScript代码片段。

5.根据权利要求1所述的方法，其特征在于，在所述数据接口插件提供用于查询数据的脚本时，进一步包括：

将所述自定义网页的目标文件的文件名修改为该脚本对应格式的文件名；

在所述自定义网页的目标文件被请求查看时，利用所述脚本对应的编译器编译所述自定义网页的目标文件得到最终的网页文件。

6.根据权利要求1至5任一项所述的方法，其特征在于，所述静态页面文件为超文本标记语言HTML文件。

7.一种自定义网页文件的生成装置，其特征在于，包括：

至少一个数据接口插件，与相应的模板语句对应，用于查询数据或提供用于查询数据的脚本；

接收模块，用于接收自定义网页的静态页面文件；

模板引擎，其中包括插件调用子模块和数据替换子模块；

所述插件调用子模块用于查找所述静态页面文件中的模板语句，调用所述模板语句对应的数据接口插件，接收数据接口插件返回的结果；

所述数据替换子模块用于将所述静态页面文件中的所述各模板语句替换为该模板语句对应的数据接口插件查询到的数据或提供的用于查询数据的脚本，生成自定义网页的目标文件。

8.根据权利要求7所述的装置，其特征在于，所述模板引擎为smarty模板引擎，并且该装置进一步包括格式转换模块，用于将所述接收模块接收的静态页面文件的格式转换为TPL格式，之后再提交给所述smarty模板引擎。

9.根据权利要求7所述的装置，其特征在于，

该装置进一步包括代码过滤模块，用于在所述静态页面文件输入到模板引擎之前，对该静态页面文件中与模板引擎冲突的代码片段加上忽略标记，之后再输入到所述模板引擎；

所述模板引擎在进行所述处理时，忽略掉所述忽略标记内的代码片段。

10.根据权利要求7所述的装置，其特征在于，

所述数据替换子模块在所述数据接口插件返回了用于查询数据的脚本时，进一步将所述自定义网页的目标文件的文件名修改为该脚本对应格式的文件名；

该装置进一步包括所述脚本对应的编译器，用于在所述自定义网页的目标文件被请求查看时，编译所述自定义网页的目标文件得到最终的网页文件。

Images