工具主要用于对 BMC WebUI 中的布局、颜色等风格的定制。

概述

定制过程中可实时预览定制内容,更直观感受定制后的界面,定制完成后,支持将方案导出为配置文件,用于软件中。

品牌信息定制

使用此功能,您可以虚拟设置并预览定制的品牌信息,主要用于定制:软件 logo、软件名称、版权信息、背景图等。具体操作方法如下:

说明:

品牌信息定制工具仅支持预览修改,如需变更品牌信息请通过其他方式处理。

  1. 在 BMC WebUI 的首页单击“定制工具”,进入 BMC WebUI 定制工具的界面。

  2. 单击“品牌信息定制工具”进入定制界面。

  3. 请根据需求选择定制的内容。

    • 定制基础信息参数列表如下:
    参数参数说明
    软件 logo:logo 标志本地导入图片。要求为.png格式,尺寸不超过178*32像素,大小不超过1MB。
    软件名称设置软件的名称。要求由0~8个字符组成,支持数字、英文字母,不能包含空格。
    首页机型图用于首页服务器的机型展示。图片要求为.png格式,建议尺寸588*332像素,大小不超过1MB。注意图片请保留透明的边距,便于界面展示。
    ico 图标用于浏览器标签页图标显示,图片要求为.ico格式,建议尺寸16*16像素,大小不超过1MB。
    • 定制登录页参数列表如下:
    参数参数说明
    背景图用于登录页面的背景图,可上传本地文件替换,图片要求为.jpg格式,建议尺寸1920*1920像素,大小不超过1MB。
    卡片大小登录窗口在登录界面展示的大小,提供两种尺寸选择。
    卡片位置登录窗口在登录界面展示的位置,提供两种位置选择。
    二维码功能开启后,扫描二维码可查看帮助资料。
    默认安全公告设置的默认安全公告,将会展示在登录界面。
  4. 单击“保存”,完成定制。

    说明:

    • 单击“预览”,可实时预览当前定制内容。
    • 单击“默认恢复”,会清除当前的定制方案,恢复至未定制前的默认品牌信息。
    • 单击“取消”将回退至 BMC WebUI 定制工具的界面。

品牌风格定制

使用此功能,您可以定制主题、按钮等的颜色,同时也可以对页面的布局控件以及输入框的形状进行调整。具体操作方法如下:

  1. 在 BMC WebUI 的首页单击“定制工具”,进入 BMC WebUI 定制工具的界面。

  2. 单击“品牌风格定制工具”进入定制界面。

  3. 选择需要定制的内容。

    • 颜色定制参数列表如下:
    参数参数说明
    主题模式BMC WebUI 的主题颜色,建议根据登录页面的背景颜色选择对应的主题模式。主题模式分为:亮色模式和暗色模式。
    品牌色用于关键的行动点、操作状态、重要信息高亮、图形化等场景。例如:导航栏、保存按钮、复选框等。
    背景色应用于全局页面最底部的背景。
    告警色应用于告警提示。
    状态色应用于全局提示、信息提示、状态标签、加载等场景。
    • 布局&控件定制参数列表如下:
    参数参数说明
    布局导航对工具页面的导航栏位置进行调整,可根据实际情况,选择合适的布局。
    控件用于全局按钮、通知、选择器、输入框、卡片等控件的样式。圆角用于按钮、菜单等展示的形状。阴影用于提示框的边框阴影。
  4. 单击“保存”完成定制。

首页卡片自定义

使用此功能,您可以通过提供的模板,定制 BMC WebUI 首页的布局。具体操作方法如下:

  1. 在 BMC WebUI 的首页单击“定制工具”,进入 BMC WebUI 定制工具的界面。

  2. 单击“首页卡片自定义工具”,进入 BMC WebUI 首页。

  3. 在首页上方的下拉框选择模板。

  4. 单击“保存”完成定制。

    说明:

    • 单击首页下方的“取消”将取消当前的定制内容,并回退至 BMC WebUI 定制工具的界面。
    • 单击首页下方的“恢复默认首页”,可恢复至未定制前的默认布局。

定制文件导出工具

使用此功能,您可以将当前定制的方案以.json格式导出至本地,并集成至BMC固件包中。具体操作方法如下:

  1. 在 BMC WebUI 的首页单击“定制工具”,进入 BMC WebUI 定制工具的界面。

  2. 单击“定制文件导出工具”,进入导出工具界面。

  3. 单击“生成”,将定制的方案下载至本地。

    说明:

    单击右下角的页签,可预览当前定制的登录页面和 BMC WebUI 首页布局。

定制生效指南

本章节主要指导如何使定制的文件在软件内生效。具体操作方法如下:

  1. 使用白牌包构建能力,将导出的.json文件打包到白牌包中。

  2. 在对应环境的 BMC WebUI 界面,选择BMC管理 > 固件升级 > 固件更新,导入制作的白牌包进行升级。

  3. 升级成功后,BMC将自动重启。重启成功后,BMC WebUI 界面将展示定制后的风格。