新建并发布我的模板

前提条件

• 需要具备AppStage指标开发者或运营管理员权限，权限申请的操作请参见权限管理。
• 已创建我的卡片，具体请参见使用在线构建方式新建卡片、使用模板构建方式新建卡片、使用离线构建方式新建卡片。

新建屏幕模板

1. 登录AppStage业务控制台。
2. 在快捷入口选择“运营中心”，进入运营中心。
3. 在左侧导航栏选择“看板管理 > 公共屏幕模板”。
4. 在“我的模板”页签，选择屏幕模板，单击“新建屏幕模板”。
5. 填写屏幕基本信息，具体的参数说明如表1所示。

   表1 参数说明

   参数	说明
   屏幕模板名称	必填项。 填写模板的名称，根据规划自定义。建议您按照一定的命名规则填写屏幕模板名称，方便您快速识别和查找。 由1~64个字符组成，包含中文、字母、数字及下划线。需满足唯一性且不可重复。
   屏幕模板分组	必选项。 从下拉框中选择屏幕模板分组。默认显示第一个分组名称。屏幕模板分组为用户自定义创建的分组，具体操作请参见新建屏幕模板分组。
   屏幕模板描述	选填项。 屏幕模板描述信息。由0~400个字符组成，包含中文、字母、数字及下划线。

6. 单击“下一步：选择页面布局”。

   页面布局包含流式布局、自定义布局、可重叠布局、固定布局。用户可根据实际情况选择一个或多个布局。

   其中“流式布局”“自定义布局”“可重叠布局”为系统预置页面布局；“固定布局”为用户自定义的页面布局。

7. 单击“下一步：选择卡片”。
   • 选择卡片时，可以先在下拉列表中选择卡片分组后再选择所需卡片，高效又便捷。
   • 选择卡片时，可以通过搜索框进行查询。输入查询信息时仅支持中文、字母、数字及下划线。
   • 用户可以对搜索框里面的内容进行删除和刷新。
     

     已选择的卡片如果升级过，您想要使用升级后的卡片，必须先单击右上角的“卡片一键升级”。

8. 单击“下一步：消息联动设置”。消息联动为可选配置。
   1. 单击“消息列表/新建页面消息”。
   2. 单击“新建页面级消息”，具体的参数说明如表2所示。选择完成后在“操作”列下单击。
      图1 新建页面级消息
      

      表2 参数说明

      参数	说明
      消息名称	建议填写卡片中绑定的消息名称。
      消息SO	此处选择的消息SO字段。
      消息描述	消息的相关描述信息。

   3. 选择卡片，添加发布。

      单击“添加发布”，选择“自定义事件”、“消息名”，选择完成后在操作列单击。

      图2 添加发布
      

      表3 添加发布参数说明

      参数	说明
      自定义事件	选择默认值“发送消息event1”。
      消息名	选择已添加的屏幕级消息名。

   4. 选择卡片，添加订阅。

      单击“添加订阅”，选择“消息名”、“自定义方法”，选择完成后在操作列单击。

      图3 添加订阅
      

      表4 添加订阅参数说明

      参数	说明
      消息名	选择已添加的屏幕级消息名。
      自定义方法	选择“接收消息one”。

   5. 完成卡片选择和卡片消息联动设置后，关系图如下。
      图4 卡片发布订阅关系图
      
   6. 单击“下一步：样例页面构建”。

9. 样例页面构建。
   1. 拖拽卡片。

      把“我的卡片”按需拖到屏幕构建区域，可重复拖拽多次，一个区域可放多张卡片，可建立区域内的卡片切换。

      鼠标移动至卡片上，在右上角单击删除卡片，单击移动卡片。在卡片右下角当鼠标变为双箭头时，可拖拽设置卡片大小。

   2. 配置“屏幕属性”，具体的参数说明如表5所示。

      表5 参数说明

      参数	说明
      基础属性	屏幕尺寸：可对屏幕尺寸进行修改，包含默认、2K屏、4K屏和自定义。 编辑状态：可以通过切换编辑状态设置屏幕模板是否可编辑。 主题背景：可以单击“切换主题背景”切换主题风格。系统预置了通用的主题背景。 渐进渲染：根据需求开启或关闭。
      版面属性	屏幕全屏/平台渲染/微前端加载：根据需求开启或关闭。 缩放方式：分为全屏铺满、固定高宽、等比缩放、等比缩放宽度铺满、等比缩放高度铺满。 可对上下左右边距及间距进行自定义调整。
      其他	屏幕封面包含以下两种： 截取封面：单击“截取封面”，即可自动获取封面。 上传封面：单击“上传封面”后，将本地准备好的封面进行上传。 说明： 如果“屏幕封面”未进行设置，样例页面构建则无法保存成功。

   3. 配置“卡片属性”，包括“基本信息”、“交互”和“属性”，具体的参数说明如表6 参数说明所示。

      表6 参数说明

      参数		说明
      基本信息	基础信息	卡片的基本信息，除了卡片大小和卡片位置，其他不可修改。
      交互	交互方式	无：无交互方式。 联动：一个区域可有多张卡片，可设置切换。 局部事件：当打开局部事件时，仅对选中卡片的选中区域实现交互效果；反之，则是对选中卡片的全局产生效果。 显示目标：选择相应卡片，与主体卡片产生联动交互效果。 隐藏目标：选择相应卡片，与主体卡片隐藏交互效果。 弹出：可设置屏幕内卡片的弹出方式。 触发方式：可选值为“点击”。 点击：任意单击卡片即可触发弹出效果。 弹出方式：可选值为“弹窗”“侧边抽屉”。 局部事件：当“触发方式”为“点击”时，才有此参数。当打开局部事件时，仅对选中卡片的选中区域实现交互效果；反之，则是对选中卡片的全局产生效果。 弹出卡片：选择相应卡片，与主体卡片产生弹出交互效果。选择卡片时支持搜索选择。 弹窗宽高/抽屉宽度：设置弹窗或侧边抽屉尺寸。
      	卡片特效	可根据需要对卡片配置“无”“飞入”、“浮入”、“滑入”效果。 说明： Windows操作系统，需要在“我的电脑 > 高级系统设置 > 高级 > 性能 > 设置 > 视觉效果 > 自定义”中勾选“窗口内的动画控件和元素”，才能显示卡片特效。电脑重启后，需要再次设置。
      	扩展交互	支持卡片全屏、卡片显隐、卡片固定位置、卡片折叠展开。
      属性		可对卡片的内边距、标题、布局、数值及图例样式进行自定义配置。请参考使用在线构建方式新建卡片的“组件属性”或使用模板构建方式新建卡片的“属性配置”。

   4. 配置“屏幕卡片”。

      可对卡片进行删除和隐藏。

10. 单击“完成”。

    配置完成后的屏幕模板，默认以卡片的形式显示在“我的模板”所选择的屏幕分组列表中。

发布屏幕模板

已创建的公共屏幕模板需要发布后，才可以在基于模板构建屏幕时供用户使用。

1. 在公共屏幕模板页面，选择“我的模板”页签。
2. 在未发布的屏幕模板上，单击“更多 > 发布”，即可将屏幕模板发布成功。

   发布成功后的屏幕模板可以在“我的屏幕”中使用。

更多操作

您还可以在“看板管理 > 公共屏幕模板 > 我的模板”界面执行如表7的操作。