[发明专利]一种可视化标签及使用其生成网页的方法

说明书

技术领域

本发明涉及一种网页动态技术，具体的说，是用于网页的一种可视化标签及使用其生成网页的方法。

背景技术

在互联网中，网页由服务器生成并传到客户端的浏览器上显示。目前，一般网页都是在服务器上将网页模板绑定与该网页相关的数据动态创建的。动态创建网页的三个要素是：网页模板、网页数据和动态网页技术。其中，网页模板定义了网页的布局和框架，是网页的静态代码部分；网页数据一般是同一个模板生成的多个网页之间不同的部分，是网页的动态代码部分；而动态网页技术主要是负责分析网页模板，解析模板中的标签和脚本，并结合网页相关数据，生成最终的网页代码。

目前流行的动态网页技术有很多种，以ASP(Active Server Page，即动态服务器页面)、PHP(Hypertext Preprocessor，即超级文本预处理语言)、JSP(Java Server Pages)为例，都有自己的网页模板规范和语法，另外，还有一些可以扩充的技术，如JSP标签库，让人们可以自已定义网页标签，自己进行标签的解析和代码替换。尽管技术和实现有所不同，但基本思路都一样，就是在网页的HTML(HyperTextMark-up Language，即超文本标记语言或超文本链接标示语言)代码中加入相应的自定义标签，如<JSP：include>，<％＝request.getParameter(“id”)％>等，这些标签都不是基本HTML标签，也就是必须在服务器端经过运行环境的解析才能生成最终的HTML代码，而标签本身，网页浏览器并不识别。也就是，这种网页模板在浏览器中直接预览，我们是看不到标签的颜色、尺寸和位置的。这种网页模板的不足之处是不能给人们直观感受，特别是不熟悉相关动态网页技术的人，根本不能从网页模板来判断最终网页会是什么形态和布局。

发明内容

本发明的目的是提供一种可视化标签及使用其生成网页的方法，可视化标签能够被网页浏览器识别，无须在服务器端经过运行环境解析，由此可视化标签生成的网页模板在浏览器中可以直接预览。

本发明是这样实现的：一种可视化标签，所述可视化标签采用HTML中的基本标签来实现；

所述可视化标签还包括一标识；

所述可视化标签具有和最终代码相似的尺寸；

所述可视化标签还包括多个参数及参数值；所述参数及参数值定义了使用网页数据来生成替换该标签的最终HTML代码；所述参数至少包括标签的类型参数和查询参数。

所述可视化标签具有和最终代码相似的尺寸是通过层叠样式单实现。

所述标签的查询参数的值放在特定区段中。

一种使用上述的可视化标签生成网页的方法，包括以下步骤：

a定义网页模板，模板中包含静态代码部分和动态代码部分，所述动态代码部分即为所述可视化标签；

b准备网页数据；

c解析可视化标签网页模板，首先识别所述可视化标签中的所述标识，再分析所述可视化标签中的参数及参数值，依据所述可视化标签中的定义进行网页数据的查询，将查询结果组装成最终的HTML代码并替换相应标签，生成最终网页。

所述网页数据存放在数据库中，内容至少包括网页编号、标题、网页内容、网址、所属栏目。

本发明并不排斥传统的动态网页技术，而是可以在这些动态网页技术之上构造，但根本差别在于本发明涉及的网页模板是由静态页面代码和可视化标签组成的，这种可视化标签在普通的网页浏览器中是可见的；并且该模板里不包含动态网页技术本身的标签。

本发明具有以下有益效果：

本发明可视化标签能够被网页浏览器识别，无须在服务器端经过运行环境解析，由此可视化标签生成的网页模板在浏览器中可以直接预览。因此应用本发明可视化标签及其生成的网页的方法能从网页模板看出最终网页是什么形态和布局，制作网页及其方便，即使不懂编程的人员也能轻松制作网页。

附图说明

下面结合附图和具体实施方式对本发明作进一步说明。

图1为采用本发明可视化标签生成网页的方法示意图；

图中：S1-1网页模板，S1-2网页数据，S1-3标签解析，S1-4最终网页

具体实施方式

下面用一个实际的例子对本发明做具体说明。

一种可视化标签，采用HTML中的基本标签来实现，如：<div>、<span>、<input>，不管是哪一种，最重要的是普通网页浏览器能够识别并显示。

可视化标签还包括一标识，使之区别于普通HTML标签。如在标签里统一设置属性值：name＝”myTag”。