JavaScript渲染方法和装置.pdf

(19)中华人民共和国国家知识产权局(12)发明专利申请(10)申请公布号CN105404514A(43)申请公布日2016.03.16(21)申请号201510874942.7(22)申请日2015.12.01(71)申请人广州华多网络科技有限公司地址510655广东省广州市黄埔大道中309号羊城创意产业园3-08栋(72)发明人匡凌轩(74)专利代理机构广州华进联合专利商标代理有限公司44224代理人王程(51)Int.Cl.G06F9/44(2006.01)权利要求书2页说明书5页附图2页(54)发明名称JavaScript渲染方法和装置(57)摘要本发明涉及一种JavaScript渲染方法和装置。所述方法包括步骤：获取传入的配置参数，根据所述配置参数获取JSON数据，所述JSON数据的名称包括数据类型和标识；从预设的各HTML模板中获取所述JSON数据的数据类型对应的HTML模板，各HTML模板包括数据类型和数据类型的各个标签所在的位置；从所述JSON数据中获取名称分别与获取的HTML模板的各个标签相同的JSON数据，根据获取的JSON数据的值进行数据渲染。本发明提高了前端开发效率，避免了在不同类型业务开发时需要调整数据渲染逻辑操作的代码，降低了开发的成本。CN105404514ACN105404514A权利要求书1/2页1.一种JavaScript渲染方法，其特征在于，包括步骤：获取传入的配置参数，根据所述配置参数获取JSON数据，所述JSON数据的名称包括数据类型和标识；从预设的各HTML模板中获取所述JSON数据的数据类型对应的HTML模板，各HTML模板包括数据类型和数据类型的各个标签所在的位置；从所述JSON数据中获取名称分别与获取的HTML模板的各个标签相同的JSON数据，根据获取的JSON数据的值进行数据渲染。2.根据权利要求1所述的JavaScript渲染方法，其特征在于，从所述JSON数据中获取名称分别与获取的HTML模板的各个标签相同的JSON数据，根据获取的JSON数据的值进行数据渲染的步骤包括：检测名称与获取的HTML模板的标签相同的JSON数据的值是否是函数方法；若是函数方法，通过所述函数方法运算所述函数方法对应的数据，得到新的值，并将新的值赋给获取的HTML模板对应的标签；若不是函数方法，检测值是否是合法数据；若是合法数据，将值赋给获取的HTML模板对应的标签；若不是合法数据，将值转成转义字符，将转义字符赋给获取的HTML模板对应的标签。3.根据权利要求1所述的JavaScript渲染方法，其特征在于，获取传入的配置参数，根据所述配置参数获取JSON数据的步骤包括：根据所述配置参数发送AJAX请求，获取根据所述AJAX请求返回的JSON数据；和/或根据所述配置参数获取输入的JSON数据。4.根据权利要求1至3任意一项所述的JavaScript渲染方法，其特征在于：从预设的各HTML模板中获取所述JSON数据的数据类型对应的HTML模板之后，从所述JSON数据中获取名称分别与获取的HTML模板的各个标签相同的JSON数据之前，还包括步骤：对获取的HTML模板进行复制，得到复制的HTML模板；从所述JSON数据中获取名称分别与复制的HTML模板的各个标签相同的JSON数据，根据获取的JSON数据的值进行数据渲染。5.一种JavaScript渲染装置，其特征在于，包括：JSON数据获取模块，用于获取传入的配置参数，根据所述配置参数获取JSON数据，所述JSON数据的名称包括数据类型和标识；HTML模板获取模块，用于从预设的各HTML模板中获取所述JSON数据的数据类型对应的HTML模板，各HTML模板包括数据类型和数据类型的各个标签所在的位置；数据渲染模块，用于从所述JSON数据中获取名称分别与获取的HTML模板的各个标签相同的JSON数据，根据获取的JSON数据的值进行数据渲染。6.根据权利要求5所述的JavaScript渲染装置，其特征在于，所述数据渲染模块包括：函数方法检测单元，用于检测名称与获取的HTML模板的标签相同的JSON数据的值是否是函数方法；第一数据渲染单元，用于在值是函数方法时，通过所述函数方法运算所述函数方法对2CN105404514A权利要求书2/2页应的数据，得到新的值，并将新的值赋给获取的HTML模板对应的标签；合法数据检测单元，用于在值不是函数方法时，检测值是否是合法数据；第二数据渲染单元，用于在值是合法数据时，将值赋给获取的HTML模板对应的标签；第三数据渲染单元，用于在值不是合法数据时，将值转成转义字符，将转义字符赋给获取的HTML模板对应的标签。7.根据权利要求5所述的JavaScript渲染装置，其特征在于，所述JSON数据获取模块包括：第一数据获取单元，用于