CN106569795A - 一种基于JavaScript模板引擎的保存数据可视化属性配置的方法 - Google Patents

一种基于JavaScript模板引擎的保存数据可视化属性配置的方法 Download PDF

Info

Publication number
CN106569795A
CN106569795A CN201610862488.8A CN201610862488A CN106569795A CN 106569795 A CN106569795 A CN 106569795A CN 201610862488 A CN201610862488 A CN 201610862488A CN 106569795 A CN106569795 A CN 106569795A
Authority
CN
China
Prior art keywords
configuration
javascript
data visualization
data
html
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201610862488.8A
Other languages
English (en)
Inventor
任传慧
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shandong Inspur Cloud Service Information Technology Co Ltd
Original Assignee
Shandong Inspur Cloud Service Information Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Shandong Inspur Cloud Service Information Technology Co Ltd filed Critical Shandong Inspur Cloud Service Information Technology Co Ltd
Priority to CN201610862488.8A priority Critical patent/CN106569795A/zh
Publication of CN106569795A publication Critical patent/CN106569795A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/445—Program loading or initiating
    • G06F9/44505—Configuring for program initiating, e.g. using registry, configuration files
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本发明公开了一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其实现过程为：首先将数据可视化相关的配置内容提取成JavaScript模板，然后将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中；再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。该基于JavaScript模板引擎的保存数据可视化属性配置的方法与现有技术相比，一方面可以实现用户对数据可视化效果的灵活定制，另一方面可以实现对用户定制内容的快速保存与再展现，简单、方便、有效。

Description

一种基于JavaScript模板引擎的保存数据可视化属性配置的 方法
技术领域
本发明涉及计算机WEB开发应用技术领域，具体地说是一种实用性强、基于JavaScript模板引擎的保存数据可视化属性配置的方法。
背景技术
随着网络技术发展到今天，由量变转化为质变的大数据时代已经来临。全球用户对传感数据的访问量飞速增长，关注数据挖掘和分析的发展具有相当重要的现实意义。随着用户对数据分析需求的增长，对数据可视化的需求也变得越来越强烈，普通用户也不断的被要求或主动参与到设计和创建可视化项目的过程中。
数据可视化主要是借助于图形化手段，清晰有效地传达与沟通信息。基本思想，是将数据库中每一个数据项作为单个图元元素表示，大量的数据集构成数据图像，同时将数据的各个属性值以多维数据的形式表示，可以从不同的维度观察数据，从而对数据进行更深入的观察和分析。
JavaScript模板引擎是实现数据与界面展现分离的重要技术手段，可以将带有JavaScript代码的伪HTML语句转化为HTML，大大减少开发人员的代码量，提高代码的可读性，同时加速界面的展现，提高应用程序的开发效率。
鉴于此，现提供一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，一方面可以实现用户对数据可视化效果的灵活定制，另一方面可以实现对用户定制内容的快速保存与再展现，简单、方便、有效。
发明内容
本发明的技术任务是针对以上不足之处，提供一种实用性强、基于JavaScript模板引擎的保存数据可视化属性配置的方法。
一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其实现过程为：
首先将数据可视化相关的配置内容提取成JavaScript模板，然后将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中；
再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。
将数据可视化相关的配置内容提取成JavaScript模板时，JavaScript模板引擎根据绑定到模板的数据控制可视化要素的显示及内容。
将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中的过程为：通过监听配置内容的点击click事件或者值改变change事件及时缓存用户配置的具体内容，缓存方式为将配置内容以HTML标签扩展属性的方式缓存在当前配置项对应的HTML结构中。
本发明的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，具有以下优点：
本发明提供的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，与传统的初始化HTML元素数据的方式相比，该方法充分利用JavaScript模板引擎实现数据与界面展现的分离，避免了在JavaScript中频繁操作HTML元素，大大减少了开发人员的代码量，提高了代码的可读性，同时加速界面的展现，提高了开发效率，实用性强，适用范围广泛，易于推广。
附图说明
附图1为本发明的JavaScript模板示意图；
附图2为本发明的HTML扩展属性示意图。
具体实施方式
下面结合附图及具体实施例对本发明作进一步说明。
如附图1、图2所示，本发明的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，主要实现了数据可视化属性的配置、保存与再展现,可以实现用户对数据可视化中各组成要素（如布局、图表）进行个性化定制，实现数据可视化效果的多样性与灵活性。
本专利为一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，主要实现了数据可视化属性的配置、保存与再展现。结合JavaScript模板引擎与HTML扩展属性，将数据可视化相关的配置内容提取成JavaScript模板，同时将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中。再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。
为实现数据可视化效果的灵活配置，本专利采用的技术方案如下：
将数据可视化相关的配置内容提取成JavaScript模板，模板引擎根据绑定到模板的数据控制可视化要素的显示及内容。
同时，通过监听配置内容的点击click或者值改变change事件即时缓存用户配置的具体内容，缓存方式为将配置内容以HTML标签扩展属性的方式缓存在当前配置项对应的HTML结构中。
再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。
附图1中value=”{{tabnum}}”访问的变量”tabnum”代表Tab页的页数，动态绑定到模板时需要指定它的值。附图2中”data-tabnum”缓存的是当前Tab页的页数，获取扩展属性”data-tabnum”的值，绑定到附图1中的模板，便可以生成当前Tab页相关配置的HTML片段。
上述具体实施方式仅是本发明的具体个案，本发明的专利保护范围包括但不限于上述具体实施方式，任何符合本发明的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法的权利要求书的且任何所述技术领域的普通技术人员对其所做的适当变化或替换，皆应落入本发明的专利保护范围。

