课程轮播-用户操作文档

---

功能概述

「课程轮播」用于维护在线培训页面顶部的宣传轮播图。管理员可以上传轮播图片、填写轮播标题、调整展示顺序、控制上线状态，并删除不再使用的轮播内容。

用户进入小程序的在线培训列表后，可以看到已上线的课程轮播图。轮播图按照后台设置的顺序自动循环播放，用于展示培训主题、招生信息、学习提醒或阶段性宣传内容。

课程轮播与课程本身是两个独立功能：

• 轮播图用于页面展示；
• 课程需要在 在线培训 → 课程管理 中单独创建；
• 轮播图不会自动绑定某一门课程；
• 当前用户端轮播图只展示图片，不提供点击后进入指定课程的操作。

路径：在线培训 → 课程轮播

管理员可以完成的工作

功能	作用
新增	添加一张课程轮播图
编辑	修改已有轮播图和标题
排序	调整轮播图在用户端的展示顺序
上线	让轮播图在用户端展示
下线	暂停展示但保留轮播图内容
删除	移除不再使用的轮播图
状态筛选	查看全部、已上线或已下线内容

用户可以看到的内容

用户端只展示已上线的轮播图片。轮播图片位于在线培训课程列表的顶部，自动播放，用户可以通过左右滑动查看其他图片。

轮播标题主要用于后台识别和管理，当前用户端页面不直接显示标题。

---

流程图

秘书处使用流程（管理后台）

用户使用流程（小程序）

---

第一步：进入课程轮播

登录管理后台后，进入 在线培训 → 课程轮播。

课程轮播列表显示当前商会已创建的轮播内容。页面顶部可以查看数量、筛选展示状态和新增轮播图。

列表主要字段如下：

字段	说明
序号	当前轮播图的展示顺序
轮播图	轮播图片缩略图
轮播标题	管理员用于识别内容的标题
创建时间	轮播图创建时间
状态	已上线或未上线
操作	编辑、删除、上线或下线

列表最左侧的拖动标记用于调整顺序。

---

第二步：准备轮播图片

新增轮播前，应先准备适合移动端展示的宣传图片。

图片要求

• 推荐尺寸：375×200 像素，或使用相同宽高比例；
• 支持格式：jpg、jpeg、png；
• 单张图片大小不超过 10MB；
• 图片内容应清晰、简洁；
• 重要文字不要贴近图片边缘；
• 文字字号应适合手机屏幕阅读。

图片内容建议

课程轮播图可以用于展示：

• 新课程上线；
• 培训项目招生；
• 课程报名提醒；
• 学习时间提醒；
• 考试或证书提醒；
• 培训主题宣传；
• 阶段性学习活动。

图片中的文字应尽量简短。详细课程介绍、报名条件和收费说明应放在课程详情或报名页面中，不建议全部堆叠到轮播图片里。

---

第三步：新增课程轮播图

1. 点击 新增；
2. 在弹窗中上传轮播图；
3. 填写轮播标题；
4. 点击 确定；
5. 返回列表确认内容已保存。

轮播图为必填项，未上传图片时不能保存。轮播标题不是用户端跳转内容，但建议填写清晰的内部管理名称，便于后续查找和维护。

轮播标题填写建议

标题可以按照“培训主题＋用途＋时间”填写，例如：

• 春季线上培训宣传；
• 新课程报名提醒；
• 职业能力提升培训；
• 年度学习活动宣传。

避免使用“图片1”“新建轮播”等无法区分内容的名称。

---

第四步：编辑课程轮播图

在列表中点击轮播图后的 编辑，可以修改：

• 轮播图片；
• 轮播标题。

修改图片后，点击 确定 保存。保存成功后，列表会刷新为最新内容。

编辑时的注意事项

1. 先确认当前轮播图是否正在上线；
2. 更换图片前，检查新图片尺寸和格式；
3. 宣传主题变化后，应同步修改标题；
4. 已经上线的图片修改后，应在用户端重新查看；
5. 不要在高峰报名期间随意替换正在使用的宣传图片。

---

第五步：调整轮播顺序

课程轮播按照列表顺序在用户端播放。

调整方法：

1. 将鼠标移动到列表左侧的拖动标记；
2. 按住需要调整的轮播图；
3. 拖动到目标位置；
4. 松开鼠标；
5. 等待列表刷新；
6. 在用户端确认展示顺序。

