07. 开发轮播图信息管理功能

250 字约 1 分钟读完3306 次阅读更新于 2026/5/3

SQL

CREATE TABLE `carousel` (
  `id` int NOT NULL AUTO_INCREMENT COMMENT '主键ID',
  `goods_id` int DEFAULT NULL COMMENT '商品',
  `img` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '图片',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='轮播图信息';

开发后端接口

Carousel.java

package com.example.entity;

public class Carousel {

    /**主键ID */
    private Integer id;
    /**商品 */
    private Integer goodsId;
    private String goodsName;
    /**图片 */
    private String img;

    public Integer getId() {
        return id;
    }

    public void setId(Integer id) {
        this.id = id;
    }

    public Integer getGoodsId() {
        return goodsId;
    }

    public void setGoodsId(Integer goodsId) {
        this.goodsId = goodsId;
    }

    public String getGoodsName() {
        return goodsName;
    }

    public void setGoodsName(String goodsName) {
        this.goodsName = goodsName;
    }

    public String getImg() {
        return img;
    }

    public void setImg(String img) {
        this.img = img;
    }
}

CarouselMapper.xml

开发前端页面

Carousel.vue