Claims (3)

1.一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其特征在于，其实现过程为：
首先将数据可视化相关的配置内容提取成JavaScript模板，然后将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中；
再次展现配置项的配置时，读取缓存的HTML扩展属性，解析出用户配置的数据，最终通过模板与数据的动态绑定生成HTML片段及配置界面。
2.根据权利要求1所述的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其特征在于，将数据可视化相关的配置内容提取成JavaScript模板时，JavaScript模板引擎根据绑定到模板的数据控制可视化要素的显示及内容。
3.根据权利要求1所述的一种基于JavaScript模板引擎的保存数据可视化属性配置的方法，其特征在于，将用户配置的具体内容缓存在当前配置项对应的HTML扩展属性中的过程为：通过监听配置内容的点击click事件或者值改变change事件及时缓存用户配置的具体内容，缓存方式为将配置内容以HTML标签扩展属性的方式缓存在当前配置项对应的HTML结构中。
CN201610862488.8A 2016-09-29 2016-09-29 一种基于JavaScript模板引擎的保存数据可视化属性配置的方法 Pending CN106569795A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201610862488.8A CN106569795A (zh) 2016-09-29 2016-09-29 一种基于JavaScript模板引擎的保存数据可视化属性配置的方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201610862488.8A CN106569795A (zh) 2016-09-29 2016-09-29 一种基于JavaScript模板引擎的保存数据可视化属性配置的方法

Publications (1)

Publication Number Publication Date
CN106569795A true CN106569795A (zh) 2017-04-19

Family

ID=58532547

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201610862488.8A Pending CN106569795A (zh) 2016-09-29 2016-09-29 一种基于JavaScript模板引擎的保存数据可视化属性配置的方法

Country Status (1)