排序建议

• 将当前最重要的宣传内容放在第一位；
• 将报名截止时间较近的内容放在前面；
• 将新上线课程或重点培训放在前面；
• 过期内容及时下线，不要只依赖排序隐藏；
• 轮播数量较多时，定期清理重复内容。

排序只影响轮播图的展示先后，不会改变课程列表的排序。

---

第六步：上线轮播图

新建轮播图保存后，默认是否展示以列表状态为准。需要在用户端展示时，点击该轮播图后的 上线。

上线前检查：

1. 图片内容无误；
2. 图片清晰且比例合适；
3. 宣传信息仍在有效期内；
4. 图片没有错误的时间、费用或联系方式；
5. 当前展示顺序合理。

上线后，轮播图会进入在线培训页面的轮播区域。用户端页面刷新后才能看到最新状态。

---

第七步：下线轮播图

需要暂停展示时，点击轮播图后的 下线，确认后即可停止在用户端展示。

适合下线的情况包括：

• 报名时间已经结束；
• 培训活动已经结束；
• 宣传内容已经过期；
• 图片内容需要重新制作；
• 轮播图暂时不适合继续展示；
• 需要腾出位置展示新的培训内容。

下线不会删除轮播图内容。后续仍可编辑或重新上线。

---

第八步：筛选轮播状态

列表顶部的状态筛选可以查看：

• 全部：查看已上线和未上线的轮播图；
• 上线：只查看当前展示中的轮播图；
• 下线：只查看暂时不展示的轮播图。

筛选只影响后台列表显示，不会改变轮播图的实际状态。

建议在日常维护中先筛选“上线”，检查用户当前能看到的内容；再筛选“下线”，清理过期或重复的宣传图片。

---

第九步：删除课程轮播图

确认不再使用某张轮播图后，点击其后的 删除，确认后完成删除。

删除前请确认：

1. 图片已经过期或不再使用；
2. 没有其他人员正在编辑该内容；
3. 后续不需要再次上线；
4. 图片中没有需要留档的宣传信息；
5. 已经保存了必要的原始素材。

删除后不能通过后台恢复。只是暂时不展示时，应使用 下线，不要直接删除。

---

第十步：用户查看课程轮播

用户进入小程序的 在线培训 页面后，可以在课程列表顶部查看课程轮播。

轮播区域的展示规则如下：

• 只显示后台已上线的轮播图；
• 多张图片会自动循环播放；
• 用户可以左右滑动切换图片；
• 轮播图下方或后续区域展示课程分类和课程列表；
• 轮播图不会改变课程列表内容；
• 当前点击轮播图片不会直接打开指定课程。

用户需要进入具体课程时，应在下方课程列表中选择课程，或使用课程搜索和分类筛选功能。

---

第十一步：用户浏览课程列表

课程轮播结束后，用户可以继续浏览在线课程列表。

课程列表支持的浏览方式包括：

• 按培训分类查看；
• 按二级分类查看；
• 输入关键词搜索；
• 下拉或上拉加载更多课程；
• 点击课程进入课程详情。

课程轮播只承担宣传和引导作用，课程的报名、学习、考试和证书规则仍以具体课程详情为准。

---

第十二步：课程轮播与课程管理的配合

课程轮播不自动关联课程，因此发布培训宣传时需要配合课程管理完成准备工作。

建议按以下顺序处理：

1. 在 在线培训 → 课程管理 创建或编辑课程；
2. 完善课程简介、章节、报名和考试设置；
3. 确认课程已经按照项目要求上线；
4. 准备课程宣传图片；
5. 在 在线培训 → 课程轮播 新增宣传轮播图；
6. 设置轮播顺序；
7. 上线轮播图；
8. 使用用户端检查图片和课程列表展示效果。

如果课程尚未上线，不建议在课程轮播图中使用“立即报名”“马上学习”等容易造成误解的宣传文字。

---

第十三步：课程轮播发布检查

正式上线前，管理员应完成以下检查：

图片检查

• 图片比例符合要求；
• 图片清晰无变形；
• 文字没有被裁切；
• 图片内容与当前培训活动一致；
• 没有过期时间、错误金额或错误联系方式。

后台检查

