JVS-BI数字大屏设计器:一站式解决方案

2023-10-31 10:44

本文主要是介绍JVS-BI数字大屏设计器:一站式解决方案,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

数字大屏介绍

数字大屏是当下数据展示、业务监控、指挥调度常见的业务表达形态,常有可视化的图表、效果装饰、事件操作等技术组成酷炫的效果展示。

配置入口

进入JVS-BI(bi.bctools.cn),进入大屏页面,如下图所示

①:大屏配置、展示页面

②:点击“+”号,系统弹出新建菜单

③:点击新建目录时,可以创建左侧的菜单目录

④:点击新建大屏,系统需要选择在哪个目录下新建大屏页面

⑤:点击设置按钮,进入大屏的素材管理页面

⑥:大屏的操作菜单,其中分目录与具体大屏页面

⑦:大屏的预览页面,点击左侧目录下的具体页面,可以在这里预览大屏

素材管理

素材是大屏展示中会常用的内容,JVS提供了自定义素材的能力,如下图所示:

系统提供素材的目录管理、素材的自定义上传,素材的预览、重命名、删除等操作。

大屏结果预览

在左侧目录上,点击具体页面,系统将在右侧展示预览的效果

基础说明

大屏设计器的进入入口,如下图所示,具备设计权限的工具,在对应的大屏展示页面菜单上,鼠标悬浮“...”按钮时,系统自动弹出设计菜单,点击页面设计,即可进入大屏设计器

大屏设计器包括页面设置、大屏设计、页面权限三个部分,如下图所示,页面设置包括页面的基本信息和备注描述,这里的大屏名称和左上角的页面名称是实时同步的。

页面布局

大屏设计界面为整个配置器的核心页面,如下图所示,

①:大屏的名称,可以点击“笔”图标,进入名称修改状态,完成修改后通过回车即可保存

②:大屏设计过程的配置按钮,包括预览、发布为模板、保存,这里的发布模板是将配置的大屏结果发布到模板中心,其他的用户可以通过这个模板快速创建展示页面;保存按钮是对当前配置内容进行保存

③:资源面板,包括画布-图层-组件的配置管理,每一个组件的引入会作为一个单独图层进行展示,画布是由多个组件(图层)合并构建的,一个大屏的设计的结果可以是由多个画布组成。

④:配置面板,选中画布中的内容组件,这里展示每个组件对应的配置内容,如果没有选中任何组件,那么这里展示的画布的基础配置内容

⑤:配置面板折叠按钮,通过这个按钮可以折 配置面板

⑥:页面切换,通过点击不同的页面,可实现页面的切换为当前编辑页,这里的母版 是在所有页面都会生效的内容,且在其他页面不能编辑。

⑦:页面控制操作,包括页面的移动、页面的前进后退、页面的放大缩小。

资源面板

资源面板如下图所示,资源版本核心包括组件、图层和画布

资源面板的开启与隐藏,可以通过下图中的三种方式开启资源面板的配置,

当点击上图中的②时,如果点击组件,则进入组件配置页面,如果点击的画布,则进入画布页面。

配置面板

配置面板主要是对选中对象的配置窗口,如果选中的是图表组件,系统将弹出对图表相关的配置内容,下图所示,

如果选中的是装饰图片,右侧将切换为图片相关的配置设置,如果是点击空白位置,右侧展示的是大屏基础的设置内容,例如背景样式等内容。

底部状态栏

底部状态栏包括画布编辑的切换,通过点击对应画布,将对应的页面作为当前编辑页,选择对应的画布时,左侧将相应的展示当前画布的图层(组件),画布中的母版内容会对所有页面有影响

通过放大、缩小按钮会对画布的内部展示的大小进行缩放控制,可以通过在画布上点击右键,对画布进行拖动位置调整。

在线demo:http://bi.bctools.cn/

gitee地址:https://gitee.com/software-minister/jvs-bi

这篇关于JVS-BI数字大屏设计器:一站式解决方案的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/314790

相关文章

C++高效内存池实现减少动态分配开销的解决方案

