05. 带你开发商品分类管理功能

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

SQL

CREATE TABLE `category` (
  `id` int NOT NULL AUTO_INCREMENT COMMENT '主键ID',
  `name` varchar(255) COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '名称',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci COMMENT='商品分类';

青哥哥开源但是拷贝代码的工具类

https://gitee.com/xqnode/CopyUtils/blob/master/CopyUtils.java

青哥哥开源的在线代码生成器

http://124.223.63.127:9999/

后端接口

Category.java

package com.example.entity;

public class Category {

    /**主键ID */
    private Integer id;
    /**名称 */
    private String name;

    public Integer getId() {
        return id;
    }

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

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }
}

CategoryMapper.xml

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper
        PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
        "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.example.mapper.CategoryMapper">

    <select id="selectAll" resultType="com.example.entity.Category">
        select * from `category`
        <where>
            <if test="name != null"> and name like concat('%', #{name}, '%')</if>
        </where>
        order by id desc
    </select>

    <select id="selectById" resultType="com.example.entity.Category">
        select * from `category` where id = #{id}
    </select>

    <delete id="deleteById">
        delete from `category` where id = #{id}
    </delete>

    <insert id="insert" parameterType="com.example.entity.Category" useGeneratedKeys="true">
        insert into `category`
        <trim prefix="(" suffix=")" suffixOverrides=",">
            <if test="id != null">id,</if>
            <if test="name != null">name,</if>
        </trim>
        values
        <trim prefix="(" suffix=")" suffixOverrides=",">
            <if test="id != null">#{id},</if>
            <if test="name != null">#{name},</if>
        </trim>
    </insert>

    <update id="updateById" parameterType="com.example.entity.Category">
        update `category`
        <set>
            <if test="id != null">
                id = #{id},
            </if>
            <if test="name != null">
                name = #{name},
            </if>
        </set>
        where id = #{id}
    </update>

</mapper>

前端页面 Category.vue