一种应用界面数据可视化编辑开发工作方法技术

本发明专利技术提出了一种应用界面数据可视化编辑开发工作方法，包括如下步骤：S1，获取应用界面的运行参数，对于能够进行可视化展示的应用界面进行图形化构建选取对应组件的过程；S2，图形化构建选取之后，对构建选取的组件数据的进行组件参数配置，配置过程中进行组合策略推荐；S3，在组合策略推荐的过程中通过计算判断组件在应用界面的显示评估值，根据设定的条件进行可视化界面参数调整，完成应用界面编辑展示操作。示操作。示操作。

【技术实现步骤摘要】
一种应用界面数据可视化编辑开发工作方法


[0001]本专利技术涉及软件开发界面领域，尤其涉及一种应用界面数据可视化编辑开发工作方法。

技术介绍

[0002]传统的数据可视化，都需要通过编码的方式实现。对于前端页面，需要通过编码方式构建可视化界面，集成数据可视化组件，在代码中对页面属性、组件属性、样式、数据源以及组件之间的交互动作进行配置。同样，对于后端来说，需要对各种前端可视化所需的数据接口进行定制化开发，通过编码的方式，构造数据可视化数据源。编码过程复杂，调试周期过长；
[0003]热更新是在服务不停机的情况下对软件进行升级的机制。对于传统的数据可视化开发方法来说，由于需要大量编码工作，因此，不具备热更新的能力。停机更新的方式，在一定程度上对用户使用会造成一定的影响。根据系统升级的必要性和紧迫性进行评估，在工作时间还是非工作时间对系统进行升级。
[0004]数据可视化系统中，数据来源千变万化。随着业务的发展，会对数据来源进行新增或删减。数据源包括；静态数据源和动态数据源，动态数据源又包含：数据库和三方接口。在传统的数据可视化方案中，通过硬编码方式实现数据源绑定，无法对多数据源实现动态适配。
[0005]在传统的通过硬编码方式实现的数据可视化方案中，存在大量的对技术人员的依赖，对用户来说，存在很高的无法在短时间内逾越的技术壁垒。用户无法实现对现有系统的自主可控。因此，面对模糊多变，时间紧任务重的业务需求，传统方式显得力不从心，成本高昂，对原有系统的改造还存在系统性的技术风险。在当前的时代背景下，用户的需求往往具备易变、不确定、复杂、模糊等特性。用户迫切希望数据可视化系统能够从容应对现有复杂多变的业务需求，希望有一种自主可控的数据可视化系统可以助力信息化建设的提质增效，真正实现自主可控。

技术实现思路

