# 新建并发布我的模板 公共屏幕模板是为用户提供具有业务属性的模板，方便用户基于这些模板快速创建屏幕。 公共屏幕模板包含我的模板和预置模板。我的模板是用户自定义创建的屏幕模板，仅该租户下用户使用。 在新建屏幕之前您可以在"公共屏幕模板"新建我的模板，选择业务所需的页面布局和卡片设置消息联动，从而实现自定义屏幕构建。 #### 前提条件 - 需要具备AppStage指标开发者或运营管理员权限，权限申请的操作请参见[权限管理](https://support.huaweicloud.com/usermanual-appstage/appstage_04_0009.html)。 - 已创建我的卡片，具体请参见[使用在线构建方式新建卡片](https://support.huaweicloud.com/usermanual-wiseoperation/appstage_04_0533.html)、[使用模板构建方式新建卡片](https://support.huaweicloud.com/usermanual-wiseoperation/appstage_04_0534.html)、[使用离线构建方式新建卡片](https://support.huaweicloud.com/usermanual-wiseoperation/appstage_04_0535.html)。 #### 新建屏幕模板 1. 登录[AppStage业务控制台](https://appstage.huaweicloud.com/portal/home)。 2. 在快捷入口选择"运营中心"，进入运营中心。 3. 在左侧导航栏选择"看板管理 \> 公共屏幕模板"。 4. 在"我的模板"页签，选择屏幕模板，单击"新建屏幕模板"。 5. 填写屏幕基本信息，具体的参数说明如[表1]所示。 表1参数说明 | 参数 | 说明 | |:---|:---| | 屏幕模板名称 | 必填项。 填写模板的名称，根据规划自定义。建议您按照一定的命名规则填写屏幕模板名称，方便您快速识别和查找。 由1\~64个字符组成，包含中文、字母、数字及下划线。需满足唯一性且不可重复。 | | 屏幕模板分组 | 必选项。 从下拉框中选择屏幕模板分组。默认显示第一个分组名称。屏幕模板分组为用户自定义创建的分组，具体操作请参见[新建屏幕模板分组](https://support.huaweicloud.com/usermanual-wiseoperation/appstage_04_0654.html)。 | | 屏幕模板描述 | 选填项。 屏幕模板描述信息。由0\~400个字符组成，包含中文、字母、数字及下划线。 | 6. 单击"下一步：选择页面布局"。 页面布局包含流式布局、自定义布局、可重叠布局、固定布局。用户可根据实际情况选择一个或多个布局。 其中"流式布局""自定义布局""可重叠布局"为系统预置页面布局；"固定布局"为用户自定义的页面布局。 7. 单击"下一步：选择卡片"。 - 选择卡片时，可以先在下拉列表中选择卡片分组后再选择所需卡片，高效又便捷。 - 选择卡片时，可以通过搜索框进行查询。输入查询信息时仅支持中文、字母、数字及下划线。 - 用户可以对搜索框里面的内容进行删除和刷新。 已选择的卡片如果升级过，您想要使用升级后的卡片，必须先单击右上角的"卡片一键升级"。 8. 单击"下一步：消息联动设置"。消息联动为可选配置。 1. 单击"消息列表/新建页面消息"。 2. 单击"新建页面级消息"，具体的参数说明如[表2]所示。选择完成后在"操作"列下单击![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000001985389430.png)。 图1新建页面级消息 ![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000002021909221.png) 表2参数说明 | **参数** | **说明** | |:---|:---| | 消息名称 | 建议填写卡片中绑定的消息名称。 | | 消息SO | 此处选择的消息SO字段。 | | 消息描述 | 消息的相关描述信息。 | 3. 选择卡片，添加发布。 单击"添加发布"，选择"自定义事件"、"消息名"，选择完成后在操作列单击![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000001985389434.png)。 图2添加发布 ![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000001985549134.png) 表3添加发布参数说明 | **参数** | **说明** | |:---|:---| | 自定义事件 | 选择默认值"发送消息event1"。 | | 消息名 | 选择已添加的屏幕级消息名。 | 4. 选择卡片，添加订阅。 单击"添加订阅"，选择"消息名"、"自定义方法"，选择完成后在操作列单击![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000002021909225.png)。 图3添加订阅 ![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000001985389426.png) 表4添加订阅参数说明 | **参数** | **说明** | |:---|:---| | 消息名 | 选择已添加的屏幕级消息名。 | | 自定义方法 | 选择"接收消息one"。 | 5. 完成卡片选择和卡片消息联动设置后，关系图如下。 图4卡片发布订阅关系图 ![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000002021988745.png) 6. 单击"下一步：样例页面构建"。 9. 样例页面构建。 1. 拖拽卡片。 把"我的卡片"按需拖到屏幕构建区域，可重复拖拽多次，一个区域可放多张卡片，可建立区域内的卡片切换。 鼠标移动至卡片上，在右上角单击![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000001985549138.png)删除卡片，单击![](https://support.huaweicloud.com/usermanual-wiseoperation/zh-cn_image_0000001985549142.png)移动卡片。在卡片右下角当鼠标变为双箭头时，可拖拽设置卡片大小。 2. 配置"屏幕属性"，具体的参数说明如[表5]所示。 表5参数说明 | **参数** | **说明** | |:---|:---| | 基础属性 | - 屏幕尺寸：可对屏幕尺寸进行修改，包含默认、2K屏、4K屏和自定义。 - 编辑状态：可以通过切换编辑状态设置屏幕模板是否可编辑。 - 主题背景：可以单击"切换主题背景"切换主题风格。系统预置了通用的主题背景。 - 渐进渲染：根据需求开启或关闭。 | | 版面属性 | - 屏幕全屏/平台渲染/微前端加载：根据需求开启或关闭。 - 缩放方式：分为全屏铺满、固定高宽、等比缩放、等比缩放宽度铺满、等比缩放高度铺满。 - 可对上下左右边距及间距进行自定义调整。 | | 其他 | 屏幕封面包含以下两种： - 截取封面：单击"截取封面"，即可自动获取封面。 - 上传封面：单击"上传封面"后，将本地准备好的封面进行上传。 如果"屏幕封面"未进行设置，样例页面构建则无法保存成功。 | 3. 配置"卡片属性"，包括"基本信息"、"交互"和"属性"，具体的参数说明如[表6 参数说明]所示。 表6参数说明 | **参数** || **说明** | |:---|---|:---| | 基本信息 | 基础信息 | 卡片的基本信息，除了卡片大小和卡片位置，其他不可修改。 | | 交互 | 交互方式 | - 无：无交互方式。 - 联动：一个区域可有多张卡片，可设置切换。 - 局部事件：当打开局部事件时，仅对选中卡片的选中区域实现交互效果；反之，则是对选中卡片的全局产生效果。 - 显示目标：选择相应卡片，与主体卡片产生联动交互效果。 - 隐藏目标：选择相应卡片，与主体卡片隐藏交互效果。 - 弹出：可设置屏幕内卡片的弹出方式。 - 触发方式：可选值为"点击"。 点击：任意单击卡片即可触发弹出效果。 - 弹出方式：可选值为"弹窗""侧边抽屉"。 - 局部事件：当"触发方式"为"点击"时，才有此参数。当打开局部事件时，仅对选中卡片的选中区域实现交互效果；反之，则是对选中卡片的全局产生效果。 - 弹出卡片：选择相应卡片，与主体卡片产生弹出交互效果。选择卡片时支持搜索选择。 - 弹窗宽高/抽屉宽度：设置弹窗或侧边抽屉尺寸。 | | 交互 | 卡片特效 | 可根据需要对卡片配置"无""飞入"、"浮入"、"滑入"效果。 Windows操作系统，需要在"我的电脑 \> 高级系统设置 \> 高级 \> 性能 \> 设置 \> 视觉效果 \> 自定义"中勾选"窗口内的动画控件和元素"，才能显示卡片特效。电脑重启后，需要再次设置。 | | 交互 | 扩展交互 | 支持卡片全屏、卡片显隐、卡片固定位置、卡片折叠展开。 | | 属性 || 可对卡片的内边距、标题、布局、数值及图例样式进行自定义配置。请参考[使用在线构建方式新建卡片](https://support.huaweicloud.com/usermanual-wiseoperation/appstage_04_0533.html)的"组件属性"或[使用模板构建方式新建卡片](https://support.huaweicloud.com/usermanual-wiseoperation/appstage_04_0534.html)的"属性配置"。 | 4. 配置"屏幕卡片"。 可对卡片进行删除和隐藏。 10. 单击"完成"。 配置完成后的屏幕模板，默认以卡片的形式显示在"我的模板"所选择的屏幕分组列表中。 #### 发布屏幕模板 已创建的公共屏幕模板需要发布后，才可以在基于模板构建屏幕时供用户使用。 1. 在公共屏幕模板页面，选择"我的模板"页签。 2. 在未发布的屏幕模板上，单击"更多 \> 发布"，即可将屏幕模板发布成功。 发布成功后的屏幕模板可以在"我的屏幕"中使用。 #### 更多操作 您还可以在"看板管理 \> 公共屏幕模板 \> 我的模板"界面执行如[表7]的操作。 表7相关操作 | 操作 | 说明 | |:---|:---| | 编辑屏幕模板 | 在需要编辑的屏幕模板上，单击"编辑"，可以编辑屏幕模板。 | | 查看模板详情 | 在需要查看的屏幕模板上，单击"更多 \> 详情"，可以查看屏幕模板详情。 | | 使用屏幕模板 | 在需要使用的屏幕模板上，单击"更多 \> 使用"，可以将该屏幕模板重命名后同步到"我的屏幕"进行使用。 该操作仅适用于已发布的屏幕。 | | 预览屏幕模板 | 在需要预览的屏幕模板上，单击"更多 \> 预览"，可以预览屏幕模板配置效果。 | | 移动屏幕模板 | 在需要移动的屏幕模板上，单击"更多 \> 移动"，可以将该屏幕移至其他屏幕模板分组。 | | 删除屏幕模板 | 在需要删除的屏幕模板上，单击"更多 \> 删除"，可以删除该屏幕。 | | 导出屏幕模板 | 在需要导出的屏幕模板上，单击"更多 \> 导出"，可以导出该屏幕。 |