一种自定义配置的动态网页生成方法

摘要

本发明涉及网页的技术领域，特别是涉及一种自定义配置的动态网页生成方法,采用了数组循环的方法去实现网页的动态生成，仅需要把模板配置好，不需要学习掌握模板语言，对于开人和运营人员来说，简单易懂易操作；包括以下步骤：S1、采用模板以及数据生成的方式生成动态网页；S2、对需要页面进行分析，将需求页面拆分为多个模块；S3、定义数据模板格式以及HTML模板格式，完成之后将其保存在数据库中；S4、通过新建页面加载模板填写数据，进行模板与数据组合生成所需页面；S5、将发布的页面放入Redis中。

说明书

技术领域

本发明涉及网页的技术领域，特别是涉及一种自定义配置的动态网页生成方法。

背景技术

网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，您的网站就是由网页组成的，如果您只有域名和虚拟主机而没有制作任何网页的话，您的客户仍旧无法访问您的网站。

网页是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，是万维网中的一“页”，是超文本标记语言格式(标准通用标记语言的一个应用，文件扩展名为.html或.htm)。网页通常用图像档来提供图画。网页要通过网页浏览器来阅读。

FreeMarker是一款模板引擎：即一种基于模板和要改变的数据，并用来生成输出文本(HTML网页、电子邮件、配置文件、源代码等)的通用工具。它不是面向最终用户的，而是一个Java类库，是一款程序员可以嵌入他们所开发产品的组件。

由于freemarker动态生成网页还需要学习freemarker自定义的模板语言，不仅对开发不友好，而且对应运营人员来说还难以看懂。

发明内容

为解决上述技术问题，本发明提供一种自定义配置的动态网页生成方法,采用了数组循环的方法去实现网页的动态生成，仅需要把模板配置好，不需要学习掌握模板语言，对于开人和运营人员来说，简单易懂易操作。

本发明的一种自定义配置的动态网页生成方法，包括以下步骤：

S1、采用模板以及数据生成的方式生成动态网页；

S2、对需要页面进行分析，将需求页面拆分为多个模块；

S3、定义数据模板格式以及HTML模板格式，完成之后将其保存在数据库中；

S4、通过新建页面加载模板填写数据，进行模板与数据组合生成所需页面；

S5、将发布的页面放入Redis中。

本发明的一种自定义配置的动态网页生成方法，所述步骤S1步骤如下：

S101、数据格式如下：[{"my.ceshi":[{"name":"小李","nationality":"中国","position":"经理","companyname":"某某有限公司","image":"https://www.casicloud.com/company/xiaoli.png"}]}]；

S102、数据模板格式如下：

{"name":"XXXX","key":"XXXXX","type":"dom","repeat":true,"size":1,"data":[{"name":"名称","key":"name","type":"text"},{"name":"国籍","key":"nationality","type":"text"},{"name":"职称","key":"position","type":"text"},{"name":"公司名称","key":"companyname","type":"text"},{"name":"图片地址","key":"image","type":"text"}]}；

S103、然后再结合生成网页的需求，制作HTML格式供数据填充进去，HTML模板格式如下：

本发明的一种自定义配置的动态网页生成方法，步骤S4中模板填写保存时，生成所需要的数据格式并且会携带改数据模板与HTML模板的唯一标识符，该数据生成完之后通过唯一标识符匹配HTML模板，匹配成功后，对数据data反序列化为JSONArray，从下标0开始循环JSONArray，每个JSONArray都含有一个JSONObject，遍历JSONObject每一个key，然后组成{data.keyi}(keyi：为JSONObject的key和JSONArray的循环下标)替换HTML模板中数据，直至全部替换完成，即可得到所需的网页。

本发明的一种自定义配置的动态网页生成方法，步骤S4中当多个模板与数据进行组合时，将每个模板先合成所需页面的某一板块，然后通过循环生成的页面部分组合为一个所需的完整页面。

与现有技术相比本发明的有益效果为：通过这种方法动态生成网页，简单易懂易操作，运营人员即可配置页面组件，即模板，而且不用像freemarker学习模板语言，大大减少了开发人员的工作量。

附图说明

图1是本发明的流程图。

具体实施方式

下面结合附图和实施例，对本发明的具体实施方式作进一步详细描述。以下实施例用于说明本发明，但不用来限制本发明的范围。

如图1所示，本发明的一种自定义配置的动态网页生成方法，包括以下步骤：

S1、采用模板以及数据生成的方式生成动态网页；

S2、对需要页面进行分析，将需求页面拆分为多个模块；

S3、定义数据模板格式以及HTML模板格式，完成之后将其保存在数据库中；

S4、通过新建页面加载模板填写数据，进行模板与数据组合生成所需页面；

S5、将发布的页面放入Redis中，增加读取速度，使生成的网页不会产生加载缓慢的问题。

本发明的一种自定义配置的动态网页生成方法，所述步骤S1步骤如下：

S101、数据格式如下：[{"my.ceshi":[{"name":"小李","nationality":"中国","position":"经理","companyname":"某某有限公司","image":"https://www.casicloud.com/company/xiaoli.png"}]}]；

S102、数据模板格式如下：

{"name":"XXXX","key":"XXXXX","type":"dom","repeat":true,"size":1,"data":[{"name":"名称","key":"name","type":"text"},{"name":"国籍","key":"nationality","type":"text"},{"name":"职称","key":"position","type":"text"},{"name":"公司名称","key":"companyname","type":"text"},{"name":"图片地址","key":"image","type":"text"}]}；

数据模板为了生成数据；

数据模板：构造若干字典(包括key：模板唯一id，name：为模板名称，size：模板长度，data中name：为模板中属性名称，data中key：为模板中属性名称字段，data中type：为模板中属性类型即使输入框还是选择框)，该构造字典是为了方便前端解析用的，解析出来输入框可以填写生成数据，其中data中的内容表示一行所需的字段有几个(其中key为字段)，size表示有几行data；

S103、然后再结合生成网页的需求，制作HTML格式供数据填充进去，HTML模板格式如下：

数据模板与设计的HTML模板格式是一一对应，将此称为组件，为了方便前端加载组件，将组件保存在数据库中；

通过生成的数据和HTML模板组合生成所需网页。

本发明的一种自定义配置的动态网页生成方法，步骤S4中模板填写保存时，生成所需要的数据格式并且会携带改数据模板与HTML模板的唯一标识符，该数据生成完之后通过唯一标识符匹配HTML模板，匹配成功后，对数据data反序列化为JSONArray，从下标0开始循环JSONArray，每个JSONArray都含有一个JSONObject，遍历JSONObject每一个key，然后组成{data.keyi}(keyi：为JSONObject的key和JSONArray的循环下标)替换HTML模板中数据，直至全部替换完成，即可得到所需的网页。

本发明的一种自定义配置的动态网页生成方法，步骤S4中当多个模板与数据进行组合时，将每个模板先合成所需页面的某一板块，然后通过循环生成的页面部分组合为一个所需的完整页面。

以上所述仅是本发明的优选实施方式，应当指出，对于本技术领域的普通技术人员来说，在不脱离本发明技术原理的前提下，还可以做出若干改进和变型，这些改进和变型也应视为本发明的保护范围。