文档首页/ 开天工业工作台 MIW/ 快速入门/ 进阶实战/ 自定义配置web端企业门户
更新时间:2024-11-12 GMT+08:00
分享

自定义配置web端企业门户

本节将指导租户管理员如何在开天工作台管理后台配置自定义web端门户。

前提条件

配置数据源

  1. 在开天工作台管理后台,在界面上方菜单栏,选择“业务管理 > 门户”。
  2. 在门户引擎页面,在左侧导航栏中选择“数据源”,单击“新增数据源”。
  3. 在弹出的“新建数据源”页面,根据数据源类型配置如下信息,如图1所示,此处以创建一个“新闻news”数据源为例。具体参数说明如表1所示。

    图1 新建数据源
    表1 参数说明

    参数

    说明

    数据源名称

    填写该数据源的名称,可包含中文、英文字母、数字、特殊符号。

    数据源类型

    填写该数据源的类型,包括mock类、自有类型。

    • mock类:指静态数据。
    • 自有类型:指该系统中本有的业务数据,选择对应业务,目前为新闻、公告、待我审批(待办)、我发起的审批。

    数据

    静态数据,需按照固定格式写入“数据”字段中。

    说明:

    仅当“数据源类型”选择“mock类”时需要配置。

    业务类型

    • 新闻数据源:可以选择行业管理员、系统管理员创建和当前企业内部自建的新闻分类。
    • 公告数据源:可以选择系统管理员创建和当前企业内部自建的公告分类。
    说明:

    仅当“数据源类型”选择“自有类型”时需要配置。

    关联组件

    该数据源适配的组件,设置后该数据源才能被对应的组件选中。

  4. 配置完成后,单击“确定”。

    新闻的创建请参见新闻管理,公告的创建请参见公告管理

配置门户页面

  1. 在开天工作台管理后台,选择界面上方菜单栏“业务管理 > 门户”。
  2. 在门户引擎页面,选择左侧导航栏的“门户 > 门户页面”,单击“创建门户页面”。
  3. 在基础配置页面,设置门户基本信息,此处以创建一个名称为“web”的门户页面为例。相关参数说明如表2所示,完成后单击“下一步”。

    如果在配置过程中您需要中途退出配置页面,可单击页面下方的“保存”按钮。

    表2 参数说明

    参数

    说明

    页面名称

    填写门户页面的名称,仅作为内部展示使用,最大可支持24个字符,可包含中文、英文、数字及特殊符号。

    门户描述

    填写针对该门户页面的相关描述,可包含中文、英文、数字及特殊符号。

    容器背景色

    配置门户展示组件的背景色,单击可选择颜色。

    容器圆角

    配置门户展示组件的圆角,默认值为8px。

    阴影

    配置门户展示组件是否有阴影,以及阴影的具体值。

    字体

    组件标题字体的大小和是否加粗展示。

    容器中内容边距

    设置门户组件里面内容到组件边距的值。

    如下图所示。

  4. 在页面布局页,选择一种布局样式,此处选择“apaas样式”。如需要定制布局页面,可选择“自定义”样式,选择完成后单击“下一步”。

    图2 页面布局

  5. 在页面编辑页,拖动左侧“组件选择”区域的组件至中间的操作区域,并在右侧的“组件属性”区域配置相关属性,如图3所示。

    在编辑新闻、公告组件时,可以在“组件属性”中选择之前添加的数据源,例如:新闻news。

    图3 页面编辑

  6. 页面布局及组件添加完成后,单击下方的“保存并启用”。门户创建完成,在门户页面可查看已创建成功的门户页面“web”,还可预览、复制、编辑或禁用已创建的门户页面。

    图4 web