• 轮播标题填写准确；
• 展示顺序符合宣传重点；
• 需要展示的内容已上线；
• 暂不展示的内容已下线；
• 没有重复图片；
• 不再使用的旧图片已清理或保留为下线状态。

用户端检查

• 在线培训页面可以看到轮播区域；
• 图片能够自动播放；
• 图片切换顺序正确；
• 用户可以继续向下查看课程；
• 课程列表和分类筛选没有受到影响。

---

第十四步：课程轮播日常维护

建议按照培训活动周期维护轮播图：

发布前

准备宣传图片，确认课程内容和报名信息已经完善。

发布中

将重点内容放在前面，定期检查用户端展示效果。

报名期间

重点关注报名截止时间、费用和课程状态，避免图片信息与实际页面不一致。

活动结束后

及时下线活动宣传图。需要留档时保留下线状态，不再需要时再删除。

定期整理

按月或按培训周期检查轮播列表，清理重复、过期和失效内容。

---

异常排查

后台没有“课程轮播”入口

1. 确认当前登录的是管理后台；
2. 确认账号拥有在线培训相关权限；
3. 确认进入的是 在线培训 模块；
4. 刷新页面后重新查看；
5. 联系系统管理员检查菜单权限。

图片无法上传

检查以下内容：

• 文件格式是否为 jpg、jpeg 或 png；
• 文件大小是否超过 10MB；
• 图片是否损坏；
• 是否仍在等待上传完成；
• 网络连接是否正常。

更换符合要求的图片后重新上传。

图片上传后无法保存

1. 确认图片已经显示在弹窗中；
2. 确认没有继续处于上传状态；
3. 确认轮播标题没有输入异常内容；
4. 关闭弹窗后重新打开；
5. 仍无法保存时，刷新后台后重试。

用户端看不到轮播图

按以下顺序检查：

1. 后台状态是否为 已上线；
2. 用户是否进入了 在线培训 页面；
3. 当前商会是否正确；
4. 页面是否完成刷新；
5. 是否存在多张图片导致当前图片尚未播放到；
6. 检查图片是否被删除或替换。

用户端仍显示旧图片

1. 确认后台修改已经保存成功；
2. 退出在线培训页面后重新进入；
3. 下拉刷新页面；
4. 检查新图片是否已经上线；
5. 等待页面缓存更新后再次查看。

图片顺序不正确

1. 返回后台课程轮播列表；
2. 按展示顺序重新拖动排序；
3. 等待排序保存完成；
4. 刷新用户端页面；
5. 重新确认第一张轮播图是否为重点内容。

下线后用户仍看到图片

1. 确认后台状态已经变为 未上线；
2. 刷新用户端页面；
3. 退出后重新进入在线培训；
4. 检查是否还有内容相同的其他轮播图；
5. 确认当前查看的不是页面缓存。

删除操作误删图片

删除后无法直接恢复。建议：

1. 先确认是否只是误以为未上线；
2. 检查后台列表和筛选状态；
3. 如果确实删除，重新准备原始图片；
4. 通过 新增 重新创建轮播图；
5. 重新设置标题、顺序和上线状态。

用户点击图片没有进入课程

目前课程轮播用于展示图片，轮播项没有设置课程跳转功能。用户需要在轮播区域下方的课程列表中查找并进入课程。

如果宣传内容必须对应具体课程，应在图片上写清课程名称，并确保该课程已在课程列表中上线。

轮播图片比例异常

1. 检查原图是否接近推荐比例；
2. 重新制作适合移动端展示的图片；
3. 避免使用过宽或过高的图片；
4. 重要文字放在图片中部安全区域；
5. 上传新图后在用户端确认效果。

---

入口速查

操作	入口
查看课程轮播	在线培训 → 课程轮播
新增轮播图	课程轮播 → 新增
编辑轮播图	课程轮播 → 编辑
调整顺序	课程轮播列表 → 拖动排序
上线轮播图	课程轮播 → 上线
下线轮播图	课程轮播 → 下线
删除轮播图	课程轮播 → 删除
查看全部内容	状态筛选 → 全部
查看展示内容	状态筛选 → 上线
查看暂停内容	状态筛选 → 下线
查看课程	用户端 → 在线培训 → 课程列表
创建或编辑课程	在线培训 → 课程管理

---