《C++高效内存池实现减少动态分配开销的解决方案》C++动态内存分配存在系统调用开销、碎片化和锁竞争等性能问题,内存池通过预分配、分块管理和缓存复用解决这些问题,下面就来了解一下... 目录一、C++内存分配的性能挑战二、内存池技术的核心原理三、主流内存池实现:TCMalloc与Jemalloc1. TCM

MyBatis Plus 中 update_time 字段自动填充失效的原因分析及解决方案(最新整理)

《MyBatisPlus中update_time字段自动填充失效的原因分析及解决方案(最新整理)》在使用MyBatisPlus时,通常我们会在数据库表中设置create_time和update... 目录前言一、问题现象二、原因分析三、总结:常见原因与解决方法对照表四、推荐写法前言在使用 MyBATis

Java死锁问题解决方案及示例详解

《Java死锁问题解决方案及示例详解》死锁是指两个或多个线程因争夺资源而相互等待,导致所有线程都无法继续执行的一种状态,本文给大家详细介绍了Java死锁问题解决方案详解及实践样例,需要的朋友可以参考下... 目录1、简述死锁的四个必要条件:2、死锁示例代码3、如何检测死锁?3.1 使用 jstack3.2

html 滚动条滚动过快会留下边框线的解决方案

《html滚动条滚动过快会留下边框线的解决方案》:本文主要介绍了html滚动条滚动过快会留下边框线的解决方案,解决方法很简单,详细内容请阅读本文,希望能对你有所帮助... 滚动条滚动过快时,会留下边框线但其实大部分时候是这样的,没有多出边框线的滚动条滚动过快时留下边框线的问题通常与滚动条样式和滚动行

Oracle修改端口号之后无法启动的解决方案

《Oracle修改端口号之后无法启动的解决方案》Oracle数据库更改端口后出现监听器无法启动的问题确实较为常见,但并非必然发生,这一问题通常源于​​配置错误或环境冲突​​,而非端口修改本身,以下是系... 目录一、问题根源分析​​​二、保姆级解决方案​​​​步骤1:修正监听器配置文件 (listener.

MySQL版本问题导致项目无法启动问题的解决方案

《MySQL版本问题导致项目无法启动问题的解决方案》本文记录了一次因MySQL版本不一致导致项目启动失败的经历,详细解析了连接错误的原因,并提供了两种解决方案:调整连接字符串禁用SSL或统一MySQL... 目录本地项目启动报错报错原因:解决方案第一个:第二种:容器启动mysql的坑两种修改时区的方法:本地

MyBatis设计SQL返回布尔值(Boolean)的常见方法

《MyBatis设计SQL返回布尔值(Boolean)的常见方法》这篇文章主要为大家详细介绍了MyBatis设计SQL返回布尔值(Boolean)的几种常见方法,文中的示例代码讲解详细,感兴趣的小伙伴... 目录方案一:使用COUNT查询存在性(推荐)方案二:条件表达式直接返回布尔方案三:存在性检查(EXI

安装centos8设置基础软件仓库时出错的解决方案

《安装centos8设置基础软件仓库时出错的解决方案》:本文主要介绍安装centos8设置基础软件仓库时出错的解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐... 目录安装Centos8设置基础软件仓库时出错版本 8版本 8.2.200android4版本 javas

Java空指针异常NullPointerException的原因与解决方案

《Java空指针异常NullPointerException的原因与解决方案》在Java开发中,NullPointerException(空指针异常)是最常见的运行时异常之一,通常发生在程序尝试访问或... 目录一、空指针异常产生的原因1. 变量未初始化2. 对象引用被显式置为null3. 方法返回null

宝塔安装的MySQL无法连接的情况及解决方案

《宝塔安装的MySQL无法连接的情况及解决方案》宝塔面板是一款流行的服务器管理工具,其中集成的MySQL数据库有时会出现连接问题,本文详细介绍两种最常见的MySQL连接错误:“1130-Hostisn... 目录一、错误 1130:Host ‘xxx.xxx.xxx.xxx’ is not allowed