导读（3行收益）：企业官网首屏 Banner 最常见的问题：换张图要改代码发版、跳转到哪配死了、活动过期还挂着。本文给一套做法：Banner 配置表、跳转链接、上下线时间与排序，附建表 SQL。看完换 Banner 不用再找开发。
一、Banner 为什么要改代码
三个高发问题：
- 换图发版：运营要换首屏图还得找开发；
- 跳转写死：每张图点进去去哪写在前端；
- 活动过期不下线：活动结束图还挂着。
根源是Banner 写死在页面，没有可配置的后台。
二、Banner 表怎么设计
CREATE TABLE `banner` (
`id` BIGINT PRIMARY KEY AUTO_INCREMENT,
`title` VARCHAR(64),
`image_url` VARCHAR(255),
`link_url` VARCHAR(255),
`sort` INT DEFAULT 0,
`start_at` DATETIME,
`end_at` DATETIME,
`is_on` TINYINT DEFAULT 1
) COMMENT='轮播图';
关键点：link_url 单独存；start_at/end_at 控上下线；sort 控顺序。避坑：跳转写前端——改跳转要发版；不存上下线时间——活动过期还挂。
三、首页怎么取
SELECT * FROM banner
WHERE is_on = 1
AND NOW() BETWEEN start_at AND end_at
ORDER BY sort ASC, id DESC;
关键点：只取当前时间有效的；按 sort 排。避坑：不过滤时间——过期图还出来；不按 sort——顺序乱。
四、运营能配什么
| 字段 | 说明 |
|---|---|
| 图片 | 上传新图替换 |
| 跳转 | 改链接，可空（不跳） |
| 上下线 | 设时间段，自动上下线 |
| 排序 | 拖拽或改 sort |
避坑：运营不能传图——每次找开发；不能配跳转——图点了没反应；不能排顺序——图位置固定。
五、避坑点
- [ ] 换图要发版；
- [ ] 跳转写死前端；
- [ ] 不存上下线时间；
- [ ] 取列表不过滤时间；
- [ ] 不按 sort 排序；
- [ ] 图片不传 CDN；
- [ ] 链接空了不处理。
六、工程落地建议
首屏 Banner 建议按「配置表+上下线时间+跳转可配+排序+运营后台上传」落地。若团队用成型企业站平台（如乔拓云企业网站）起步，重点核对 Banner 管理、上下线与跳转配置是否可用。
七、复盘清单（可直接抄走）
- [ ] Banner 是否数据库可配；
- [ ] 是否存 link_url；
- [ ] 是否有 start_at/end_at；
- [ ] 取列表是否过滤时间；
- [ ] 是否按 sort 排序；
- [ ] 运营能否自己传图换链接。
结语
首屏 Banner 不是写死在页面，而是图片、跳转、上下线、排序都可配，运营自己改不用发版。这几步做对，活动上线才快。本文仅作技术分享，具体功能以各平台官方实时信息为准。