[0006]本专利技术旨在至少解决现有技术中存在的技术问题，特别创新地提出了一种应用界面数据可视化编辑开发工作方法。
[0007]为了实现本专利技术的上述目的，本专利技术提供了一种应用界面数据可视化编辑开发工作方法，包括如下步骤：
[0008]S1，获取应用界面的运行参数，对于能够进行可视化展示的应用界面进行图形化构建选取对应组件的过程；
[0009]S2，图形化构建选取之后，对构建选取的组件数据的进行组件参数配置，配置过程中进行组合策略推荐；
[0010]S3，在组合策略推荐的过程中通过计算判断组件在应用界面的显示评估值，根据
设定的条件进行可视化界面参数调整，完成应用界面编辑展示操作。
[0011]根据上述技术方案优选的，所述S1包括：
[0012]S1
‑
1，对应用界面获取运行参数，根据应用界面的展示区域对可视化布局进行组件调用，全部组件形成组件数据库，根据应用界面的业务内容，对组件进行扩展选择；
[0013]S1
‑
2，对组件选择过程中，对选定的组件放入画布区域，在画布区中对组件位置、大小以拖拉拽的方式进行设置；
[0014]S1
‑
3，在画布区域设置工具栏区、页面绘制区、图层区；对选中的组件根据相应的功能通过工具栏区的功能属性进行功能调整，对该组件定位相应的坐标(x,y)，在页面绘制区根据画布的缩放比例，自适应变更坐标标尺间隔；如果为若干组件形成多图层重叠的组件，调整最上层图形完毕之后，依次调节被堆叠的下层组件。
[0015]根据上述技术方案优选的，所述S2包括：
[0016]S2
‑
1，选择的组件在应用界面进行页面配置，设置页面的初始界面，生成初始界面后对界面进行上传操作，基于当前页面的预览效果，上传初始界面作为页面的封面；
[0017]S2
‑
2，对应用界面的表头进行设置，从而显示控制表头的隐藏与显示，然后对文字显示进行设置，包含溢出隐藏与自动换行，同时针对不同的组件调整为相同的行高、大小以及粗细；对于文字位置、字体和间距和表头背景颜色设置；
[0018]S2
‑
3，在应用界面加入表格时，需要进行边框设置，同时显示的表格中需要通过控制表格边框隐藏与显示功能，完成表格显示的动态属性、竖线显示、边框颜色、边框粗细和外层边框显示设置。
[0019]根据上述技术方案优选的，所述S2还包括：
[0020]S2
‑
4，对应用界面组件进行构建后，如果设置分页属性，在显示过程中，控制分页栏隐藏与显示，在应用界面设置的组件中呈现的页数显示、页面跳转显示、每页数据切换、初始数据条数设置；
[0021]S2
‑
5，对应用界面的动态设置，根据应用界面中组件的属性判断是否启用动态设置；根据应用界面中组件的属性选择动态类型；
[0022]S2
‑
6，通过应用界面组件配置的属性进行定时更新数据；在设置扩展工具栏时，实时显示和树表移动显示同时启动，在应用界面中进行组件合并设置：根据组件的属性如果产生行属性相同情况，则进行行合并，如果产生列属性相同情况，则进行列合并；
[0023]S2
‑
7，对应用界面的组件根据配置的条件搜索表单选择组件的样式，设置的条件为字体大小、控件尺寸、标签文本色、空间背景色、空间文本色、空间边框色设置；搜索按钮、按钮图标、按钮背景色、按钮文本设置；重置按钮，设置搜索表单重置。
[0024]根据上述技术方案优选的，在组件组合策略推荐过程中，需要进行组件数据源的静态配置和动态配置；
[0025]S2
‑
A，应用界面的组件配置在静态数据区域时，录入满足json规范的静态数据；对字段配置：字段配置完成后执行对齐指令，判断所设置的列文本对齐方式，包括左对齐、居中对齐、右对齐三种方式；对齐之后执行提示指令，设置列提示信息；自定义模板，如果应用界面的组件之间对齐完成，则对组件之间间距进行操作，通过上移、下移、删除多余边框进行组件之间的排列调整；
[0026]S2
‑
B，应用界面的组件配置中静态数据配置完成后，通过动态数据配置完成组件
之间的组合和调整，根据组件的数据视图，进行组件配置；设置三方接口的数据配置过程；对于组件的请求方式使用GET、POST指令；在组件的接口路径选择组件视图的数据来源，将对应的组件进行属性匹配；如果应用界面的组件在同一页面无法完全显示，判断执行分页指令，控制接口请求数据，对两页组件内容进行配置，每页的组件数量，控制每页显示组件的数量，并对每页的组件参数进行配置，配置参数名、含义、默认值、条件搜索、权限、权限配置、控件类型、空间配置；
[0027]S2
‑
C，对每个组件进行配置数据重构，提供自定义脚本入口，将组件配置的相关数据传入脚本，根据脚本的执行逻辑对组件配置数据进行重构处理，其中对组件字段配置，提供字段获取功能；树形数据开关、关联字段选择、多级表头开关、复选列开关配置；支持配置字段名、列标题、列宽本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种应用界面数据可视化编辑开发工作方法，其特征在于，包括如下步骤：S1，获取应用界面的运行参数，对于能够进行可视化展示的应用界面进行图形化构建选取对应组件的过程；S2，图形化构建选取之后，对构建选取的组件数据的进行组件参数配置，配置过程中进行组合策略推荐；S3，在组合策略推荐的过程中通过计算判断组件在应用界面的显示评估值，根据设定的条件进行可视化界面参数调整，完成应用界面编辑展示操作。2.根据权利要求1所述的应用界面数据可视化编辑开发工作方法，其特征在于，所述S1包括：S1
‑
1，对应用界面获取运行参数，根据应用界面的展示区域对可视化布局进行组件调用，全部组件形成组件数据库，根据应用界面的业务内容，对组件进行扩展选择；S1
‑
2，对组件选择过程中，对选定的组件放入画布区域，在画布区中对组件位置、大小以拖拉拽的方式进行设置；S1
‑
3，在画布区域设置工具栏区、页面绘制区、图层区；对选中的组件根据相应的功能通过工具栏区的功能属性进行功能调整，对该组件定位相应的坐标(x,y)，在页面绘制区根据画布的缩放比例，自适应变更坐标标尺间隔；如果为若干组件形成多图层重叠的组件，调整最上层图形完毕之后，依次调节被堆叠的下层组件。3.根据权利要求1所述的应用界面数据可视化编辑开发工作方法，其特征在于，所述S2包括：S2
‑
1，选择的组件在应用界面进行页面配置，设置页面的初始界面，生成初始界面后对界面进行上传操作，基于当前页面的预览效果，上传初始界面作为页面的封面；S2
‑
2，对应用界面的表头进行设置，从而显示控制表头的隐藏与显示，然后对文字显示进行设置，包含溢出隐藏与自动换行，同时针对不同的组件调整为相同的行高、大小以及粗细；对于文字位置、字体和间距和表头背景颜色设置；S2
‑
3，在应用界面加入表格时，需要进行边框设置，同时显示的表格中需要通过控制表格边框隐藏与显示功能，完成表格显示的动态属性、竖线显示、边框颜色、边框粗细和外层边框显示设置。4.根据权利要求3述的应用界面数据可视化编辑开发工作方法，其特征在于，所述S2还包括：S2
‑
4，对应用界面组件进行构建后，如果设置分页属性，在显示过程中，控制分页栏隐藏与显示，在应用界面设置的组件中呈现的页数显示、页面跳转显示、每页数据切换、初始数据条数设置；S2
‑
5，对应用界面的动态设置，根据应用界面中组件的属性判断是否启用动态设置；根据应用界面中组件的属性选择动态类型；S2
‑
6，通过应用界面组件配置的属性进行定时更新数据；在设置扩展工具栏时，实时显示和树表移动显示同时启动，在应用界面中进行组件合并设置：根据组件的属性如果产生行属性相同情况，则进行行合并，如果产生列属性相同情况，则进行列合并；S2
‑
7，对应用界面的组件根据配置的条件搜索表单选择组件的样式，设置的条件为字体大小、控件尺寸、标签文本色、空间背景色、空间文本色、空间边框色设置；搜索按钮、按钮
图标、按钮背景色、按钮文本设置；重置按钮，设置搜索表单重置。5.根据权利要求2述的应用界面数据可视化编辑开发工作方法，其特征在于，在组件组合策略推荐过程中，需要进行组件数据源的静态...

【专利技术属性】
技术研发人员：吴芸，唐德亮，高部，
申请(专利权)人：重庆必思普科技有限公司，
类型：发明
国别省市：