配置门户菜单

  1. 在开天工作台管理后台,选择界面上方菜单栏“业务管理 > 门户”。
  2. 在门户引擎页面,选择左侧导航栏的“门户 > 门户菜单”,单击“创建门户菜单”。
  3. 在基础配置页填写门户菜单名称,例如:门户菜单menu,单击“确定”。
  4. 在门户菜单列表中单击“操作”列的“编辑”,编辑菜单内容。
  5. 在“门户菜单编辑”界面,单击“添加菜单”,在弹出的对话框中配置菜单信息,相关参数说明如表3所示。例如:您可以在“功能跳转”中选择“门户页面:web”,将菜单与之前创建的门户页面关联起来。

    表3 参数说明

    参数

    说明

    菜单名称

    填写该菜单的展示名称。

    菜单简称

    客户端优先显示简称,主要用于部分名称较长的场景。

    功能跳转

    支持配置URL、门户页面、系统自有、展开、应用五种类型。

    • URL:配置跳转链接。可以选择配置跳转方式为内跳或外跳。
      • 内跳:在当前页面打开该URL。如果需要配置内跳,请和URL的提供方,确认支持iframe嵌入展示,
      • 外跳:在新窗口打开该URL。
    • 门户页面:可以选择已经启用的门户页面。
    • 系统自有:可以选择配置系统自带的功能。目前支持配置:消息,通讯录,日程,审批,待办中心,工业应用中心,通用应用中心。
    • 展开:该功能用于需要创建二级导航菜单时,可以将一级导航菜单配置为展开。并且在一级导航菜单下添加子菜单项。
    • 应用:可以选择配置订阅应用和自建应用(仅限web端应用,且不包含小程序)。如果用户对于配置的应用没有权限,则对当前用户隐藏,下一个菜单上移。

    选中icon

    该菜单在导航中被选中的图标展示。

    未选中icon

    该菜单在导航中未被选中的图标展示。

  6. 配置完成后,单击“确定”。您可以添加多个菜单项,如图5所示。配置后的菜单项会在站点的导航栏展示。

    图5 门户菜单menu

  7. (可选)如果需要调整多个菜单项的顺序,单击“门户菜单编辑”列表上方的“排序”,拖拽菜单上下调整位置,单击“保存”。
  8. (可选)如果需要设置菜单项的可见权限,单击对应菜单右侧“操作”列的“权限配置”,可以设置菜单项最终的可见范围,默认全员可见。

    设置权限时,需从右边“已选”区域清除租户名称,否则,其余用户依然有权限访问该站点。

配置门户站点

  1. 在开天工作台管理后台,选择界面上方菜单栏“业务管理 > 门户”。
  2. 在门户引擎页面,选择左侧导航栏的“门户 > 门户站点”,单击“创建门户站点”。
  3. 在基础配置页,填写“门户名称”和“门户描述”,例如:门户站点website,单击“保存”。
  4. 在已创建的门户站点的“操作”列单击“编辑”,进入基础配置页面,单击“下一步”进入站点配置页面,配置内容如图6所示,参数说明如表4所示,配置完成后单击“保存并启用”。此处关联之前创建的“门户菜单menu”。

    图6 站点配置
    表4 参数说明

    参数

    说明

    布局模板

    可选配置横向导航或侧导航。

    布局内容

    选择所关联的导航菜单。

    布局宽度

    • 按百分比缩放:门户布局将随浏览器窗口大小变化而缩放,建议取值为80%~100%。
    • 固定宽度:设置门户布局的固定宽度,建议取值为1200~1920px。

    工具栏

    选择工具栏是否展示应用云市场和搜索框。

  5. 预览效果如图7所示。

    图7 预览效果

  6. (可选)在门户站点列表,单击“权重”列的“配置”,可配置当前门户站点的权重。权重值决定用户侧展示的优先权,权重小的优先展示。门户站点展示优先级为:自定义站点(权重1 > 权重2 > 权重3……)>默认站点(权重1 > 权重2)。

    自定义门户站点与默认门户站点同时启用,优先展示自定义门户站点。

  7. (可选)在门户站点页面,单击对应门户右侧“操作”列的“设置权限”,可分配门户站点最终的可见权限,默认全员可见。

    设置权限时,需从右边“已选”区域清除租户名称,否则,其余用户依然有权限访问该站点。

相关文档