基于JavaScript模板引擎的数据展示方法与流程

文档序号:13094620阅读:948来源:国知局

本发明涉及数据处理技术领域,尤其涉及基于javascript模板引擎的数据展示方法。



背景技术:

目前,页面数据动态加载已经普遍的应用在网页应用系统中,它主要以ajax+json结合动态请求数据,通过javascript(以下简称js)技术进行内容管理。然而在js处理json数据时会根据不同显示需求增加各种分析判断和内容格式化处理的繁琐,不易维护等问题。例如:

当页面动态显示一个表格类型数据时,通过ajax请求返回json数据经过js分析然后再根据显示样式通过表格格式标签及字符串组成显示的html数据,最后再由js添加到页面数据中显示出来。在这个html数据字符串拼接包裹过程中极易漏掉标签、结束符以及数据位置错误,同时在编辑代码视觉上也很难辨别管理。常见的修正方法是:对表格标签等字符串进行换行格式化处理提高可识别性。这种方式存在以下缺陷:增加了项目js代码体积并且复杂的页面样式每将更加不易识别和维护。



技术实现要素:

鉴于目前存在的上述不足,本发明提供基于javascript模板引擎的数据展示方法,能够提高开发效率以及维护成本,实现简单、可靠性高以及容易维护各种页面样式。

为达到上述目的,本发明的实施例采用如下技术方案:

基于javascript模板引擎的数据展示方法,所述基于javascript模板引擎的数据展示方法包括以下步骤:

根据展示要求创建javascript模板引擎;

通过ajax发起数据请求;

接收由服务器返回的json格式数据结果;

通过javascript对返回的json格式数据结果进行分析是否需要进行处理;

若不需要,则直接添加到页面中进行展示;

若需要,则通过javascript模板引擎对json数据分析并生成html格式数据;

通过javascript将javascript模板引擎返回的html格式数据添加到页面中进行展示。

依照本发明的一个方面,网页应用通过ajax发起数据请求。

依照本发明的一个方面,所述基于javascript模板引擎的数据展示方法包括:根据展示要求建立各种不同类型显示样式的模板数据。

依照本发明的一个方面,所述javascript模板引擎根据各种不同类型显示样式的模板数据对json格式数据结果进行处理转换成相应的html格式数据。

本发明实施的优点:本发明所述的基于javascript模板引擎的数据展示方法包括以下步骤:根据展示要求创建javascript模板引擎;通过ajax发起数据请求;接收由服务器返回的json格式数据结果;通过javascript对返回的json格式数据结果进行分析是否需要进行处理;若不需要,则直接添加到页面中进行展示;若需要,则通过javascript模板引擎对json数据分析并生成html格式数据;通过javascript将javascript模板引擎返回的html格式数据添加到页面中进行展示,针对动态数据显示js模板化处理结果提高效率,实现简单、可靠性高以及容易维护各种页面样式的模板,提高了开发效率以及维护成本。

附图说明

为了更清楚地说明本发明实施例中的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。

图1为本发明所述的基于javascript模板引擎的数据展示方法示意图。

具体实施方式

下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。

如图1所示,基于javascript模板引擎的数据展示方法,所述基于javascript模板引擎的数据展示方法包括以下步骤:

步骤s1:根据展示要求创建javascript模板引擎;

所述步骤s1根据展示要求创建javascript模板引擎的具体实施方式可为:根据页面的展示要求,建立各种不同类型显示样式的模板数据,从而根据各种不同类型显示样式的模板数据创建javascript模板引擎。

步骤s2:通过ajax发起数据请求;

所述步骤s2通过ajax发起数据请求的具体实施方式可为:网页应用通过通过ajax发起数据请求,请求数据在网页应用中进行展示。

步骤s3:接收由服务器返回的json格式数据结果;

所述步骤s3接收由服务器返回的json格式数据结果的具体实施方式可为:服务器在接收到网页应用发起的ajax数据请求后,返回相应的json格式的数据结果,通过javascript接收返回的json格式数据结果并进行处理。

步骤s4:通过javascript对返回的json格式数据结果进行分析是否需要进行处理;

所述步骤s4通过javascript对返回的json格式数据结果进行分析是否需要进行处理的具体实施方式可为:步骤s3完成后,javascript对接收到的json格式数据进行分析,并判断是否需要进行进一步处理。

步骤s5:若不需要,则直接添加到页面中进行展示;

所述步骤s4执行时,若判断结果为接收到的json格式数据不需要进行进一步处理,则直接由javascript将该json格式数据添加到页面中进行展示,最后在网页应用中显示添加了数据的页面。

步骤s6:若需要,则通过javascript模板引擎对json数据分析并生成html格式数据;

所述步骤s4执行时,若判断结果为接收到的json格式数据需要进行进一步处理,则发送到javascript模板引擎中,javascript模板引擎根据各种不同类型显示样式的模板数据,对json格式数据结果进行分析处理转换生成相应的html格式数据,同时返回javascript中。

步骤s7:通过javascript将javascript模板引擎返回的html格式数据添加到页面中进行展示。

所述步骤s7通过javascript将javascript模板引擎返回的html格式数据添加到页面中进行展示的具体实施方式可为:javascript接收到javascript模板引擎返回的html格式数据后,该html格式数据添加到页面中进行展示,最后在网页应用中显示添加了数据的页面。

本发明实施的优点:本发明所述的基于javascript模板引擎的数据展示方法包括以下步骤:根据展示要求创建javascript模板引擎;通过ajax发起数据请求;接收由服务器返回的json格式数据结果;通过javascript对返回的json格式数据结果进行分析是否需要进行处理;若不需要,则直接添加到页面中进行展示;若需要,则通过javascript模板引擎对json数据分析并生成html格式数据;通过javascript将javascript模板引擎返回的html格式数据添加到页面中进行展示,针对动态数据显示js模板化处理结果提高效率,实现简单、可靠性高以及容易维护各种页面样式的模板,提高了开发效率以及维护成本。

以上所述,仅为本发明的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本领域技术的技术人员在本发明公开的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应以所述权利要求的保护范围为准。

当前第1页1 2 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1