基本概念
# 管理工作台
# 画布
画布即数据大屏的编辑页面,位于设计器的中心位置,可通过右侧其他配置-画布配置面板对画布的大小进行设置,默认分辨率为1920*1080。
# 布局块
PageNow中,所有的功能组件均必须嵌套于一个布局块中,布局块作为功能组件的外层容器,决定功能组件的位置、尺寸、底色等基础配置。 布局块可以与内部组件进行解绑,当然也可以将功能组件拖入一个未绑定任何组件的布局块中。
# 功能组件
PageNow提供的一系列折线图、柱状图、饼图等可视化图表,通过简单的点击和拖拽操作可以实现组件的添加和大小位置的调整。编辑界面右侧为组件的样式、数据以及交互配置,提供字体颜色、文字大小、动画等配置项对所需组件进行调整,使展示样式交互效果更加灵活。
# 层级结构树
当组件被拖入画布中,即在层级结构树中添加相应的图层信息。点击选中单个图层可对其组件进行编辑修改。
# 数据源
PageNow中,大部分组件均支持绑定数据源,这些数据包括动态数据源(HTTP API、数据库直连、WebSocket)和静态数据源(静态JSON、CSV),所有可绑定数据源的组件,默认均使用静态JSON作为数据源,动态数据源返回的结果集也叫数据源结果集。
# 共享数据源
PageNow中存在一种特定的数据源类型叫共享数据源,它的作用类似于一个数据源统一分发器,数据的请求由共享数据源发起,所有需要这个共享数据源请求返回的结果集的组件, 只需要绑定指定共享数据源即可,具体共享数据源的使用方法,请前往进阶使用中共享数据源中了解。
# 事件总线
PageNow中实现组件之间数据交互的一种方式,基于Vue的EventBus事件总线的机制实现。
# 内置交互流
PageNow中与事件总线一样,用于实现组件之间数据交互的一种方式,内置交互流通过简单的配置即可实现组件之间的数据交互,无需编写复杂的JS事件总线代码。