[发明专利]JavaScript渲染方法和装置

说明书

本发明涉及一种JavaScript渲染方法和装置。所述方法包括步骤：获取传入的配置参数，根据所述配置参数获取JSON数据，所述JSON数据的名称包括数据类型和标识；从预设的各HTML模板中获取所述JSON数据的数据类型对应的HTML模板，各HTML模板包括数据类型和数据类型的各个标签所在的位置；从所述JSON数据中获取名称分别与获取的HTML模板的各个标签相同的JSON数据，根据获取的JSON数据的值进行数据渲染。本发明提高了前端开发效率，避免了在不同类型业务开发时需要调整数据渲染逻辑操作的代码，降低了开发的成本。

技术领域

本发明涉及计算机技术领域，特别是涉及一种JavaScript渲染方法、JavaScript渲染装置。

背景技术

JavaScript属于网络的脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。JavaScript已经被广泛用于Web(网页)应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML(Hyper Text Markup Language，超文本标记语言)中来实现自身的功能的。

一直以来，数据的加载、渲染对于前端来说都是个麻烦的问题，它的操作繁琐、重复度高，非常浪费程序员的宝贵时间。虽然目前也出现了各种框架(如AngularJS)或是模板引擎(HandlerBars)，但是如果只是为了解决前端数据加载和渲染的问题而引入这么大的文件，并且需要程序员学习这些框架语法、使用各种新的标签，那么无论机器运行成本，还是从人力成本都比较高。

发明内容

基于此，有必要针对上述问题，提供一种JavaScript渲染方法和装置，能够提高前端开发效率和降低开发的成本。

为了达到上述目的，本发明采用以下技术方案：

一种JavaScript渲染方法，包括步骤：

获取传入的配置参数，根据所述配置参数获取JSON数据，所述JSON数据的名称包括数据类型和标识；

从预设的各HTML模板中获取所述JSON数据的数据类型对应的HTML模板，各HTML模板包括数据类型和数据类型的各个标签所在的位置；

从所述JSON数据中获取名称分别与获取的HTML模板的各个标签相同的JSON数据，根据获取的JSON数据的值进行数据渲染。

一种JavaScript渲染装置，包括：

JSON数据获取模块，用于获取传入的配置参数，根据所述配置参数获取JSON数据，所述JSON数据的名称包括数据类型和标识；

HTML模板获取模块，用于从预设的各HTML模板中获取所述JSON数据的数据类型对应的HTML模板，各HTML模板包括数据类型和数据类型的各个标签所在的位置；

数据渲染模块，用于从所述JSON数据中获取名称分别与获取的HTML模板的各个标签相同的JSON数据，根据获取的JSON数据的值进行数据渲染。

本发明JavaScript渲染方法和装置，各HTML模板根据各个业务自身的需求定义，在各HTML模板中添加数据类型的属性来声明模板用于批量动态渲染数据。根据传入的配置参数获取JSON数据，根据JSON数据的数据类型获取对应的HTML模板，然后根据JSON数据进行数据渲染。本发明涉及前端的数据渲染，前端开发人员只需要关注数据获取的逻辑和HTML结构样式，不用关注数据渲染的实现，界面与数据分离处理，修改界面样式、结构也不会影响数据的渲染，这样HTML代码、JavaScript代码都非常简洁清晰，便于修改、维护；可以通过JavaScript插件实现，传入配置参数即可调用，不需要学习，可以批量渲染动态数据，提高了前端开发效率，避免了在不同类型业务开发时需要调整数据渲染逻辑操作的代码，降低了开发的成本。