更新时间:2022-09-30 GMT+08:00
分享

开发大屏

开发页面

  1. 单击导入的项目(大屏Demo),单击进入项目。
  2. 图1所示,单击“指挥看板”,进入页面。

    图1 进入页面

  3. 单击“编辑页面”,进入页面的编辑状态,如图2所示。

    图2 编辑状态

  4. 在模板页面中,删除组件。

    1. 按照规划,删除不要的组件,选择组件,右击鼠标,在弹出的下拉菜单中选择“删除”。
    2. 在弹出的提示框中单击“确认”。
      图3 提示框

    组件如图4所示。

    图4 页面组件

  5. 调整组件位置和大小,调整后示例如图6所示。

    单击要调整的组件,如图5所示,调整卡片位置和大小;或者拖到组件边框调整大小,鼠标单击组件,按住不放拖到调整位置。

    四个组件的位置和大小“当前人员类型统计”X:50,Y:150,W:875,H:400;“创建任务”X:1000,Y:150,W:875,H:400;“任务趋势”X:50,Y:600,W:875,H:400;“创建任务”X:1000,Y:600,W:875,H:400。
    图5 调整组件大小和位置
    图6 组件布局

  6. 调整标题。

    1. 单击模板页面中的“文本编辑”组件(煤矿指挥看板)。
      图7 文本编辑组件
    2. 单击,弹出“文本编辑-配置”页面,如图8所示,可以配置文本看板的背景色、特效、文本内容以及展示效果等。
      图8 文本编辑-配置

      图9所示,修改文本内容为“示例看板”。

      图9 配置示例

  7. 单击组件,如图10所示,单击对应的图标,进行组件配置,如组件基本信息,图例,图形,坐标轴等。

    不同的组件类型,图标显示可能不相同。

    本示例中无需修改,使用模板数据。

    图10 配置组件

  8. 配置组件数据源

    本示例使用应用资产“大屏数据处理应用模板”提供的数据,无需修改。

    数据源配置方法:

    单击组件,单击,在进入的页面中配置,配置完成后,单击“保存”,保存配置

    数据源配置说明如表1所示。

    图11 数据源配置
    表1 数据源配置说明

    参数

    配置说明

    数据流程

    该组件在页面呈现数据的来源类型。

    • 桥接器预置:通过桥接器动态调用后台的接口来获取后台数据展示在页面上。
    • 静态数据:获取静态自定义数据展示在页面上。
    • 报表:将系统中已建立的报表数据进行展示。
    • 数据集:要选择在“数据中心”页签配置的数据源时,请选择该项配置,请选择具体的数据集。

    “数据流程”选择“桥接器预置”

    选择桥接器

    调用的桥接器名称,选择系统提供的预置桥接器。

    系统预置的桥接器可在App开发界面左侧列表单击,选择“高级页面 > 桥接器”,在“全局”页签进行查找并下载查看桥接器包中内容。桥接器包中文件解压后,一般包含三个文件:定义整个桥接器逻辑方法的js文件、定义桥接器对象模型的js文件和元数据描述json文件。当预置桥接器不满足需求时,可自定义桥接器。

    桥接器数据类型

    桥接器的数据源类型,支持“静态数据”和“AppCube API”。

    输入数据

    系统已预置了静态数据,如果需要自定义静态数据,请重置数据。

    说明:

    “桥接器数据类型”为“静态数据”,该参数才会显示。

    URL

    配置为自定义接口URL,示例:“/service/ISDP__DMAX_Service/1.0.0/getPersonTypeNum”。

    说明:

    “桥接器数据类型”为“AppCube API”,该参数才会显示。

    刷新周期

    每隔多少秒调用一次后台接口,默认配置为“0”,表示只调用一次。

    共享数据

    是否共享数据。当项目里多个组件通过一个公共请求调用同一个接口的数据时,为了避免多次调接口,可以选择开启共享数据。

    说明:

    “桥接器数据类型”为“AppCube API”,该参数才会显示。

    “数据流程”选择“静态数据”

    输入数据

    系统已预置了静态数据,如果需要自定义静态数据,请重置数据。

    “数据流程”选择“报表”

    报表选择

    选择AppCube中已建立的报表数据进行展示。

    数据流程”选择“数据集”

    选择在“数据中心”中配置的数据源,作为组件数据来源。选择此方式时,请确保数据源已在数据中心创建

  9. 单击页面上方的,保存页面配置,单击,预览页面。
  10. 单击页面上方的发布页面,完成项目中页面的发布操作。
  11. 单击页面右上角的“退出编辑”,退出编辑页面。

发布项目

  1. 图12所示,单击页面左上角的DMAX图标,返回“DMAX”界面项目列表下。

    图12 返回“DMAX”界面项目列表页面

  2. 在“DMAX”界面项目列表下,如图13所示,鼠标悬浮在需要发布的业务大屏应用上(大屏Demo),单击,发布项目包。

    图13 发布项目包

  3. 在弹出的页面单击“发布新版本”,设置要发布的版本号,单击“发布”。

    发布成功后,页面显示“项目成功发布至我的仓库!”。

  4. 导出项目包。

    在“项目列表”页签下,如图14所示,鼠标悬浮在需要导出的项目上,单击,下载项目包

    图14 下载项目包

  5. 图15所示,“运行容器”保持默认,即“AppCube DMAX”,单击“下载”。

    图15 下载

相关文档