# 自定义配置web端企业门户 本节将指导租户管理员如何在开天工作台管理后台配置自定义web端门户。 #### 前提条件 - 已开通MIW服务，具体请参见[开通MIW服务](https://support.huaweicloud.com/ksrm-imc/imc-07-0002.html)。 - 已登录开天工作台管理后台，具体请参见[登录管理后台](https://support.huaweicloud.com/ksrm-imc/imc-07-0075.html)。 #### 配置数据源 1. 在开天工作台管理后台，在界面上方菜单栏，选择"业务管理 \> 门户"。 2. 在门户引擎页面，在左侧导航栏中选择"数据源"，单击"新增数据源"。 3. 在弹出的"新建数据源"页面，根据数据源类型配置如下信息，如[图1]所示，此处以创建一个"新闻news"数据源为例。具体参数说明如[表1]所示。 图1新建数据源 ![](https://support.huaweicloud.com/qs-imc/zh-cn_image_0000001398707764.png) 表1参数说明 | **参数** | 说明 | |:---|:---| | 数据源名称 | 填写该数据源的名称，可包含中文、英文字母、数字、特殊符号。 | | 数据源类型 | 填写该数据源的类型，包括mock类、自有类型。 - mock类：指静态数据。 - 自有类型：指该系统中本有的业务数据，选择对应业务，目前为新闻、公告、待我审批（待办）、我发起的审批。 | | 数据 | 静态数据，需按照固定格式写入"数据"字段中。 说明： 仅当"数据源类型"选择"mock类"时需要配置。 | | 业务类型 | - 新闻数据源：可以选择行业管理员、系统管理员创建和当前企业内部自建的新闻分类。 - 公告数据源：可以选择系统管理员创建和当前企业内部自建的公告分类。 说明： 仅当"数据源类型"选择"自有类型"时需要配置。 | | 关联组件 | 该数据源适配的组件，设置后该数据源才能被对应的组件选中。 | 4. 配置完成后，单击"确定"。 ![](https://support.huaweicloud.com/qs-imc/public_sys-resources/note_3.0-zh-cn.png) 新闻的创建请参见[新闻管理](https://support.huaweicloud.com/usermanual-msse/msse_02_0037.html)，公告的创建请参见[公告管理](https://support.huaweicloud.com/usermanual-msse/msse_02_0040.html)。 #### 配置门户页面 1. 在开天工作台管理后台，选择界面上方菜单栏"业务管理 \> 门户"。 2. 在门户引擎页面，选择左侧导航栏的"门户 \> 门户页面"，单击"创建门户页面"。 3. 在基础配置页面，设置门户基本信息，此处以创建一个名称为"web"的门户页面为例。相关参数说明如[表2]所示，完成后单击"下一步"。 ![](https://support.huaweicloud.com/qs-imc/public_sys-resources/note_3.0-zh-cn.png) 如果在配置过程中您需要中途退出配置页面，可单击页面下方的"保存"按钮。 表2参数说明 | **参数** | **说明** | |:---|:---| | 页面名称 | 填写门户页面的名称，仅作为内部展示使用，最大可支持24个字符，可包含中文、英文、数字及特殊符号。 | | 门户描述 | 填写针对该门户页面的相关描述，可包含中文、英文、数字及特殊符号。 | | 容器背景色 | 配置门户展示组件的背景色，单击可选择颜色。 | | 容器圆角 | 配置门户展示组件的圆角，默认值为8px。 | | 阴影 | 配置门户展示组件是否有阴影，以及阴影的具体值。 | | 字体 | 组件标题字体的大小和是否加粗展示。 | | 容器中内容边距 | 设置门户组件里面内容到组件边距的值。 如下图所示。 ![](https://support.huaweicloud.com/qs-imc/zh-cn_image_0000001336219064.png) | 4. 在页面布局页，选择一种布局样式，此处选择"apaas样式"。如需要定制布局页面，可选择"自定义"样式，选择完成后单击"下一步"。 图2页面布局 ![](https://support.huaweicloud.com/qs-imc/zh-cn_image_0000001387098957.png) 5. 在页面编辑页，拖动左侧"组件选择"区域的组件至中间的操作区域，并在右侧的"组件属性"区域配置相关属性，如[图3]所示。 ![](https://support.huaweicloud.com/qs-imc/public_sys-resources/note_3.0-zh-cn.png) 在编辑新闻、公告组件时，可以在"组件属性"中选择之前添加的数据源，例如：新闻news。 图3页面编辑 ![](https://support.huaweicloud.com/qs-imc/zh-cn_image_0000001336378956.png) 6. 页面布局及组件添加完成后，单击下方的"保存并启用"。门户创建完成，在门户页面可查看已创建成功的门户页面"web"，还可预览、复制、编辑或禁用已创建的门户页面。 图4web ![](https://support.huaweicloud.com/qs-imc/zh-cn_image_0000001449209989.png) #### 配置门户菜单 1. 在开天工作台管理后台，选择界面上方菜单栏"业务管理 \> 门户"。 2. 在门户引擎页面，选择左侧导航栏的"门户 \> 门户菜单"，单击"创建门户菜单"。 3. 在基础配置页填写门户菜单名称，例如：门户菜单menu，单击"确定"。 4. 在门户菜单列表中单击"操作"列的"编辑"，编辑菜单内容。 5. 在"门户菜单编辑"界面，单击"添加菜单"，在弹出的对话框中配置菜单信息，相关参数说明如[表3]所示。例如：您可以在"功能跳转"中选择"门户页面：web"，将菜单与之前创建的门户页面关联起来。 表3参数说明 | **参数** | 说明 | |:---|:---| | 菜单名称 | 填写该菜单的展示名称。 | | 菜单简称 | 客户端优先显示简称，主要用于部分名称较长的场景。 | | 功能跳转 | 支持配置URL、门户页面、系统自有、展开、应用五种类型。 - URL：配置跳转链接。可以选择配置跳转方式为内跳或外跳。 - 内跳：在当前页面打开该URL。如果需要配置内跳，请和URL的提供方，确认支持iframe嵌入展示， - 外跳：在新窗口打开该URL。 - 门户页面：可以选择已经启用的门户页面。 - 系统自有：可以选择配置系统自带的功能。目前支持配置：消息，通讯录，日程，审批，待办中心，工业应用中心，通用应用中心。 - 展开：该功能用于需要创建二级导航菜单时，可以将一级导航菜单配置为展开。并且在一级导航菜单下添加子菜单项。 - 应用：可以选择配置订阅应用和自建应用（仅限web端应用，且不包含小程序）。如果用户对于配置的应用没有权限，则对当前用户隐藏，下一个菜单上移。 | | 选中icon | 该菜单在导航中被选中的图标展示。 | | 未选中icon | 该菜单在导航中未被选中的图标展示。 | 6. 配置完成后，单击"确定"。您可以添加多个菜单项，如[图5]所示。配置后的菜单项会在站点的导航栏展示。 图5门户菜单menu ![](https://support.huaweicloud.com/qs-imc/zh-cn_image_0000001449213229.png) 7. （可选）如果需要调整多个菜单项的顺序，单击"门户菜单编辑"列表上方的"排序"，拖拽菜单上下调整位置，单击"保存"。 8. （可选）如果需要设置菜单项的可见权限，单击对应菜单右侧"操作"列的"权限配置"，可以设置菜单项最终的可见范围，默认全员可见。 ![](https://support.huaweicloud.com/qs-imc/public_sys-resources/notice_3.0-zh-cn.png) 设置权限时，需从右边"已选"区域清除租户名称，否则，其余用户依然有权限访问该站点。 #### 配置门户站点 1. 在开天工作台管理后台，选择界面上方菜单栏"业务管理 \> 门户"。 2. 在门户引擎页面，选择左侧导航栏的"门户 \> 门户站点"，单击"创建门户站点"。 3. 在基础配置页，填写"门户名称"和"门户描述"，例如：门户站点website，单击"保存"。 4. 在已创建的门户站点的"操作"列单击"编辑"，进入基础配置页面，单击"下一步"进入站点配置页面，配置内容如[图6]所示，参数说明如[表4]所示，配置完成后单击"保存并启用"。此处关联之前创建的"门户菜单menu"。 图6站点配置 ![](https://support.huaweicloud.com/qs-imc/zh-cn_image_0000001336538940.png) 表4参数说明 | 参数 | 说明 | |:---|:---| | 布局模板 | 可选配置横向导航或侧导航。 | | 布局内容 | 选择所关联的导航菜单。 | | 布局宽度 | - 按百分比缩放：门户布局将随浏览器窗口大小变化而缩放，建议取值为80%～100%。 - 固定宽度：设置门户布局的固定宽度，建议取值为1200～1920px。 | | 工具栏 | 选择工具栏是否展示应用云市场和搜索框。 | 5. 预览效果如[图7]所示。 图7预览效果 ![](https://support.huaweicloud.com/qs-imc/zh-cn_image_0000001749519913.png) 6. （可选）在门户站点列表，单击"权重"列的"配置"，可配置当前门户站点的权重。权重值决定用户侧展示的优先权，权重小的优先展示。门户站点展示优先级为：自定义站点（权重1 \> 权重2 \> 权重3......）\>默认站点（权重1 \> 权重2）。 ![](https://support.huaweicloud.com/qs-imc/public_sys-resources/note_3.0-zh-cn.png) 自定义门户站点与默认门户站点同时启用，优先展示自定义门户站点。 7. （可选）在门户站点页面，单击对应门户右侧"操作"列的"设置权限"，可分配门户站点最终的可见权限，默认全员可见。 ![](https://support.huaweicloud.com/qs-imc/public_sys-resources/notice_3.0-zh-cn.png) 设置权限时，需从右边"已选"区域清除租户名称，否则，其余用户依然有权限访问该站点。