CN110321679A - 一种可拖拽配置可视化屏幕的运维方法 - Google Patents
一种可拖拽配置可视化屏幕的运维方法 Download PDFInfo
- Publication number
- CN110321679A CN110321679A CN201910551676.2A CN201910551676A CN110321679A CN 110321679 A CN110321679 A CN 110321679A CN 201910551676 A CN201910551676 A CN 201910551676A CN 110321679 A CN110321679 A CN 110321679A
- Authority
- CN
- China
- Prior art keywords
- screen
- infrastructure component
- data source
- template
- permission
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 40
- 238000012800 visualization Methods 0.000 title claims abstract description 21
- 230000027455 binding Effects 0.000 claims abstract description 11
- 238000009739 binding Methods 0.000 claims abstract description 11
- 238000013475 authorization Methods 0.000 claims abstract description 7
- 230000000694 effects Effects 0.000 claims description 8
- 238000013461 design Methods 0.000 claims description 7
- 238000010586 diagram Methods 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 2
- 238000013459 approach Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000012938 design process Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 235000013399 edible fruits Nutrition 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000012544 monitoring process Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000000007 visual effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F21/00—Security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F21/30—Authentication, i.e. establishing the identity or authorisation of security principals
- G06F21/31—User authentication
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0486—Drag-and-drop
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2221/00—Indexing scheme relating to security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F2221/21—Indexing scheme relating to G06F21/00 and subgroups addressing additional information or applications relating to security arrangements for protecting computers, components thereof, programs or data against unauthorised activity
- G06F2221/2141—Access rights, e.g. capability lists, access control lists, access tables, access matrices
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- Computer Hardware Design (AREA)
- Software Systems (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明公开了一种可拖拽配置可视化屏幕的运维方法，包括：验证权限人员的权限；在确定权限人员有权限时弹出屏幕界面，并在屏幕界面中设置屏幕的背景，其中该背景包括屏幕的宽度等比缩放、高度等比缩放、全屏铺满和背景图；从组件库中选择基础组件，并将该基础组件拖拽至屏幕中，其中该基础组件包括图表、模具、空间、边框和图形控件；创建数据源，并为屏幕中的基础组件绑定数据源，其中所述数据源包括API数据源、Mysql数据源、cmdb数据源。通过上述方式，本发明所公开的可拖拽配置可视化屏幕的运维方法，可通过权限人员设置屏幕的模式，灵活性高，大大提高了用户的体验。
Description
技术领域
本发明涉及屏幕处理技术领域，特别是涉及一种可拖拽配置可视化屏幕的运维方法。
背景技术
随着技术的发展，屏幕已经广泛应用在各个领域中。目前，对于运维数据的可视化，需要屏幕进行显示，这样对运行监控数据、资源统计数据、运维流程数据的整合，做多维度数据的收集和展现，形成可视化大屏和看板，让运维管理者更好的做运维决策和指挥调度，实时跟踪态势，以便更快的做出响应。
然而，传统方式中，对于运维数据的可视化屏幕，屏幕的模板都是固定不变的，即一旦使用就只能按照模板的模式一直使用，无法根据实际情况改变，灵活性差，大大降低了用户的体验。
发明内容
本发明主要解决的技术问题是提供一种可拖拽配置可视化屏幕的运维方法，可通过权限人员设置屏幕的模式，灵活性高，大大提高了用户的体验。
为解决上述技术问题，本发明采用的一个技术方案是：提供一种可拖拽配置可视化屏幕的运维方法，所述方法包括：验证权限人员的权限；在确定权限人员有权限时弹出屏幕界面，并在屏幕界面中设置屏幕的背景，其中该背景包括屏幕的宽度等比缩放、高度等比缩放、全屏铺满和背景图；从组件库中选择基础组件，并将该基础组件拖拽至屏幕，其中该基础组件包括图表、模具、空间、边框和图形控件；创建数据源，并为屏幕中的基础组件绑定数据源，其中所述数据源包括API数据源、Mysql数据源、cmdb数据源。
进一步的，所述将该基础组件拖拽至屏幕中的步骤包括：监听基础组件拖拽事件，获得被拖拽的基础组件的唯一标识符；获取该基础组件拖拽结束后在屏幕的当前位置坐标，并保存到对应数据库表中，在当前位置坐标处建立一个可以拖拽或缩放的节点；获取该唯一标识符所对应的基础组件所绑定的数据源的数据，并在屏幕中进行数据展示；以该节点作为基础点进行拖拽或缩放操作。
进一步的，该方法还包括：通过键盘方向键对该基础组件进行微调；点击预览按钮，并弹出效果界面以显示屏幕设计效果图。
进一步的，该方法还包括：点击模板转换按钮，将当前屏幕转换为屏幕模板，并储存在模板数据库中。
进一步的，该方法还包括：点击屏幕模板，并弹出该屏幕模板所对应的屏幕界面，且在屏幕界面中进行基础组件的添加、排版、样式设置以及数据源绑定操作事件。
进一步的，该方法还包括：点击权限管理按钮，弹出配置权限界面，并在配置权限界面添加或删除权限人员。
进一步的，该方法还包括：选中模板数据库中屏幕模板，并点击导出模板按钮，将屏幕模板保存为cvs文件并导出。
进一步的，所述图表包括柱状图、百分比图、饼图、折线图和雷达图，所述模具包括安全设备、网络安全、存储设备、中间件、数据库、操作系统、服务器、云和机房，所述控件包括时钟、表格、滚动计数器、地图、地球、3D大楼、文本和下拉框。
本发明的有益效果是：区别于现有技术的情况，本发明的可拖拽配置可视化屏幕的运维方法包括：验证权限人员的权限；在确定权限人员有权限时弹出屏幕界面，并在屏幕界面中设置屏幕的背景，其中该背景包括屏幕的宽度等比缩放、高度等比缩放、全屏铺满和背景图；从组件库中选择基础组件，并将该基础组件拖拽至屏幕中，其中该基础组件包括图表、模具、空间、边框和图形控件；创建数据源，并为屏幕中的基础组件绑定数据源，其中所述数据源包括API数据源、Mysql数据源、cmdb数据源。通过上述方式，本发明所公开的可拖拽配置可视化屏幕的运维方法，可通过权限人员设置屏幕的模式，灵活性高，大大提高了用户的体验。
附图说明
图1是本发明可拖拽配置可视化屏幕的运维方法的流程示意图；
图2是图1中步骤S103的子步骤流程示意图。
具体实施方式
下面结合附图和实施方式对本发明进行详细说明。
如图1所示，图1是本发明可拖拽配置可视化屏幕的运维方法的流程示意图。该方法包括以下步骤：
步骤S101：验证权限人员的权限。
应理解，在步骤S101中，验证权限人员的权限的步骤包括：
步骤A1：获取在登录界面所输入的权限账号及对应的账号密码。
步骤A2：判断权限账号及对应的账号密码是否正确。
步骤S102：在确定权限人员有权限时弹出屏幕界面，并在屏幕界面中设置屏幕的背景。应理解，在确定权限人员有权限时可以是自动弹出屏幕界面，也可以是通过点击屏幕界面按钮才弹出屏幕界面。
在本实施例中，该背景包括屏幕的宽度等比缩放、高度等比缩放、全屏铺满和背景图。
步骤S103：从组件库中选择基础组件，并将该基础组件拖拽至屏幕中。
在本实施例中，该基础组件包括图表、模具、空间、边框和图形控件。
优选地，图表包括柱状图、百分比图、饼图、折线图和雷达图。
优选地，模具包括安全设备、网络安全、存储设备、中间件、数据库、操作系统、服务器、云和机房。
优选地，控件包括时钟、表格、滚动计数器、地图、地球、3D大楼、文本和下拉框。
如图2所示，将该基础组件拖拽至屏幕中的步骤包括：
步骤S1031：监听基础组件拖拽事件，获得被拖拽的基础组件的唯一标识符。
应理解，当弹出屏幕界面时，就会开始对基础组件的拖拽事件进行监听，如基础组件被拖拽至屏幕，就会获取事件被拖拽的基础组件的唯一标识符(即ID号)。应理解，每一基础组件都有唯一的ID号。
步骤S1032：获取该基础组件拖拽结束后在屏幕的当前位置坐标，并保存到对应数据库表中，在当前位置坐标处建立一个可以拖拽或缩放的节点。
也就是说，本实施例以屏幕界面作为平面坐标，基础组件被拖拽至屏幕的任一位置，都会有相对应的坐标。
步骤S1033：获取该唯一标识符所对应的基础组件所绑定的数据源的数据，并在屏幕中进行数据展示。
应理解，每一个基础组件都对应绑定有数据源。
步骤S1034：以该节点作为基础点进行拖拽或缩放操作。
步骤S104：创建数据源，并为屏幕中的基础组件绑定数据源。
在本实施例中，数据源包括API数据源、Mysql数据源、cmdb数据源。
应理解，创建数据源可以是在当前设计屏幕的页面添加，也可以是从另外一个页面添加的，根据实际情况而定。
进一步的，在一些实施例中，该可拖拽配置可视化屏幕的运维方法还包括：
步骤B1：通过键盘方向键对该基础组件进行微调。应理解，利用键盘方向键能够对该基础组件上下、左右微雕移动。
步骤B2：点击预览按钮，并弹出效果界面以显示屏幕设计效果图。
应理解，点击预览按钮能够对所设置的屏幕界面进行查看，以查看屏幕界面的效果图。
进一步的，在一些实施例中，该可拖拽配置可视化屏幕的运维方法还包括：点击模板转换按钮，将当前屏幕转换为屏幕模板，并储存在模板数据库中。应理解，屏幕模板的数量有多个，均储存在模板数据库中。
进一步的，在一些实施例中，该可拖拽配置可视化屏幕的运维方法还包括：点击屏幕模板，并弹出该屏幕模板所对应的屏幕界面，且在屏幕界面中进行基础组件的添加、排版、样式设置以及数据源绑定操作事件。
应理解，本实施例通过在原基础的屏幕模板再次设置，可以根据实际需要在原基础的屏幕模板上进行基础组件的添加、基础组件的排版、基础组件的样式设置以及基础组件的数据源绑定操作事件，使得可以进行二次设计，减少不必要的操作，效率更高。
进一步的，在一些实施例中，该可拖拽配置可视化屏幕的运维方法还包括：点击权限管理按钮，弹出配置权限界面，并在配置权限界面添加或删除权限人员。
进一步的，在一些实施例中，该可拖拽配置可视化屏幕的运维方法还包括：选中模板数据库中屏幕模板，并点击导出模板按钮，将屏幕模板保存为cvs文件并导出。
值得注意的是，由于本实施例可以通过人工设计屏幕界面，而在这个设计过程中，会将多个基础组件拖拽至屏幕中，因此会出现基础组件的重叠，导致无法看清被重叠的基础组件，有可能又会重新添加多一次相同的基础组件，因此，为了解决基础组件不重叠，也为了节省设计时间及提高设计效率，在一些实施例中，该可拖拽配置可视化屏幕的运维方法还包括：
步骤C1：统计拖拽至屏幕中的基础组件的数量。
步骤C2：判断拖拽至屏幕中的基础组件的数量是否达到预设数量值。应理解，预设数量值为人为设定值。
如果确定拖拽至屏幕中的基础组件的数量达到预设数量值，则执行步骤C3：获取每一个基础组件的唯一标识符，并统计该唯一标识符所对应的基础组件在屏幕中的图形区域。如果确定拖拽至屏幕中的基础组件的数量没有达到预设数量值，则返回步骤C1。
步骤C4：判断屏幕中的图形区域是否存在重叠。应理解，判断屏幕中的图形区域是否存在重叠具体包括；判断屏幕中任意两个图形区域的重叠面积是否大于50％，如果是，则判定为重叠，如果否，则判定为不重叠。
应理解，判断屏幕中任意两个图形区域的重叠面积是否大于50％主要是判断两个重叠的图形区域中面积最小的一者的重叠面积是否大于50％。
如果确定屏幕中的图形区域存在重叠，则执行步骤C5：将两个重叠的图形区域以红色线条方式显示或闪烁方式显示以起到提醒作用，又或者将被遮挡住的图形区域以红色线条方式或以闪烁方式显示。如果确定屏幕中的图形区域没有存在重叠，则返回步骤C4。
综上，本发明的可拖拽配置可视化屏幕的运维方法包括：验证权限人员的权限；在确定权限人员有权限时弹出屏幕界面，并在屏幕界面中设置屏幕的背景，其中该背景包括屏幕的宽度等比缩放、高度等比缩放、全屏铺满和背景图；从组件库中选择基础组件，并将该基础组件拖拽至屏幕中，其中该基础组件包括图表、模具、空间、边框和图形控件；创建数据源，并为屏幕中的基础组件绑定数据源，其中所述数据源包括API数据源、Mysql数据源、cmdb数据源。通过上述方式，本发明所公开的可拖拽配置可视化屏幕的运维方法，可通过权限人员设置屏幕的模式，灵活性高，大大提高了用户的体验。
以上所述仅为本发明的实施方式，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。
Claims (8)
1.一种可拖拽配置可视化屏幕的运维方法，其特征在于，所述方法包括：
验证权限人员的权限；
在确定权限人员有权限时弹出屏幕界面，并在屏幕界面中设置屏幕的背景，其中该背景包括屏幕的宽度等比缩放、高度等比缩放、全屏铺满和背景图；
从组件库中选择基础组件，并将该基础组件拖拽至屏幕中，其中该基础组件包括图表、模具、空间、边框和图形控件；
创建数据源，并为屏幕中的基础组件绑定数据源，其中所述数据源包括API数据源、Mysql数据源、cmdb数据源。
2.根据权利要求1所述的运维方法，其特征在于，所述将该基础组件拖拽至屏幕中的步骤包括：
监听基础组件拖拽事件，获得被拖拽的基础组件的唯一标识符；
获取该基础组件拖拽结束后在屏幕的当前位置坐标，并保存到对应数据库表中，在当前位置坐标处建立一个可以拖拽或缩放的节点；
获取该唯一标识符所对应的基础组件所绑定的数据源的数据，并在屏幕中进行数据展示；
以该节点作为基础点进行拖拽或缩放操作。
3.根据权利要求2所述的运维方法，其特征在于，该方法还包括：
通过键盘方向键对该基础组件进行微调；
点击预览按钮，并弹出效果界面以显示屏幕设计效果图。
4.根据权利要求3所述的运维方法，其特征在于，该方法还包括：
点击模板转换按钮，将当前屏幕转换为屏幕模板，并储存在模板数据库中。
5.根据权利要求4所述的运维方法，其特征在于，该方法还包括：
点击屏幕模板，并弹出该屏幕模板所对应的屏幕界面，且在屏幕界面中进行基础组件的添加、排版、样式设置以及数据源绑定操作事件。
6.根据权利要求5所述的运维方法，其特征在于，该方法还包括：
点击权限管理按钮，弹出配置权限界面，并在配置权限界面添加或删除权限人员。
7.根据权利要求6所述的运维方法，其特征在于，该方法还包括：
选中模板数据库中屏幕模板，并点击导出模板按钮，将屏幕模板保存为cvs文件并导出。
8.根据权利要求1所述的运维方法，其特征在于，所述图表包括柱状图、百分比图、饼图、折线图和雷达图，所述模具包括安全设备、网络安全、存储设备、中间件、数据库、操作系统、服务器、云和机房，所述控件包括时钟、表格、滚动计数器、地图、地球、3D大楼、文本和下拉框。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910551676.2A CN110321679A (zh) | 2019-06-25 | 2019-06-25 | 一种可拖拽配置可视化屏幕的运维方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910551676.2A CN110321679A (zh) | 2019-06-25 | 2019-06-25 | 一种可拖拽配置可视化屏幕的运维方法 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN110321679A true CN110321679A (zh) | 2019-10-11 |
Family
ID=68120118
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910551676.2A Pending CN110321679A (zh) | 2019-06-25 | 2019-06-25 | 一种可拖拽配置可视化屏幕的运维方法 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110321679A (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111797021A (zh) * | 2020-07-06 | 2020-10-20 | 广州嘉为科技有限公司 | 一种基于Prometheus标准格式的巡检方法 |
| CN112799668A (zh) * | 2021-02-23 | 2021-05-14 | 上海数依数据科技有限公司 | 一种前端多数据源可视化配置方法 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050193334A1 (en) * | 2004-02-26 | 2005-09-01 | Seiko Epson Corporation | Layout system, layout apparatus, layout program, template selection program, storage medium having stored therein layout program, and storage medium having stored therein template selection program, as well as layout method |
| US20110210986A1 (en) * | 2010-03-01 | 2011-09-01 | Stoitcho Goutsev | Systems and methods for determining positioning and sizing of graphical elements |
| CN109359154A (zh) * | 2018-09-26 | 2019-02-19 | 浙江万朋教育科技股份有限公司 | 一种基于拖拽配置可视化大屏的方法 |
| CN109597613A (zh) * | 2017-12-21 | 2019-04-09 | 南京数睿数据科技有限公司 | 一种拖拽式组合报表的大屏展示系统及方法 |
-
2019
- 2019-06-25 CN CN201910551676.2A patent/CN110321679A/zh active Pending
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20050193334A1 (en) * | 2004-02-26 | 2005-09-01 | Seiko Epson Corporation | Layout system, layout apparatus, layout program, template selection program, storage medium having stored therein layout program, and storage medium having stored therein template selection program, as well as layout method |
| US20110210986A1 (en) * | 2010-03-01 | 2011-09-01 | Stoitcho Goutsev | Systems and methods for determining positioning and sizing of graphical elements |
| CN109597613A (zh) * | 2017-12-21 | 2019-04-09 | 南京数睿数据科技有限公司 | 一种拖拽式组合报表的大屏展示系统及方法 |
| CN109359154A (zh) * | 2018-09-26 | 2019-02-19 | 浙江万朋教育科技股份有限公司 | 一种基于拖拽配置可视化大屏的方法 |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111797021A (zh) * | 2020-07-06 | 2020-10-20 | 广州嘉为科技有限公司 | 一种基于Prometheus标准格式的巡检方法 |
| CN112799668A (zh) * | 2021-02-23 | 2021-05-14 | 上海数依数据科技有限公司 | 一种前端多数据源可视化配置方法 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104600840B (zh) | 一种智能调度防误操作管理系统及方法 | |
| US9647909B2 (en) | Monitor a data center infrastructure | |
| US8933930B2 (en) | Navigation and filtering with layers and depths for building automation graphics | |
| WO2016078474A1 (zh) | 电网生产管理系统与调度自动化系统图形交互方法 | |
| CN108520163B (zh) | 基于cim模型和svg图形的三维网架自动建模方法 | |
| CN103514310A (zh) | 一种it基础设施拓扑可视化编辑与展示方法 | |
| CN107948008B (zh) | 一种用于低压配电网监控系统的建模方法 | |
| CN103366500B (zh) | 电网系统的警报方法及装置 | |
| CN110321679A (zh) | 一种可拖拽配置可视化屏幕的运维方法 | |
| CN109254901A (zh) | 一种指标监测方法及系统 | |
| CN106789347B (zh) | 一种基于告警数据实现告警关联和网络故障诊断的方法 | |
| CN107122185B (zh) | 一种针对配电网参数类信息可视化展现系统 | |
| CN114116089A (zh) | 一种数据可视化方法、装置、设备及存储介质 | |
| CN108133024A (zh) | 面向移动客户端的动态配置的地理空间数据服务集成方法 | |
| CN109788306A (zh) | 信息处理方法、装置、服务器及存储介质 | |
| CN110968479A (zh) | 一种针对应用程序的业务级全链路监控方法及服务器 | |
| CN113487192B (zh) | 工单处理系统、方法、电子设备及计算机可读存储介质 | |
| CN105681388B (zh) | 基于云端物联监控的可视化系统及方法 | |
| CN108874818A (zh) | 一种数据智能可视化系统及方法 | |
| CN102968087B (zh) | 一种防止误操作的智能操作票系统 | |
| CN104049875B (zh) | 一种基于事件驱动的适用多屏幕拼接的大屏幕显示方法 | |
| CN101123533A (zh) | 通信电源运维管理装置 | |
| CN114840112B (zh) | Pop资源管理方法、装置、设备和计算机可读存储介质 | |
| CN106557616B (zh) | 一种低压绘图系统 | |
| CN104346758A (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 | ||
| RJ01 | Rejection of invention patent application after publication | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20191011 |