Country Link
CN (1) CN106569795A (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107229474A (zh) * 2017-05-31 2017-10-03 成都药王科技股份有限公司 基于可视化界面快速配置Java接口和图表服务的方法及装置
CN107590007A (zh) * 2017-09-22 2018-01-16 北京康爱营养科技股份有限公司 一种基于模板引擎的his接口配置方法

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101727327A (zh) * 2010-02-01 2010-06-09 山东浪潮齐鲁软件产业股份有限公司 一种基于gef技术可视化jsp界面的开发方法
CN102184266A (zh) * 2011-06-27 2011-09-14 武汉大学 一种页面与数据分离的动态wap网站自动生成方法
CN103809975A (zh) * 2014-02-19 2014-05-21 浪潮软件股份有限公司 智能云表单的实现方法
CN105589909A (zh) * 2014-12-31 2016-05-18 中国银联股份有限公司 数据可视化实现系统及方法
CN105718495A (zh) * 2015-08-21 2016-06-29 哈尔滨安天科技股份有限公司 一种数据库层次化html报表导出方法及系统
CN105824787A (zh) * 2016-03-15 2016-08-03 江苏中威科技软件系统有限公司 一种html模板动态配置的控制方法及系统

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101727327A (zh) * 2010-02-01 2010-06-09 山东浪潮齐鲁软件产业股份有限公司 一种基于gef技术可视化jsp界面的开发方法
CN102184266A (zh) * 2011-06-27 2011-09-14 武汉大学 一种页面与数据分离的动态wap网站自动生成方法
CN103809975A (zh) * 2014-02-19 2014-05-21 浪潮软件股份有限公司 智能云表单的实现方法
CN105589909A (zh) * 2014-12-31 2016-05-18 中国银联股份有限公司 数据可视化实现系统及方法
CN105718495A (zh) * 2015-08-21 2016-06-29 哈尔滨安天科技股份有限公司 一种数据库层次化html报表导出方法及系统
CN105824787A (zh) * 2016-03-15 2016-08-03 江苏中威科技软件系统有限公司 一种html模板动态配置的控制方法及系统

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
强津培 等: ""面向教学的数据可视化图表交互系统研究"", 《系统仿真学报》 *
高科: ""基于HTML5的数据可视化实现方法研究"", 《科技传播》 *

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107229474A (zh) * 2017-05-31 2017-10-03 成都药王科技股份有限公司 基于可视化界面快速配置Java接口和图表服务的方法及装置
CN107590007A (zh) * 2017-09-22 2018-01-16 北京康爱营养科技股份有限公司 一种基于模板引擎的his接口配置方法

Similar Documents

Publication Publication Date Title
US11222451B2 (en) Content replacement system using visual design object models
CN105556449B (zh) 用于数字杂志的动态布局引擎
EP3667520A1 (en) Webpage content extraction method and terminal device
US10445377B2 (en) Automatically generating a website specific to an industry
US8745161B2 (en) Determining and displaying a count of unread items in content feeds
CN104424232B (zh) 一种网页标注方法和装置
CN106033471A (zh) 一种处理表单的方法和装置
US20100299586A1 (en) Open Theme Builder and API
CN109343851A (zh) 页面生成方法、装置、计算机设备和存储介质
CN110392901A (zh) 电子书服务的提供方法及用于该方法的计算机程序
KR20150091132A (ko) 페이지 렌더링 방법 및 장치
WO2014132404A1 (ja) 情報処理装置、情報処理方法、情報処理プログラム、表示制御装置、および表示制御プログラム
CN103336794B (zh) 用于在目标页面中提供对应呈现信息的方法与设备
CN103678325B (zh) 一种用于提供与初始页面相对应的浏览页面的方法和设备
CN103019557B (zh) 页面切换方法和装置
CN101661506A (zh) 在本地定制导航页的方法、系统和浏览器
CN104410720A (zh) 一种基于web图形的实时监控平台系统及其方法
CN103577524A (zh) 业务对象表达和细节框显示
CN103744997A (zh) 一种网络地图服务发布方法及系统
US20040034613A1 (en) System and method for dynamically generating a style sheet
CN105335429A (zh) 电能数据的显示方法和装置
JP2018501551A (ja) 数式処理方法、装置、デバイス及びプログラム
CN104268282A (zh) 一种展示网页广告的方法和系统
CN106569795A (zh) 一种基于JavaScript模板引擎的保存数据可视化属性配置的方法
CN106407172A (zh) 一种基于xml的报表生成方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication
RJ01 Rejection of invention patent application after publication

Application publication date: 20170419