CN106446136A - 一种在智能终端上数据地图的展示方法 - Google Patents

Abstract

本发明公开一种在智能终端上数据地图的展示方法，包括以下步骤：设置XSLT样式配置模板，用于定义图形形状、相对位置、风格；设置数据源中数据的实体属性字段定义、数据前后流向关系定义；获取数据源的实际数据及XSLT样式，调用公共的JAVA和程序，产生包含有数据和展示样式的XML文件；调用JS，实现数据交互，获得XML数据；调用JS图形渲染工具，渲染获得的XML数据成为可视化的数据图形。本发明对数据展示和数据定义工作进行解耦，能够快速在各种智能终端的浏览器上展示数据，使得数据与数据关系得到方便的展现。

Description

一种在智能终端上数据地图的展示方法

技术领域

本发明涉及一种在智能终端上数据地图的展示方法。

背景技术

目前开发的基于智能终端的数据地图展示系统，基本上都是采用专有的客户端软件实现，这些客户端软件采用JAVA、.NET或者其他类似的技术实现，也有一部分采用Flash插件开发，可运行在浏览器中；其存在以下不足：

采用这些方法所开发的数据展示系统，为了适应不同终端类型，需要进行多种环境的编译与调试，开发成本较高；

其中，采用Flash插件技术实现的数据展示系统，虽然无需多次编译调试，但是默认无法在苹果手机等移动终端上使用；

大部分熟悉数据的开发人员，并不擅长展示技术的开发，而跟前端开发人员配合开发又增加了很大的沟通成本；

因此现有的数据展示方法，开发难度大，效率较低。

为了提升智能终端展示数据的开发效率，本发明提出一种基于在智能终端上数据地图的展示方法，本案由此产生。

发明内容

本发明的一个目的在于提供一种在智能终端上数据地图的展示方法，对数据展示和数据定义工作进行解耦，能够快速在各种智能终端的浏览器上展示数据，使得数据与数据关系得到方便的展现。

为了实现上述目的，本发明的技术方案如下：

一种在智能终端上数据地图的展示方法，包括以下步骤：

步骤1、用户在远程服务平台上设置XSLT样式配置展示模板，定义数据图形的形状、相对位置、风格；所述的远程服务平台具有关系型数据库和JAVA服务程序，关系型数据库存储看用于展示的数据和XSLT样式配置展示模板；

步骤2、对远程服务平台的关系型数据库中数据的实体属性字段进行定义、对数据前后流向关系进行定义；

步骤3、调用JAVA服务程序，以获取前述数据库的数据及XSLT样式配置展示模板，并产生包含有数据和展示样式的XML数据；

步骤4、当智能终端需要在浏览器上展示数据时，浏览器通过JS脚本与远程服务平台的JAVA服务程序进行数据交互，JAVA服务程序将XML数据发送给智能终端；

步骤5、智能终端调用JS图形渲染工具，将XML数据渲染成可视化的数据图形在浏览器上展示。

采用上述方案后，本发明的有益效果是：本发明采用JS语言替代JAVA/.NET/Flash语言实现对图形展示的解析和渲染，JS脚本语言可以直接运行在浏览器中；采用XSLT映射的方式，通过定义数据展示的规则，实现数据图形形状、颜色风格、位置、流向操作，从而建立了一种模板化的数据展示框架，即XSLT样式配置展示模板，开发人员只需要进行简单的数据源及数据关系配置，即可实现对数据地图的可视化展示，极大提高了数据影响分析和溯源分析等功能的开发效率。

本发明中关键技术有：

一、利用XSLT模板进行展示规则的定义，开发人员可以快速实现展示效果的更换，提高开发效率；

二、采用了基于浏览器的JS作为核心引擎，默认即可适用于各个智能终端，故而只要针对一种浏览器开发，即可在其他各种终端运行使用，满足快速展示的要求。

三、借助XSLT的模板定义能力，对数据与数据的关系进行定义与展示，可以快速的修改，并预览新的效果，而不需要重新部署和编译，满足方便的展现需求。

以下结合附图和具体实施方式对本发明做进一步说明。

附图说明

