跳至主要內容

基础概念

黄健大约 3 分钟快速开始

管理工作台

  • 我的工程:PageNow中页面包含于工程内,工程类似一个分组,工程下可以配置协同开发者
  • 我的收藏:包含页面模板收藏以及组件收藏,我们在设计器中可以对配置好的组件进行收藏,方便二次利用
  • 组件库管理:管理所有功能组件的基本信息
  • 主题管理:管理大屏页面中使用的主题配色
  • 我的数据:包含数据库管理以及CSV数据源管理,组件需要对接直连数据库作为数据源时,都会引用配置好的数据库
  • 我的资源库:管理静态图片文件,目前版本仅支持图片文件(可扩展)
  • 用户管理:管理系统账号
  • 附件目录管理:其中列出了系统所有附件目录下的文件以及文件夹
  • 地图源数据管理:管理GeoJson地图数据,这些数据会在部分地图组件中用到
  • 系统监控:包含登录日志以及操作日志

画布

数据大屏的主要编辑区域,页面的基础容器,一个页面可以理解为一个画布,我们在画布内编辑的任何组件,在页面发布后均以可见即所得的方式展示。

PageNow中有多种页面类型,在新建页面的时候可供选择,例如自由布局式数据大屏、响应栅格式数据大屏等,不同页面类型的画布以及设计方式都不一样。

90%的情况下使用最多的还是自由布局式数据大屏,自由布局式数据大屏固定了页面的尺寸,采用绝对布局的设计模式,但PageNow做了屏幕自动适配的功能,不用担心在不同屏幕尺寸设备上的展示效果。

布局块

PageNow中使用一种布局块的理念去包含功能组件,类似与画布包含组件的意思,每一个功能组件的外层都是一个布局块,布局块定义基本的组件尺寸、位置、边框等信息,布局块与功能组件可随时分离切换。

功能组件

功能组件实现了组件的实际功能,PageNow中默认提供了一系列的功能组件,包括图表、文字、图片、表格等,功能组件可通过配置来实现各类自定义功能和效果,同时后续扩展中自定义组件开发指的也是功能组件的开发。

数据源

大部分功能组件均支持绑定数据源,包括动态数据源(HTTP API、数据库直连、WebSocket)和静态数据源(静态JSON、CSV),所有可绑定数据源的组件,默认均使用静态JSON作为数据源,动态数据源返回的结果集也叫数据源结果集。

共享数据源

PageNow中存在一种特定的数据源类型叫共享数据源,它的作用类似于一个数据源统一分发器,数据的请求由共享数据源发起,所有需要这个共享数据源请求返回的结果集的组件, 只需要绑定指定共享数据源即可。

事件总线

实现组件之间数据交互的一种方式,基于Vue的EventBus事件总线的机制实现,使用过VUE的对此应该比较熟悉。

内置交互流

与事件总线一样,用于实现组件之间数据交互的一种方式,内置交互流通过简单的配置即可实现组件之间的数据交互,无需编写JS事件总线代码。