CN116628116A - 地理空间大数据可视化配置方法、装置、设备及介质 - Google Patents

地理空间大数据可视化配置方法、装置、设备及介质 Download PDF

Info

Publication number
CN116628116A
CN116628116A CN202310416823.1A CN202310416823A CN116628116A CN 116628116 A CN116628116 A CN 116628116A CN 202310416823 A CN202310416823 A CN 202310416823A CN 116628116 A CN116628116 A CN 116628116A
Authority
CN
China
Prior art keywords
event
style
page
triggered
display
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
CN202310416823.1A
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.)
Yizhirui Information Technology Co ltd
Original Assignee
Yizhirui 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 Yizhirui Information Technology Co ltd filed Critical Yizhirui Information Technology Co ltd
Priority to CN202310416823.1A priority Critical patent/CN116628116A/zh
Publication of CN116628116A publication Critical patent/CN116628116A/zh
Pending legal-status Critical Current

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/29Geographical information databases
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/22Indexing; Data structures therefor; Storage structures
    • G06F16/2219Large Object storage; Management thereof
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/20Information retrieval; Database structures therefor; File system structures therefor of structured data, e.g. relational data
    • G06F16/26Visual data mining; Browsing structured data
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02DCLIMATE CHANGE MITIGATION TECHNOLOGIES IN INFORMATION AND COMMUNICATION TECHNOLOGIES [ICT], I.E. INFORMATION AND COMMUNICATION TECHNOLOGIES AIMING AT THE REDUCTION OF THEIR OWN ENERGY USE
    • Y02D10/00Energy efficient computing, e.g. low power processors, power management or thermal management

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Remote Sensing (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请涉及一种地理空间大数据可视化配置方法、装置、设备及介质,应用于大数据技术领域,其方法包括:响应于用户的选择配置操作,基于所述选择配置操作进行事件绑定,生成待触发事件;响应于用户的事件执行指令,对所述事件执行指令对应的所述待触发事件进行触发执行,生成触发执行效果;将所述触发执行效果进行显示。本申请具有提高可视化配置的灵活性的效果。

Description

地理空间大数据可视化配置方法、装置、设备及介质
技术领域
本申请涉及大数据的技术领域,尤其是涉及一种地理空间大数据可视化配置方法、装置、设备及介质。
背景技术
地理空间大数据是指包括资源、环境、经济和社会等领域的一切带有地理坐标的数据,用于对地理实体的空间和属性进行数字描述。但随着科技的发展,人们希望通过更加便利的方式进行大数据的查看,可视化技术在此得到运用。
现有可视化配置一般分为两种,一种是以数据表为基础的图表可视化系统,一般提供大量的图表配置功能、简单的地图显示功能,实现积木式搭建可视化应用,另一种是类似超图提供的低代码mapdashboard可视化平台,以静态展示为主实现积木式搭建可视化应用。
但是上述两种均存在相同的问题,即都是通过地图内置组件和组件功能完成地图上的功能应用,使用的功能必须为地图内置组件提供的功能,并且功能唯一,从而导致无法根据用户的需求对应用进行个性化定制和扩展。
发明内容
为了提高可视化配置的灵活性,本申请提供一种地理空间大数据可视化配置方法、装置、设备及介质。
第一方面,本申请提供一种地理空间大数据可视化配置方法,采用如下的技术方案:
一种地理空间大数据可视化配置方法,包括:
响应于用户的选择配置操作,基于所述选择配置操作进行事件绑定,生成待触发事件;
响应于用户的事件执行指令,对所述事件执行指令对应的所述待触发事件进行触发执行,生成触发执行效果;
将所述触发执行效果进行显示。
通过采用上述技术方案,将用户的选择配置进行事件的绑定,在用户需要进行变动时,不需要用户通过图层列表逐一浏览选择,从而提高了可视化配置的灵活性。
可选的,所述基于所述选择配置操作进行事件绑定,生成待触发事件包括:
获取所述选择配置操作的目标函数和所述目标函数对应的配置参数,将所述配置参数作为目标地址;
将所述目标函数与所述目标地址进行绑定生成数据包;
获取所述用户选择的目标组件;
将所述目标组件与所述数据包进行绑定,生成待触发事件。
通过采用上述技术方案,根据选择配置操作确定出其选择的目标函数以及需要与目标函数进行绑定的配置参数,将配置参数作为目标地址,即需要进行交互操作的地址参数,将目标函数与目标地址进行绑定生成数据包,在绑定之后目标函数与目标地址即为一个整体,通过目标函数即能控制目标地址,在得到数据包之后将目标组件与数据包再进行绑定生成待触发事件,通过目标组件就能够实现目标数据包对应的交互操作,从而提高了用户操作的便利性,进一步的提高了用户侧可视化配置的灵活性。
可选的,所述对所述事件执行指令对应的所述待触发事件进行触发执行包括:
获取所述待触发事件包含的目标函数的函数名称;
判断所述函数名称是否存在;
若所述函数名称存在,则获取所述待触发事件的数据包数量;
判断所述数据包数量是否大于一;
若所述数据包数量大于一,则获取所述待触发事件中全部所述数据包的绑定顺序;
基于所述绑定顺序触发所述数据包的目标函数;
若所述数据包数量不大于一,则触发所述数据包的目标函数;
若所述函数名称不存在,则返回。
通过采用上述技术方案,每个目标函数都有其对应的函数名称,用于在使用时根据函数名进行调用,首先通过函数名称判断待触发事件中的目标函数是否存在,如果不存在则无法执行,可以直接退出保持显示页面不发生改变,如果存在则可以进行执行,需要进一步看查看待触发事件中数据包的数量,用户可以根据自己的需求将一个目标组件与多个数据包进行绑定,使得一次实现多个交互操作,从而一次改变多个显示效果,因此,判断待触发事件中的数据包是否只有一个,如果只有一个则可以直接触发目标函数,如果待触发事件中的数据包有多个,则需要根据绑定顺序依次进行目标函数的触发,使得全部的数据包按顺序执行,减少遗漏的情况,提高显示效果的准确性。
可选的,还包括:
响应于所述用户的风格增添操作,获取所述风格增添操作对应的风格样式属性;
基于全部的所述风格样式属性生成显示风格;
将所述显示风格存储至预设风格数据库;
响应于所述用户的风格设置操作,获取所述风格设置操作对应的显示风格;
将所述显示风格进行显示。
可选的,所述将所述显示风格进行显示包括:
调用所述显示风格对应的less变量;
基于预设less编译器将所述less变量编译成为css代码;
基于所述css代码进行显示页面重绘,将重绘的显示页面进行显示。
通过采用上述技术方案,在将可视化地理空间创建完成之后,用户还可以根据自己的需求设置整体的显示风格,将用户的显示风格进行存储,用户随时可以根据自己的需求对整个显示页面进行分各个的调整,实现风格变换自由,更加贴近自己的需求并且使得显示效果更加丰富,从而进一步的提高了可视化配置的灵活性。
可选的,还包括:
获取显示页面的页面数量、所述显示页面的创建顺序、所述显示页面的页面组件和所述页面组件的选择顺序;
基于React架构、所述页面数量、所述创建顺序、所述页面组件和所述选择顺序生成页面大纲;
响应于所述用户对所述页面大纲的调整选择,对所述页面大纲进行更新。
可选的,所述对所述页面大纲进行更新包括:
获取所述页面组件的组件属性,将所述组件属性与所述页面大纲进行双向绑定;
实时监听所述页面组件的状态;
当所述状态发生改变时对所述页面大纲进行更新。
通过采用上述技术方案,用户可以一次建立多个显示页面,然后将全部的显示页面以及页面上的组件进行总和生成页面大纲,用户可以通过页面大纲进行页面和页面组件的调整,并且可以通过大纲了解到页面与自检之间结构组成,从而进一步提高了可视化配置的灵活性。
第二方面,本申请提供一种地理空间大数据可视化配置装置,采用如下的技术方案:
一种地理空间大数据可视化配置装置,包括:
触发事件生成模块,用于响应于用户的选择配置操作,基于所述选择配置操作进行事件绑定,生成待触发事件;
执行效果生成模块,用于响应于用户的事件执行指令,对所述事件执行指令对应的所述待触发事件进行触发执行,生成触发执行效果;
执行效果显示模块,用于将所述触发执行效果进行显示。
通过采用上述技术方案,将用户的选择配置进行事件的绑定,在用户需要进行变动时,不需要用户通过图层列表逐一浏览选择,从而提高了可视化配置的灵活性。
可选的,触发事件生成模块具体用于:
获取所述选择配置操作的目标函数和所述目标函数对应的配置参数,将所述配置参数作为目标地址;将所述目标函数与所述目标地址进行绑定生成数据包;获取所述用户选择的目标组件;将所述目标组件与所述数据包进行绑定,生成待触发事件。
可选的,执行效果生成模块具体用于:
获取所述待触发事件包含的目标函数的函数名称;判断所述函数名称是否存在;若所述函数名称存在,则获取所述待触发事件的数据包数量;判断所述数据包数量是否大于一;若所述数据包数量大于一,则获取所述待触发事件中全部所述数据包的绑定顺序;基于所述绑定顺序触发所述数据包的目标函数;若所述数据包数量不大于一,则触发所述数据包的目标函数;若所述函数名称不存在,则返回。
可选的,地理空间大数据可视化配置装置还包括:
样式属性获取模块,用于响应于所述用户的风格增添操作,获取所述风格增添操作对应的风格样式属性;
显示风格生成模块,用于基于全部的所述风格样式属性生成显示风格;
显示数据存储模块,用于将所述显示风格存储至预设风格数据库;
风格设置响应模块,用于响应于所述用户的风格设置操作,获取所述风格设置操作对应的显示风格;
显示风格显示模块,用于将所述显示风格进行显示。
可选的,显示风格显示模块具体用于:
调用所述显示风格对应的less变量;基于预设less编译器将所述less变量编译成为css代码;基于所述css代码进行显示页面重绘,将重绘的显示页面进行显示。
可选的,地理空间大数据可视化配置装置还包括:
页面信息获取模块,用于获取显示页面的页面数量、所述显示页面的创建顺序、所述显示页面的页面组件和所述页面组件的选择顺序;
页面大纲生成模块,用于基于React架构、所述页面数量、所述创建顺序、所述页面组件和所述选择顺序生成页面大纲;
页面大纲更新模块,用于响应于所述用户对所述页面大纲的调整选择,对所述页面大纲进行更新。
可选的,页面大纲更新模块具体用于:
获取所述页面组件的组件属性,将所述组件属性与所述页面大纲进行双向绑定;实时监听所述页面组件的状态;当所述状态发生改变时对所述页面大纲进行更新。
第三方面,本申请提供一种电子设备,采用如下的技术方案:
一种电子设备,包括处理器,所述处理器与存储器耦合;
所述处理器用于执行所述存储器中存储的计算机程序,以使得所述电子设备执行第一方面任一项所述的地理空间大数据可视化配置方法的计算机程序。
第四方面,本申请提供一种计算机可读存储介质,采用如下的技术方案:
一种计算机可读存储介质,存储有能够被处理器加载并执行第一方面任一项所述的地理空间大数据可视化配置方法的计算机程序。
附图说明
图1是本申请实施例提供的一种地理空间大数据可视化配置方法的流程示意图。
图2是本申请实施例提供的一种地理空间大数据可视化配置装置的结构框图。
图3是本申请实施例提供的电子设备的结构框图。
具体实施方式
以下结合附图对本申请作进一步详细说明。
本申请实施例提供一种地理空间大数据可视化配置方法,该地理空间大数据可视化配置方法可由电子设备执行,该电子设备可以为服务器也可以为终端设备,其中该服务器可以是独立的物理服务器,也可以是多个物理服务器构成的服务器集群或者分布式系统,还可以是提供云让算服务的云服务器。终端设备可以是智能手机、平板电脑、台式计算机等,但并不局限于此。
本申请提供的地理空间大数据可视化方法以安装包的方式进行集成,用户通过下载安装包并将安装包安装到自己的终端设备中,通过浏览器进行运行使用。
图1为本申请实施例提供的一种地理空间大数据可视化配置方法的流程示意图。
如图1所示,该方法主要流程描述如下(步骤S101~S103):
步骤S101,响应于用户的选择配置操作,基于选择配置操作进行事件绑定,生成待触发事件。
在用户进行使用时,需要根据自己的需求进行配置,系统需要根据用户的配置进行绑定,从而实现相应的效果,从而获取选择配置操作的目标函数和目标函数对应的配置参数,将配置参数作为目标地址;将目标函数与目标地址进行绑定生成数据包;获取用户选择的目标组件;将目标组件与数据包进行绑定,生成待触发事件。
在本实施例中,利用 Dooringx架构特性和ArcGIS JS API地图交互能力,形成一套区别于现在常规技术的交互模式,采用交互函数的方式,通过注册 ArcGIS JS API地图交互事件为交互函数,实现对地图的控制,同时,利用 Dooringx架构的事件功能,将地图中的操作组件对应的操作事件注册到对应的事件中,根据操作组件对对应的交互事件进行控制进而实现地图交互。即将地图中的不同交互事件对应的功能设为交互函数,通过操作组件调用与其进行绑定的交互组件对应的交互函数,从而实现相应功能的方式,实现更灵活的地图交互能力,如通过点击按钮实现图层显示/隐藏、通过配置跳转坐标实现地图跳转、通过滑动轴过滤实现地图滤镜等。这种方式使地图可以通过多种组件灵活应用,使用户在构建应用时更加灵活多变。
其中,ArcGIS JS API地图交互事件提供了一些交互事件的基本函数例如一幅地图的缩放/平移、一个地图图层的显示/隐藏等,将其封装起来,通过鼠标的事件交互去触发这些封装的交互函数,从而实现页面上的不同展示效果。通过Dooringx架构实现了组件和组件之间的交互,提高了交互的效率和灵活性,并且集成 ArcGIS JS API 地图交互能力,包括地图缩放、平移、图层控制、卷帘、属性显示等功能,通过将 ArcGIS JS API 地图交互事件注册为交互函数,在向用户提供使用的操作组件中调用这些交互函数,实现操作组件与地图的交互,将操作组件的操作事件注册到对应的事件中,从而在整体上实现对地图的控制。
通过用户在浏览器展示页面上的选择进行内部的绑定操作,已知地图的交互事件注册为交换函数,并且交互事件通过操作组件的形式进行使用,交互组件和交互事件均在展示页面上进行展示,用户首先选择想要的交互事件,再选择想要进行交互的配置参数,其中配置参数包括地图图层和图层上的图片等,在得到交互事件之后就得到了相应的交互函数,将其作为目标函数,将其选的配置参数作为目标地址,从而利用目标函数控制目标地址实现与目标函数对应的交互事件,将目标函数也其对应的目标地址设置为数据包,再将数据包与目标组件进行绑定,生成待触发事件。其中目标组件为操作组件,包括但不限于按钮,还可以设置为鼠标悬停和鼠标滚轴等一系列通过鼠标实现的操作对应的组件。
需要说明的是,一个目标函数可以与多个配置参数进行绑定,在一个待触发事件中可以设置有多个数据包,并且多个数据包对应的目标函数可以相同,但是多个相同目标函数对应的配置参数需要不同,不同目标函数对应的配置参数可以相同,具体的数据包和待触发事件的设置需要根据用户的实际需求进行生成,在此不作具体限定。
为便于理解,下面进行举例说明:
例如,用户选定按钮作为目标组件,从而后续的所有的功能均由点击按钮进行实现。用户在配置时一共配置了三次,第一次为地图图层的隐藏/显示其对应的目标函数为函数A,选择的配置参数为图层A,根据选择的图层A确定图层A在创建时设置的目标图层ID,目标图层ID为“第三图层”,从而将图层A作为目标地址,从而将函数A与图层A进行绑定生成数据包A,通过函数A即可控制“第三图层”的隐藏/显示;第二次为地图图层的隐藏/显示其对应的目标函数为函数A,选择的配置参数为图层B,根据选择的图层B确定图层B在创建时设置的目标图层ID,目标图层ID为“第十图层”,从而将图层B作为目标地址,从而将函数A与图层B进行绑定生成数据包B,通过函数A即可控制“第十图层”的隐藏/显示;第三次为地图中要素的高亮其对应的目标函数为函数B,选择的配置参数为要素A,根据选择的要素A确定要素A在创建时设置的目标要素ID,目标要素ID为“第一要素”,从而将要素A作为目标地址,从而将函数B与要素A进行绑定生成数据包C,通过函数B即可控制“第一要素”的高亮;将数据包A、数据包B和数据包C与按钮进行绑定生成待触发事件。通过点击按钮即可实现图层A的隐藏、图层B的隐藏和要素A的高亮。
需要说明的是,在选择进行高亮显示是还可以设置高亮的颜色、是否开启光晕,光晕开启时模糊的半径是多少,高亮的强度是多少等,具体的显示效果需要根据用户的实际需求进行显示,在此不作具体限定。
步骤S102,响应于用户的事件执行指令,对事件执行指令对应的待触发事件进行触发执行,生成触发执行效果。
针对步骤S102,获取待触发事件包含的目标函数的函数名称;判断函数名称是否存在;若函数名称存在,则获取待触发事件的数据包数量;判断数据包数量是否大于一;若数据包数量大于一,则获取待触发事件中全部数据包的绑定顺序;基于绑定顺序触发数据包的目标函数;若数据包数量不大于一,则触发数据包的目标函数;若函数名称不存在,则返回。
在本实施例中,用户在需要时,向系统事件分发器发送一个事件执行指令,在接收到事件执行指令之后事件执行指令对应的待触发事件进行拆分,将待触发事件按照其包含的数据包进行拆分,由于数据包分为目标地址和目标函数两部分,通过目标地址用于寻找对应配置参数,目标函数被解析器解析后执行操作事件所挂载的函数,从而执行目标函数所包含的动作,进而就实现了一对一的交互需求,如果触发的事件包括多个数据包,则重复上述过程,依次解析并执行数据包,这样就实现了一对多的交互过程。
在触发执行之前,需要判断一下用户选择的操作事件是否存在相应的函数,此时,需要借助函数名称进行判断,每个函数都在函数设置之初设置有相应的函数名称,当没有查找到对应的函数名称时,将无法进行触发执行,此时需要进行返回,显示效果将不发生改变,此处需要说明的是,一般情况下在函数设置好之后基本不会存在缺失的现象,但是由于外界因素的影响可能到是函数的数据被意外损坏或者删除的情况,为了保证整个系统的正常运行,需要进一步的进行判断。如果能够找到对应的函数名称,则进一步查看数据包的数量,如果只有一个数据包就可以直接进行触发执行,如果有多个数据包,则按照数据包的绑定顺序将全部的数据包分发到一个栈中,通过runEventQueue事件循环方法,按照顺序依次触发执行栈中的数据包对应的函数,从而生成最终的触发效果。
步骤S103,将触发执行效果进行显示。
在本实施例中,以上述举例继续进行说明,当用户点击一次时,将图层A和图层B隐藏,将要素A高亮,在呈现出来的页面中将无法看见图层A和图层B,并且要素A为高亮状态,当用户点击两次时,将图层A和图层B显示,将要素A取消高亮,在呈现出来的页面中将可以看见图层A和图层B,并且要素A为正常状态。
在本实施例中,响应于用户的风格增添操作,获取风格增添操作对应的风格样式属性;基于全部的风格样式属性生成显示风格;将显示风格存储至预设风格数据库;响应于用户的风格设置操作,获取风格设置操作对应的显示风格;将显示风格进行显示。
进一步的,调用显示风格对应的less变量;基于预设less编译器将less变量编译成为css代码;基于css代码进行显示页面重绘,将重绘的显示页面进行显示。
为了进一步的提高地图空间的可视化的灵活性,除了基本的便捷功能之外还兼备有地图风格自定义及存储技术,除了包含风格自定义能力,还包括风格存储、复用的功能,用户可以选择系统中已经设置存储的现有风格,还可以根据自身的需求设置自身独有的新的风格,无论是现有风格还是新的风格都存储在预设风格数据库中,在用户选择时直接在预设风格数据库中进行调用。
其中,在风格自定义功能方面,采用了多种底层技术,包括现有的 ArcGIS JS API主题切换能力、React 框架风格自定义能力、ECharts 风格配置能力等。通过这些技术,用户可以轻松地自定义地图的颜色、标注、线条等各种样式,以满足不同的需求。在风格存储、复用的功能方面,用户可以将自己定义的地图风格保存下来,并在下次使用时直接调用,因此可以大大提高用户的使用体验和效率,同时也可以促进用户之间的经验分享和交流。
风格库采用了 less 变量实现,具体实现过程如下:
第一方面,定义 less 变量:在预设风格数据库中,首先需要定义 less 变量,用于存储不同风格参数的数值。例如,可以定义主题色、字体大小、边框颜色、背景颜色等变量,以方便后续在组件中进行调用和使用。
第二方面,引入 less 变量:在组件中需要使用风格库中定义的 less 变量时,需要先引入这些less变量,通过 @import 指令引入风格库中定义的 less 变量,例如:“@import"path/to/stylelib.less";”。
第三方面,使用 less 变量:在组件中需要使用预设风格数据库中定义的less 变量时,可以直接调用这些变量例如,可以在 CSS 属性中使用 less 变量,比如:“background-color: @primary-color;color: @font-size;border: 1px solid @border-color;”。从而可以直接使用风格库中定义的 less 变量,而无需手动输入具体数值。
除此之外,还可以修改 less 变量,如果需要修改风格库中定义的 less 变量,可以直接在预设风格数据库中修改 less 变量的数值,使得所有引用该变量的组件都会自动更新为新的数值,方便管理和维护。通过采用 less 变量实现风格库,可以方便地管理和调整地图应用的样式和风格,满足不同用户的需求,提高了地图应用的可维护性和可扩展性。
在使用的过程中还需要对预设风格数据库进行维护和管理,通过后端接口实现风格库的维护和管理,具体实现过程如下:
首先需要定义风格库数据结构,用于存储风格库中的各种风格参数。数据结构可以采用 JSON 格式进行定义,例如:
{
"primary_color":"#1890ff",
"font_size":"16px",
"border_color":"#d9d9d9",
"background_color":"#f5f5f5"
}
然后需要设计后端接口,在后端服务器中,设计了相应的接口,用于对风格库进行管理和维护,后端接口可以设置为用于读取、更新、删除和新增风格参数等,例如:
GET /api/stylelib:读取当前风格库中的所有参数;
GET /api/stylelib/:key:读取指定 key 的风格参数;
PUT /api/stylelib/:key:更新指定 key 的风格参数;
DELETE /api/stylelib/:key:删除指定 key 的风格参数;
POST /api/stylelib:新增一个新的风格参数。
在后端服务器中,在设计完成后端接口之后,还需要实现设计好的接口,并与风格库数据结构进行交互,具体使用java springboot框架开发接口与PostgreSQL数据库进行存储。
后端部分完成之后,需要将前端与后端进行关联,从而实现最终的需求效果,即前端调用后端接口,在前端页面中,通过umi/request等方式调用后端接口,实现对风格库的读取、更新、删除和新增操作。例如,可以使用 request API 调用后端接口,如下所示:
fetch('/api/stylelib',{method:'GET',headers: {'Content-Type':'application/json'}}).then(response=>response.json()) .then(data =>{ // 对返回的数据进行处理 }) .catch(error =>{ // 处理异常情况 });
通过后端接口实现风格库的维护和管理,可以方便地对地图应用的样式和风格进行定制和管理,同时也可以提高应用的可维护性和可扩展性。
并且除上述之外,通过采用后端接口进行风格库的管理,还可以实现多人协同开发和管理。不同的开发者可以通过后端接口对风格库进行读取、更新、删除和新增操作,从而实现对地图应用的样式和风格的协同管理和定制,提高协同开发的效率和质量。
综上可知,风格自定义及存储技术,具有灵活、高效、可复用等特点,能够提高用户的使用体验和效率,为地图应用开发提供了更加便捷和高效的解决方案。通过采用后端接口实现风格库的维护和管理,可以方便地对地图应用的样式和风格进行定制和管理,提高应用的可维护性和可扩展性,同时也具有多人协同开发和安全性管理等便利点。
需要说明的是,一个组件被拆分为独立的几个部分,包括属性、关联组件和预览组件,以按钮组件为例,通过ComponentItemFactory工厂类注册了一个Dbutton,包括了按钮的key值“button”(第一个参数),别名:“按钮”(第二个参数),关联组件(第三个参数),属性(第四个参数),预览组件(第五个参数),第四和第五各参数都是利用JSON配置的方式实现组件的构建,第四个参数是组件的一些默认参数,如字体字号颜色等等,第三个参数则负责修改这些属性,在开发的角度实现了高复用性,同时进行拆分,实现了低耦合。
具体的,在进行开发时,设置有属性、关联组件、预览组件和组件工厂四个部分,通过将组件拆分为属性、关联组件和预览组件,并引入组件工厂的概念,可以实现系统的可扩展性和可定制性,提高系统的灵活性和效率。并且,这种拆分方式符合现代软件开发的设计原则,将组件拆分为更小的部分,从而实现更好的可维护性和可扩展性。
其中,属性是按钮组件的基本信息和配置项,包括按钮的名称、尺寸、颜色、样式等,并且属性能够与预设风格数据库进行关联联动,通过定义属性,可以定制按钮的基本外观和功能。关联组件是一个组件配置的其他附属组件,表单负责修改组件的一个个属性,关联组件也是通过配置注册进来的,关联组件中的值发生变化可以直接触发其主组件的属性刷新。预览组件是用于预览按钮组件外观和功能的组件,可以在设计时实时预览按钮的外观和功能,从而提高设计效率和精度。同时集成函数和事件,绑定在该类上。组件工厂是一个集成了多个组件的工厂,用于生产和管理系统中的所有组件,通过组件工厂,可以快速创建、管理和定制组件,实现系统的可扩展性和可定制性。
在本实施例中,获取显示页面的页面数量、显示页面的创建顺序、显示页面的页面组件和页面组件的选择顺序;基于React架构、页面数量、创建顺序、页面组件和选择顺序生成页面大纲;响应于用户对页面大纲的调整选择,对页面大纲进行更新。
进一步的,获取页面组件的组件属性,将组件属性与页面大纲进行双向绑定;实时监听页面组件的状态;当状态发生改变时对页面大纲进行更新。
引入多页面搭建应用的能力,将不同的页面作为独立的模块进行设计和开发,从而实现更加灵活和高效的应用构建。通过将不同的页面作为独立的模块进行设计和开发,可以实现更加灵活和高效的应用构建,不同的页面模块可以根据不同的业务需求进行定制和扩展,从而实现更好的用户体验和应用效果。还可以实现简化的页面间跳转,提高用户的使用体验和效率。不同的页面模块之间可以通过简单的跳转方式进行切换,而不需要复杂的页面加载和数据传输过程。将不同的页面作为独立的模块进行设计和开发,可以实现更好的应用管理和维护。不同的页面模块之间可以独立进行开发和测试,从而提高应用的可维护性和可扩展性。同时,多页面搭建应用能力也可以实现更加灵活和高效的应用部署和更新。
在生成多个页面之后为了便于对多个页面进行管理,从而建立页面大纲,用户可以通过页面大概快速的进行浏览和对页面进行了解和修改。页面大纲利用 React 架构实现,将页面中每个组件信息以指定结构存储,并针对存储信息生成大纲。React架构具有高度的灵活性和可扩展性,可以根据不同的业务需求进行定制和扩展。将页面中每个组件的信息以指定结构存储,可以实现对组件信息的结构化管理和存储,从而提高页面大纲的生成效率和可靠性。页面大纲会随页面组件的调整而变化,可以实时反映页面的结构和组成部分,方便用户进行页面管理和优化。通过使用页面大纲,可以实现对页面中组件的快速查找和定位,提高页面管理的效率和精度。同时,页面大纲还可以帮助用户进行页面结构的优化和调整,提高页面的使用效果和用户体验。
用户在页面大纲中可以对页面的调整,每个页面组件都对应有其独有的属性,将组件属性与页面大纲进行双向绑定,并实时进行监听,在状态改变时对页面大纲进行更新,其中状态包括但不限于位置、显示隐藏、锁定等,实现时将组件转为json使用react存储状态,对组件属性的引用值进行监听,如下移一层,使用react中useState状态管理了组件的layerIndex属性,并且结合css的zIndex属性使之能进行层级移动。
图2为申请实施例提供的一种地理空间大数据可视化配置装置200的结构框图。
如图2所示,地理空间大数据可视化配置装置200主要包括:
触发事件生成模块201,用于响应于用户的选择配置操作,基于选择配置操作进行事件绑定,生成待触发事件;
执行效果生成模块202,用于响应于用户的事件执行指令,对事件执行指令对应的待触发事件进行触发执行,生成触发执行效果;
执行效果显示模块203,用于将触发执行效果进行显示。
作为本实施例的一种可选实施方式,触发事件生成模块201具体用于获取选择配置操作的目标函数和目标函数对应的配置参数,将配置参数作为目标地址;将目标函数与目标地址进行绑定生成数据包;获取用户选择的目标组件;将目标组件与数据包进行绑定,生成待触发事件。
作为本实施例的一种可选实施方式,执行效果生成模块202具体用于获取待触发事件包含的目标函数的函数名称;判断函数名称是否存在;若函数名称存在,则获取待触发事件的数据包数量;判断数据包数量是否大于一;若数据包数量大于一,则获取待触发事件中全部数据包的绑定顺序;基于绑定顺序触发数据包的目标函数;若数据包数量不大于一,则触发数据包的目标函数;若函数名称不存在,则返回。
作为本实施例的一种可选实施方式,该地理空间大数据可视化配置装置200还包括:
样式属性获取模块,用于响应于用户的风格增添操作,获取风格增添操作对应的风格样式属性;
显示风格生成模块,用于基于全部的风格样式属性生成显示风格;
显示数据存储模块,用于将显示风格存储至预设风格数据库;
风格设置响应模块,用于响应于用户的风格设置操作,获取风格设置操作对应的显示风格;
显示风格显示模块,用于将显示风格进行显示。
在本可选实施例中,显示风格显示模块具体用于基于预设less编译器将less变量编译成为css代码;基于css代码进行显示页面重绘,将重绘的显示页面进行显示。
作为本实施例的一种可选实施方式,该地理空间大数据可视化配置装置200还包括:
页面信息获取模块,用于获取显示页面的页面数量、显示页面的创建顺序、显示页面的页面组件和页面组件的选择顺序;
页面大纲生成模块,用于基于React架构、页面数量、创建顺序、页面组件和选择顺序生成页面大纲;
页面大纲更新模块,用于响应于用户对页面大纲的调整选择,对页面大纲进行更新。
在本可选实施例中,页面大纲更新模块具体用于获取页面组件的组件属性,将组件属性与页面大纲进行双向绑定;实时监听页面组件的状态;当状态发生改变时对页面大纲进行更新。
在一个例子中,以上任一装置中的模块可以是被配置成实施以上方法的一个或多个集成电路,例如:一个或多个专用集成电路(application specificintegratedcircuit,ASIC),或,一个或多个数字信号处理器(digital signal processor,DSP),或,一个或者多个现场可编程门阵列(field programmable gate array,FPGA),或这些集成电路形式中至少两种的组合。
再如,当装置中的模块可以通过处理元件调度程序的形式实现时,该处理元件可以是通用处理器,例如中央处理器(central processing unit,CPU)或其它可以调用程序的处理器。再如,这些模块可以集成在一起,以片上系统(system-on-a-chip,SOC)的形式实现。
所属领域的技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的装置和模块的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
图3为本申请实施例提供的电子设备300的结构框图。
如图3所示,电子设备300包括处理器301和存储器302,还可以进一步包括信息输入/信息输出(I/O)接口303、通信组件304中的一种或多种以及通信总线305。
其中,处理器301用于控制电子设备300的整体操作,以完成上述的地理空间大数据可视化配置方法的全部或部分步骤;存储器302用于存储各种类型的数据以支持在电子设备300的操作,这些数据例如可以包括用于在该电子设备300上操作的任何应用程序或方法的指令,以及应用程序相关的数据。该存储器302可以由任何类型的易失性或非易失性存储设备或者它们的组合实现,例如静态随机存取存储器(Static Random Access Memory,SRAM)、电可擦除可编程只读存储器(Electrically Erasable Programmable Read-OnlyMemory,EEPROM)、可擦除可编程只读存储器(Erasable Programmable Read-Only Memory,EPROM)、可编程只读存储器(Programmable Read-Only Memory,PROM)、只读存储器(Read-Only Memory,ROM)、磁存储器、快闪存储器、磁盘或光盘中的一种或多种。
I/O接口303为处理器301和其他接口模块之间提供接口,上述其他接口模块可以是键盘,鼠标,按钮等。这些按钮可以是虚拟按钮或者实体按钮。通信组件304用于电子设备300与其他设备之间进行有线或无线通信。无线通信,例如Wi-Fi,蓝牙,近场通信(NearField Communication,简称NFC),2G、3G或4G,或它们中的一种或几种的组合,因此相应的该通信组件104可以包括:Wi-Fi部件,蓝牙部件,NFC部件。
电子设备300可以被一个或多个应用专用集成电路 (Application SpecificIntegrated Circuit,简称ASIC)、数字信号处理器(Digital Signal Processor,简称DSP)、数字信号处理设备(Digital Signal Processing Device,简称DSPD)、可编程逻辑器件(Programmable Logic Device,简称PLD)、现场可编程门阵列(Field ProgrammableGate Array,简称FPGA)、控制器、微控制器、微处理器或其他电子元件实现,用于执行上述实施例给出的地理空间大数据可视化配置方法。
通信总线305可包括一通路,在上述组件之间传送信息。通信总线305可以是PCI(Peripheral Component Interconnect,外设部件互连标准)总线或EISA (ExtendedIndustry Standard Architecture,扩展工业标准结构)总线等。通信总线305可以分为地址总线、数据总线、控制总线等。
电子设备300可以包括但不限于移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端,还可以为服务器等。
本申请还提供一种计算机可读存储介质,计算机可读存储介质上存储有计算机程序,计算机程序被处理器执行时实现上述的地理空间大数据可视化配置方法的步骤。
该计算机可读存储介质可以包括:U盘、移动硬盘、只读存储器 (R ead-OnlyMemory,ROM)、随机存取存储器(Random Access Memory,RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。
以上描述仅为本申请的较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本申请中所涉及的申请范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离前述申请构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本申请中申请的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (10)

1.一种地理空间大数据可视化配置方法,其特征在于,包括:
响应于用户的选择配置操作,基于所述选择配置操作进行事件绑定,生成待触发事件;
响应于用户的事件执行指令,对所述事件执行指令对应的所述待触发事件进行触发执行,生成触发执行效果;
将所述触发执行效果进行显示。
2.根据权利要求1所述的方法,其特征在于,所述基于所述选择配置操作进行事件绑定,生成待触发事件包括:
获取所述选择配置操作的目标函数和所述目标函数对应的配置参数,将所述配置参数作为目标地址;
将所述目标函数与所述目标地址进行绑定生成数据包;
获取所述用户选择的目标组件;
将所述目标组件与所述数据包进行绑定,生成待触发事件。
3.根据权利要求2所述的方法,其特征在于,所述对所述事件执行指令对应的所述待触发事件进行触发执行包括:
获取所述待触发事件包含的目标函数的函数名称;
判断所述函数名称是否存在;
若所述函数名称存在,则获取所述待触发事件的数据包数量;
判断所述数据包数量是否大于一;
若所述数据包数量大于一,则获取所述待触发事件中全部所述数据包的绑定顺序;
基于所述绑定顺序触发所述数据包的目标函数;
若所述数据包数量不大于一,则触发所述数据包的目标函数;
若所述函数名称不存在,则返回。
4.根据权利要求1所述的方法,其特征在于,还包括:
响应于所述用户的风格增添操作,获取所述风格增添操作对应的风格样式属性;
基于全部的所述风格样式属性生成显示风格;
将所述显示风格存储至预设风格数据库;
响应于所述用户的风格设置操作,获取所述风格设置操作对应的显示风格;
将所述显示风格进行显示。
5.根据权利要求4所述的方法,其特征在于,所述将所述显示风格进行显示包括:
调用所述显示风格对应的less变量;
基于预设less编译器将所述less变量编译成为css代码;
基于所述css代码进行显示页面重绘,将重绘的显示页面进行显示。
6.根据权利要求1所述的方法,其特征在于,还包括:
获取显示页面的页面数量、所述显示页面的创建顺序、所述显示页面的页面组件和所述页面组件的选择顺序;
基于React架构、所述页面数量、所述创建顺序、所述页面组件和所述选择顺序生成页面大纲;
响应于所述用户对所述页面大纲的调整选择,对所述页面大纲进行更新。
7.根据权利要求6所述的方法,其特征在于,所述对所述页面大纲进行更新包括:
获取所述页面组件的组件属性,将所述组件属性与所述页面大纲进行双向绑定;
实时监听所述页面组件的状态;
当所述状态发生改变时对所述页面大纲进行更新。
8.一种地理空间大数据可视化配置装置,其特征在于,包括:
触发事件生成模块,用于响应于用户的选择配置操作,基于所述选择配置操作进行事件绑定,生成待触发事件;
执行效果生成模块,用于响应于用户的事件执行指令,对所述事件执行指令对应的所述待触发事件进行触发执行,生成触发执行效果;
执行效果显示模块,用于将所述触发执行效果进行显示。
9.一种电子设备,其特征在于,包括处理器,所述处理器与存储器耦合;
所述处理器用于执行所述存储器中存储的计算机程序,以使得所述电子设备执行如权利要求1至7任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,包括计算机程序或指令,当所述计算机程序或指令在计算机上运行时,使得所述计算机执行如权利要求1至7任一项所述的方法。
CN202310416823.1A 2023-04-18 2023-04-18 地理空间大数据可视化配置方法、装置、设备及介质 Pending CN116628116A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310416823.1A CN116628116A (zh) 2023-04-18 2023-04-18 地理空间大数据可视化配置方法、装置、设备及介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310416823.1A CN116628116A (zh) 2023-04-18 2023-04-18 地理空间大数据可视化配置方法、装置、设备及介质

Publications (1)

Publication Number Publication Date
CN116628116A true CN116628116A (zh) 2023-08-22

Family

ID=87635534

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310416823.1A Pending CN116628116A (zh) 2023-04-18 2023-04-18 地理空间大数据可视化配置方法、装置、设备及介质

Country Status (1)

Country Link
CN (1) CN116628116A (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111813402A (zh) * 2020-07-07 2020-10-23 北京亚鸿世纪科技发展有限公司 数据可视化开发用的拖拽开发组件及事件交互定义器
CN114116089A (zh) * 2021-11-08 2022-03-01 广州鸿大智能科技有限公司 一种数据可视化方法、装置、设备及存储介质
CN114385168A (zh) * 2022-01-14 2022-04-22 中国联合网络通信集团有限公司 可视化地图生成方法、装置、服务器及系统
CN114692055A (zh) * 2022-04-21 2022-07-01 京东科技控股股份有限公司 表单处理方法、装置、存储介质与电子设备
CN114741294A (zh) * 2022-03-31 2022-07-12 北京百度网讯科技有限公司 一种页面的调试方法、装置、设备及存储介质
CN115599363A (zh) * 2022-10-08 2023-01-13 阿里巴巴(中国)有限公司(Cn) 可视化组件的配置方法、装置以及系统

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111813402A (zh) * 2020-07-07 2020-10-23 北京亚鸿世纪科技发展有限公司 数据可视化开发用的拖拽开发组件及事件交互定义器
CN114116089A (zh) * 2021-11-08 2022-03-01 广州鸿大智能科技有限公司 一种数据可视化方法、装置、设备及存储介质
CN114385168A (zh) * 2022-01-14 2022-04-22 中国联合网络通信集团有限公司 可视化地图生成方法、装置、服务器及系统
CN114741294A (zh) * 2022-03-31 2022-07-12 北京百度网讯科技有限公司 一种页面的调试方法、装置、设备及存储介质
CN114692055A (zh) * 2022-04-21 2022-07-01 京东科技控股股份有限公司 表单处理方法、装置、存储介质与电子设备
CN115599363A (zh) * 2022-10-08 2023-01-13 阿里巴巴(中国)有限公司(Cn) 可视化组件的配置方法、装置以及系统

Similar Documents

Publication Publication Date Title
CN111552473B (zh) 一种应用程序的处理方法、装置及设备
US10088980B2 (en) Method and system for providing menu data for mobile applications
US11763076B2 (en) Document applet generation
CN111522552B (zh) 子应用生成方法、装置、计算机设备和存储介质
CN107679113B (zh) 轻应用的获取方法、设备及电子设备
US11822870B2 (en) Customizable user interface layouts
WO2012151090A1 (en) System for creating personalized and customized mobile devices
CN109408136A (zh) 信息处理方法、装置、存储介质及电子设备
JP2022520263A (ja) ミニプログラムのデータバインディング方法、装置、デバイス及びコンピュータプログラム
CN114064024A (zh) 微应用的开发方法、装置、设备、存储介质及程序产品
EP3805909B1 (en) Display control device, display control method, and display control program
CN112016023B (zh) 业务处理方法、装置、终端及存储介质
CN115080016A (zh) 基于ue编辑器的扩展功能实现方法、装置、设备及介质
US10915694B2 (en) Virtual agent creation platform
CN104461893A (zh) 数据处理方法与数据处理装置
CN114721567B (zh) 桌面显示方法和电子设备
CN112181409A (zh) 一种应用构建方法、应用渲染方法及装置
CN115993971A (zh) 活动页面生成方法、计算设备及计算机存储介质
Delessio et al. Sams teach yourself Android application development in 24 hours
CN116628116A (zh) 地理空间大数据可视化配置方法、装置、设备及介质
US20140129917A1 (en) Value-added usage of process-oriented extension fields in business mashups
CN115048162A (zh) 表盘显示方法及装置、电子设备及计算机可读存储介质
US20150277723A1 (en) Exporting a component of a currently displayed user interface to a development system
US20240129402A1 (en) Customization framework for native mobile applications
CN115268884B (zh) 一种基于aPaaS平台的移动端可视化页面配置和渲染方法

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