图1所述是本发明一种在智能终端上数据地图的展示方法的流程简图。

具体实施方式

如图1所示，本发明揭示的一种在智能终端上数据地图的展示方法，其包括：

步骤1、用户在远程服务平台上设置XSLT样式配置展示模板，定义数据图形的形状、相对位置、风格；所述的远程服务平台具有关系型数据库和JAVA服务程序，关系型数据库存储看用于展示的数据和XSLT样式配置展示模板；

步骤2、对远程服务平台的关系型数据库中数据的实体属性字段进行定义、对数据前后流向关系进行定义；

步骤3、调用JAVA服务程序，以获取前述数据库的数据及XSLT样式配置展示模板，并产生包含有数据和展示样式的XML数据；

步骤4、当智能终端需要在浏览器上展示数据时，浏览器通过JS脚本与远程服务平台的JAVA服务程序进行数据交互，JAVA服务程序将XML数据发送给智能终端；

步骤5、智能终端调用JS图形渲染工具，将XML数据渲染成可视化的数据图形在浏览器上展示。

本发明的特点在于：

1：可适应不同智能终端设备，仅依赖浏览器对JS脚本技术的支持，现有方案均安装客户端软件；

2：为数据及数据关系的展示提供了一套专有的XML文件定义格式，可适应不同场景不同需求；

3：不依赖数据治理的成熟程度，对元数据质量不提出高标准的要求；

4：有关数据及数据关系的展示形式属首创，可方便用户直观使用。

总之，本发明利用XSLT定义展现的样式及效果，JAVA服务程序负责数据获取，JS作为最重要的工作引擎，采用JS脚本技术将XML数据调用至智能终端，并借助JS完成界面效果的渲染及与后端JAVA交互，通过JS完成了智能终端于远程服务器的数据交互以及渲染，实现快速在各种智能终端的浏览器上展示数据。

本发明所说的XSLT是扩展样式表转换语言(Extensible Stylesheet LanguageTransformations) 的简称，是一种对 XML 文档进行转化的语言；以下为本发明的一个实例：

XSLT模板文件示例：

<节点 id=”术语” type=”表” src=”@术语” bgcolor=”白色”>

<行 type=”多行” src=”@术语/术语代码” bgcolor=”白色” color=”蓝色” />

<行 type=”多行” src=”@术语/术语属性” bgcolor=”白色” color=”红色” />

</节点>

<节点id=”模型” type=”表” src=”@实体” bgcolor=”白色”>

<行 type=”多行” src=”@实体/属性” bgcolor=”白色” color=”蓝色” />

</节点>

<关系 src=”数据/术语属性” target=”模型/属性” mapping=”名称相同” />

数据源定义示例：

@术语=Table{DB.TBL_SHUYU}

@术语/术语代码= Table{DB.TBL_SHUYU_DAIMA}

@术语/术语属性= Table{DB.TBL_SHUYU_SHUXING}

@实体=Table{DB.TBL_SHITI}

@属性=Table{DB.TBL_SHUXING}。

以上仅为本发明的具体实施例，并非对本发明的保护范围的限定。凡依本案的设计思路所做的等同变化，均落入本案的保护范围。

Claims (1)

1.一种在智能终端上数据地图的展示方法，其特征在于，包括：

步骤1、用户在远程服务平台上设置XSLT样式配置展示模板，定义数据图形的形状、相对位置、风格；所述的远程服务平台具有关系型数据库和JAVA服务程序，关系型数据库存储看用于展示的数据和XSLT样式配置展示模板；

步骤2、对远程服务平台的关系型数据库中数据的实体属性字段进行定义、对数据前后流向关系进行定义；

步骤3、调用JAVA服务程序，以获取前述数据库的数据及XSLT样式配置展示模板，并产生包含有数据和展示样式的XML数据；

步骤4、当智能终端需要在浏览器上展示数据时，浏览器通过JS脚本与远程服务平台的JAVA服务程序进行数据交互，JAVA服务程序将XML数据发送给智能终端；

步骤5、智能终端调用JS图形渲染工具，将XML数据渲染成可视化的数据图形在浏览器上展示。