基于JavaScript模板引擎的数据展示方法技术

本发明专利技术公开了基于JavaScript模板引擎的数据展示方法，包括以下步骤：根据展示要求创建JavaScript模板引擎；通过AJAX发起数据请求；接收由服务器返回的JSON格式数据结果；通过JavaScript对返回的JSON格式数据结果进行分析是否需要进行处理；若不需要，则直接添加到页面中进行展示；若需要，则通过JavaScript模板引擎对JSON数据分析并生成HTML格式数据；通过JavaScript将JavaScript模板引擎返回的HTML格式数据添加到页面中进行展示，实现简单、可靠性高以及容易维护各种页面样式的模板数据，提高了开发效率以及维护成本。

Data display method based on JavaScript template engine

The invention discloses a display method of JavaScript template engine based on data, which comprises the following steps: according to the exhibition requirements to create the JavaScript template engine; launched by AJAX data request; receiving JSON format data returned by the server; the JSON format data result of JavaScript analysis is needed for processing; if not required, directly add to the page display; if necessary, through the JavaScript template engine for JSON data analysis and generate HTML format data to HTML format data; return JavaScript template engine is added to the page display through JavaScript, simple realization, high reliability and easy maintenance of various data template page style, improve the development efficiency and maintenance cost.

【技术实现步骤摘要】
基于JavaScript模板引擎的数据展示方法
本专利技术涉及数据处理
，尤其涉及基于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模板化处理结果提高效率，实现简单、可靠性高以及容易维护各种页面样式的模板，提高了开发效率以及维护成本。以上所述，仅为本专利技术的具体实施方式，但本专利技术的保护范围并不局限于此，任何熟悉本领域技术的技术人员在本专利技术公开的技术范围内，可轻易想到的变化本文档来自技高网...

【技术保护点】
基于JavaScript模板引擎的数据展示方法，其特征在于，所述基于JavaScript模板引擎的数据展示方法包括以下步骤：根据展示要求创建JavaScript模板引擎；通过AJAX发起数据请求；接收由服务器返回的JSON格式数据结果；通过JavaScript对返回的JSON格式数据结果进行分析是否需要进行处理；若不需要，则直接添加到页面中进行展示；若需要，则通过JavaScript模板引擎对JSON数据分析并生成HTML格式数据；通过JavaScript将JavaScript模板引擎返回的HTML格式数据添加到页面中进行展示。

【技术特征摘要】
1.基于JavaScript模板引擎的数据展示方法，其特征在于，所述基于JavaScript模板引擎的数据展示方法包括以下步骤：根据展示要求创建JavaScript模板引擎；通过AJAX发起数据请求；接收由服务器返回的JSON格式数据结果；通过JavaScript对返回的JSON格式数据结果进行分析是否需要进行处理；若不需要，则直接添加到页面中进行展示；若需要，则通过JavaScript模板引擎对JSON数据分析并生成HTML格式数据；通过JavaScript将JavaScript模板引擎返回的HTML格式数据添加到页面中进...

【专利技术属性】
技术研发人员：殷亮，
申请(专利权)人：上海萨渤申网络科技有限公司，
类型：发明
国别省市：上海,31