商城系统 - 内容管理 - Banner

这是商城系统的内容管理中Banner功能的操作说明。

Banner管理操作手册

一、功能总说明

Banner管理模块用于配置平台展示的Banner广告，支持Banner的新增、编辑、删除、搜索筛选，可设置Banner的标题、图片、跳转地址、展示位置等信息，用于平台首页或特定页面的广告/活动展示。

二、进入Banner页面

功能作用

通过左侧导航栏进入Banner管理页面，获取Banner的查询与配置权限。

操作步骤

1. 点击左侧导航栏「内容管理」→「Banner」，进入Banner管理页面（如图1）。

成功状态

页面成功加载出Banner搜索条件、操作按钮、Banner列表及分页控件，无报错提示。

三、页面元素说明

1. 搜索条件说明

支持通过以下条件筛选Banner：

• Banner标题：输入关键词模糊查询
• 活动状态：下拉选择Banner的状态（如全部、开启、关闭）
• 创建时间：选择自定义时间范围

2. 操作按钮

• 新增：触发新增Banner的弹窗流程
• 搜索：执行筛选条件的查询操作
• 重置：清空所有筛选条件，恢复展示全部Banner

3. Banner列表字段说明

列表展示的字段包括（包含未显示字段）：

• Banner标题
• 图片
• 状态
• 定位
• 跳转地址
• 创建时间
• 排序
• 描述
• 操作等

4. 分页控件

页面底部提供分页功能，支持切换页码、调整每页显示数量，便于浏览Banner数据。

四、新增Banner

功能作用

创建新的Banner广告，配置展示内容与跳转信息，用于平台页面展示。

操作步骤

1. 在Banner管理页面，点击「新增」按钮，弹出“新增”弹窗（如图2）；
2. 填写弹窗中带红色*的必填项：
   • 标题：输入Banner的标题
   • 图片：点击+区域上传Banner展示图片
   • 跳转地址：输入Banner点击后的跳转链接
   • 排序：输入排序数值，控制Banner的展示顺序
   • 状态：选择「开启」或「关闭」单选按钮（默认选中「开启」）
   • 位置：选择Banner的展示位置（如首页、满减页、限时折扣页等）
3. 填写非必填项（可选）：
   • 描述：输入Banner的补充描述信息
4. 所有内容填写完成后，点击「确定」按钮提交；如需放弃操作，点击「取消」按钮关闭弹窗。

成功状态

弹窗关闭，Banner列表中新增该Banner数据，列表自动刷新展示。

五、编辑Banner

功能作用

修改已存在的Banner信息（如标题、图片、跳转地址、展示位置等）。

操作步骤

1. 在Banner列表的目标Banner「操作」列，点击「编辑」按钮；
2. 弹出编辑弹窗（与新增弹窗字段一致），修改需要调整的信息；
3. 点击「确定」按钮保存修改；如需放弃，点击「取消」关闭弹窗。

成功状态

弹窗关闭，列表中对应Banner的信息同步更新为修改后的内容。

六、删除Banner

功能作用

移除不再展示的Banner广告，清理Banner列表冗余内容。

操作步骤

1. 在Banner列表的目标Banner「操作」列，点击「删除」按钮；
2. 系统弹出删除确认提示框，确认删除则点击「确定」，放弃删除则点击「取消」。

成功状态

确认删除后，该Banner从列表中移除，列表自动刷新无该条数据残留。

七、搜索Banner

功能作用

通过多条件组合快速定位目标Banner，便于查找特定广告的配置信息。

操作步骤

1. （可选）在「Banner标题」输入框中填写关键词；
2. （可选）通过「活动状态」下拉框选择Banner状态；
3. （可选）选择「创建时间」的自定义时间范围；
4. 点击「搜索」按钮，列表展示符合条件的Banner；
5. 如需清空筛选条件，点击「重置」按钮，列表恢复展示全部Banner。

成功状态

列表同步更新为筛选后的Banner数据，精准展示目标广告信息。