CN110825390A - 可视化大屏项目快速部署 - Google Patents

可视化大屏项目快速部署 Download PDF

Info

Publication number
CN110825390A
CN110825390A CN201910964702.4A CN201910964702A CN110825390A CN 110825390 A CN110825390 A CN 110825390A CN 201910964702 A CN201910964702 A CN 201910964702A CN 110825390 A CN110825390 A CN 110825390A
Authority
CN
China
Prior art keywords
visual
visualization
screen
configuration file
end package
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
CN201910964702.4A
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.)
Unicloud Nanjing Digital Technology Co Ltd
Original Assignee
Unicloud Nanjing Digital 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 Unicloud Nanjing Digital Technology Co Ltd filed Critical Unicloud Nanjing Digital Technology Co Ltd
Priority to CN201910964702.4A priority Critical patent/CN110825390A/zh
Publication of CN110825390A publication Critical patent/CN110825390A/zh
Pending legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/06—Protocols specially adapted for file transfer, e.g. file transfer protocol [FTP]

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Computer Security & Cryptography (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明公开了可视化大屏项目快速部署，涉及可视化数据处理技术领域。本发明包括构建可视化大屏界面坐标系X轴和Y轴；基于html、css以及js技术创建可视化组件并不断迭代生成可视化组件库；通过用户操作创建可视化大屏项目并生成对应的JSON配置文件；根据版本信息下载对应版本的前端包，并根据JSON配置文件部署到服务器。本发明通过用户操作创建可视化大屏项目并生成对应的JSON配置文件；同时，JSON配置文件包括可视化大屏基本信息、可视化组件以及前端包的版本信息；并将可视化组件库封存为前端包，只需根据版本信息下载对应版本的前端包，并根据JSON配置文件部署到服务器，能够实现夸网关快速部署。

Description

可视化大屏项目快速部署
技术领域
本发明属于可视化数据处理技术领域，特别是涉及一种可视化大屏项目快速部署。
背景技术
数据可视化大屏作为最直观，最有效的信息传递方式已经被广泛接受。技术的发展也使得数据可视化大屏的开发越来越简单。一些用Echarts等第三方前端可视化框架做数据可视化大屏开发的开发者，一定深有感触：尽管这些第三方组件包含了许许多多的图表元件，甚至还提供了详尽的JS代码，但是由于每个用户的大屏需求都不一样，每次大屏开发都得写不少前端代码，改很多CSS样式。
应运而生的数据可视化工具，简单方面，轻松拖拽即可形成大屏项目，目前有阿里的dataV、百度sugar，网易有数等。这些都是基于可操作的图形化组件，自由组合形成大屏页面。虽然大屏项目可以轻松拖拽构建，但项目的构建部署，还是依赖于平台服务器环境，即使是组合形成的前端代码(包含js，html，css以及静态文件)也无法转化为用户独有的文件，这样就无法达到在任何服务器甚至本地进行部署，无法避免内外网网关不通的弊端。
本发明一种可视化大屏项目快速部署，通过用户操作创建可视化大屏项目并生成对应的JSON配置文件；同时，JSON配置文件包括可视化大屏基本信息、可视化组件以及前端包的版本信息；并将可视化组件库封存为前端包，只需根据版本信息下载对应版本的前端包，并根据JSON配置文件部署到服务器，能够实现夸网关快速部署。
发明内容
本发明的目的在于提供可视化大屏项目快速部署，通过用户操作创建可视化大屏项目并生成对应的JSON配置文件；同时，JSON配置文件包括可视化大屏基本信息、可视化组件以及前端包的版本信息；并将可视化组件库封存为前端包，只需根据版本信息下载对应版本的前端包，并根据JSON配置文件部署到服务器，能够实现夸网关快速部署。
为解决上述技术问题，本发明是通过以下技术方案实现的：
本发明为可视化大屏项目快速部署，包括如下步骤：
A00：构建可视化大屏界面坐标系X轴和Y轴；
A01：基于html、css以及js技术创建可视化组件并不断迭代生成可视化组件库；
A02：通过用户操作创建可视化大屏项目并生成对应的JSON配置文件；
其中，所述JSON配置文件包括可视化大屏基本信息、可视化组件以及前端包的版本信息；所述前端包为括对应版本的可视化组件库；
A03：根据所述版本信息下载对应版本的前端包，并根据JSON配置文件部署到服务器。
优选地，A02中用户操作包括可视化组件的拖拽、上传以及可视化组件的控制面板操作；所述可视化组件的控制面板操作包括确定可视化组件坐标、在可视化组件上添加文字、设置可视化组件的颜色。
优选地，A02中还包括对可视化大屏项目的保存，保存方式为存储在数据库或导出文件。
优选地，所述前端包包括支持HTML、CSS以及JS环境、对应版本的可视化组件库。
本发明具有以下有益效果：
1、本发明通过用户操作创建可视化大屏项目并生成对应的JSON配置文件；同时，JSON配置文件包括可视化大屏基本信息、可视化组件以及前端包的版本信息；并将可视化组件库封存为前端包，只需根据版本信息下载对应版本的前端包，并根据JSON配置文件部署到服务器，能够实现夸网关快速部署；
2、本发明可视化组件丰富，满足大屏基本需求；支持自定义组件、支持拖拽以及上传图片、富文本；支持JSON配置文件导入导出；不依赖当前服务环境，支持部署任何地方，方便快捷。
当然，实施本发明的任一产品并不一定需要同时达到以上所述的所有优点。
附图说明
为了更清楚地说明本发明实施例的技术方案，下面将对实施例描述所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本发明的可视化大屏项目快速部署的流程图；
图2为本发明中可视化组件库界面展示图；
图3为本发明中JSON配置文件中配置信息示意图；
图4为本发明中可视化大屏界面用户操作的操作界面示意图；
图5本发明前端包下载界面示意图。
具体实施方式
下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
请参阅图1所示，本发明为可视化大屏项目快速部署，包括如下步骤：
A00：构建可视化大屏界面坐标系X轴和Y轴；
A01：基于html、css以及js技术创建可视化组件并不断迭代生成可视化组件库，请参阅图2所示为可视化组件库界面展示图；
A02：通过用户操作创建可视化大屏项目并生成对应的JSON配置文件；
其中，JSON配置文件包括可视化大屏基本信息、可视化组件以及前端包的版本信息；前端包为括对应版本的可视化组件库；请参阅图3所示，为JSON配置文件中配置信息示意图；请参阅图4所示，可视化大屏界面用户操作的操作界面示意图；
A03：根据版本信息下载对应版本的前端包，并根据JSON配置文件部署到服务器；请参阅图5所示，前端包下载界面示意图。
其中，A02中用户操作包括可视化组件的拖拽、上传以及可视化组件的控制面板操作；可视化组件的控制面板操作包括确定可视化组件坐标、在可视化组件上添加文字、设置可视化组件的颜色；。
其中，A02中还包括对可视化大屏项目的保存，保存方式为存储在数据库或导出文件。
其中，前端包由前端技术人员构建支持HTML、CSS以及JS环境，包含每个版本的组件库，根据写入的配置JSON文件，抽取对应版本的前端工程项目压缩包，功能实现读取大屏项目基本信息(长宽，名称，简介等)，以及所用到的组件库信息，从而渲染页面，浏览器展示页面。
值得注意的是，上述系统实施例中，所包括的各个单元只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
另外，本领域普通技术人员可以理解实现上述各实施例方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，相应的程序可以存储于一计算机可读取存储介质中。
以上公开的本发明优选实施例只是用于帮助阐述本发明。优选实施例并没有详尽叙述所有的细节，也不限制该发明仅为所述的具体实施方式。显然，根据本说明书的内容，可作很多的修改和变化。本说明书选取并具体描述这些实施例，是为了更好地解释本发明的原理和实际应用，从而使所属技术领域技术人员能很好地理解和利用本发明。本发明仅受权利要求书及其全部范围和等效物的限制。

Claims (4)

1.可视化大屏项目快速部署，其特征在于，包括如下步骤：
A00：构建可视化大屏界面坐标系X轴和Y轴；
A01：基于html、css以及js技术创建可视化组件并不断迭代生成可视化组件库；
A02：通过用户操作创建可视化大屏项目并生成对应的JSON配置文件；
其中，所述JSON配置文件包括可视化大屏基本信息、可视化组件以及前端包的版本信息；所述前端包为括对应版本的可视化组件库；
A03：根据所述版本信息下载对应版本的前端包，并根据JSON配置文件部署到服务器。
2.根据权利要求1所述的可视化大屏项目快速部署，其特征在于，A02中用户操作包括可视化组件的拖拽、上传以及可视化组件的控制面板操作；所述可视化组件的控制面板操作包括确定可视化组件坐标、在可视化组件上添加文字、设置可视化组件的颜色。
3.根据权利要求1所述的可视化大屏项目快速部署，其特征在于，A02中还包括对可视化大屏项目的保存，保存方式为存储在数据库或导出文件。
4.根据权利要求1所述的可视化大屏项目快速部署，其特征在于，所述前端包包括支持HTML、CSS以及JS环境、对应版本的可视化组件库。
CN201910964702.4A 2019-10-11 2019-10-11 可视化大屏项目快速部署 Pending CN110825390A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910964702.4A CN110825390A (zh) 2019-10-11 2019-10-11 可视化大屏项目快速部署

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910964702.4A CN110825390A (zh) 2019-10-11 2019-10-11 可视化大屏项目快速部署

Publications (1)

Publication Number Publication Date
CN110825390A true CN110825390A (zh) 2020-02-21

Family

ID=69549285

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910964702.4A Pending CN110825390A (zh) 2019-10-11 2019-10-11 可视化大屏项目快速部署

Country Status (1)

Country Link
CN (1) CN110825390A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113900607A (zh) * 2021-09-01 2022-01-07 浙江绿城未来数智科技有限公司 一种基于社区的数据大屏可视化系统的构建方法

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
ZL_GOGOGO: "jQuery+webpack+echarts构建可视化开发环境", 《HTTPS://BLOG.CSDN.NET/ZHANGLONG_WEB/ARTICLE/DETAILS/78937021》 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113900607A (zh) * 2021-09-01 2022-01-07 浙江绿城未来数智科技有限公司 一种基于社区的数据大屏可视化系统的构建方法

Similar Documents

Publication Publication Date Title
CN110795195B (zh) 一种网页渲染方法、装置、电子设备及存储介质
CN102693280B (zh) 网页浏览方法、WebApp框架、执行JavaScript方法及装置、移动终端
CN105955888B (zh) 一种页面调试预览方法及系统
CN101202748B (zh) 一种嵌入式设备的微浏览器浏览网页的方法及嵌入式设备的微浏览器
CN111611518B (zh) 基于Html5的可视化展示页面自动发布方法及系统
CN109656654B (zh) 大屏场景的编辑方法及计算机可读存储介质
CN110020356A (zh) 一种页面模块的代码生成方法、装置及系统
CN105824517A (zh) 一种桌面的实现方法和装置
CN104219295A (zh) 基于服务器端配置的移动设备的信息展示方法及系统
CN106919406A (zh) 一种桌面应用组件发布、更新方法及装置
JP2023537767A (ja) 画像処理方法及び装置、並びにコンピュータ可読記憶媒体
CN107426588B (zh) 一种获取电视机配置信息方法、系统及存储装置
CN115309470A (zh) 微件的加载方法、装置、设备以及存储介质
US10289388B2 (en) Process visualization toolkit
CN111427576A (zh) 配置应用程序接口的方法、装置、存储介质及终端
CN110543307A (zh) 一种应用构建方法及装置
CN110825390A (zh) 可视化大屏项目快速部署
CN112363725A (zh) 基于web端配置电视主场景并可视化渲染的系统
CN108829758A (zh) 一种网站构建方法和装置
CN110765610B (zh) Pdm集成方法、装置、计算机设备及存储介质
CN115130442A (zh) 报表生成的方法、装置、存储介质及计算机设备
JP2002108323A (ja) 情報端末装置及び記憶媒体
CN114817379A (zh) 基于Qunee的配置项关系可视化方法、系统、设备及介质
CN114371838A (zh) 一种小程序画布渲染方法、装置、设备及存储介质
CN113849164A (zh) 数据处理方法、装置、电子设备和存储器

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
WD01 Invention patent application deemed withdrawn after publication
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20200221