AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

全栈（Java + Vue + MySQL）开发商城系统教程（二）

2026-04-28 194
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 教程来源 https://bncne.cn 本节介绍商城系统后端开发：基于Spring Boot 2.7.14构建，集成Web、Security、MyBatis-Plus、JWT、MySQL等核心依赖；采用application.yml配置多维参数；定义用户、商品、订单等6个实体类及对应DTO；封装JWT工具实现认证授权，结构清晰、开箱即用。

第二部分：后端开发

2.1 创建Spring Boot项目
使用Spring Initializr创建项目，选择以下依赖：

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
         https://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>

    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.7.14</version>
        <relativePath/>
    </parent>

    <groupId>com.mall</groupId>
    <artifactId>mall-system</artifactId>
    <version>1.0.0</version>
    <name>mall-system</name>
    <description>商城系统后端服务</description>

    <properties>
        <java.version>11</java.version>
        <mybatis-plus.version>3.5.3.1</mybatis-plus.version>
        <jjwt.version>0.9.1</jjwt.version>
    </properties>

    <dependencies>
        <!-- Spring Boot Web -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>

        <!-- Spring Boot Security -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-security</artifactId>
        </dependency>

        <!-- MyBatis Plus -->
        <dependency>
            <groupId>com.baomidou</groupId>
            <artifactId>mybatis-plus-boot-starter</artifactId>
            <version>${mybatis-plus.version}</version>
        </dependency>

        <!-- MySQL驱动 -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
            <scope>runtime</scope>
        </dependency>

        <!-- JWT -->
        <dependency>
            <groupId>io.jsonwebtoken</groupId>
            <artifactId>jjwt</artifactId>
            <version>${jjwt.version}</version>
        </dependency>

        <!-- Lombok -->
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <optional>true</optional>
        </dependency>

        <!-- 参数校验 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-validation</artifactId>
        </dependency>

        <!-- 测试 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
        </dependency>
    </dependencies>

    <build>
        <plugins>
            <plugin>
                <groupId>org.springframework.boot</groupId>
                <artifactId>spring-boot-maven-plugin</artifactId>
            </plugin>
        </plugins>
    </build>
</project>

2.2 配置文件

# application.yml
server:
  port: 8080
  servlet:
    context-path: /api

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/mall_db?useSSL=false&serverTimezone=Asia/Shanghai&characterEncoding=utf8
    username: root
    password: 123456
    hikari:
      maximum-pool-size: 10
      minimum-idle: 5
      connection-timeout: 30000

  jackson:
    date-format: yyyy-MM-dd HH:mm:ss
    time-zone: GMT+8

mybatis-plus:
  mapper-locations: classpath*:mapper/**/*.xml
  type-aliases-package: com.mall.entity
  global-config:
    db-config:
      id-type: auto
      logic-delete-field: deleted
      logic-delete-value: 1
      logic-not-delete-value: 0
  configuration:
    map-underscore-to-camel-case: true
    log-impl: org.apache.ibatis.logging.stdout.StdOutImpl

jwt:
  secret: mall-secret-key-for-jwt-token-generation
  expiration: 86400000  # 24小时

cors:
  allowed-origins: http://localhost:5173
  allowed-methods: GET,POST,PUT,DELETE,OPTIONS
  allowed-headers: '*'
  allow-credentials: true

2.3 实体类

package com.mall.entity;

import com.baomidou.mybatisplus.annotation.*;
import lombok.Data;
import java.math.BigDecimal;
import java.time.LocalDateTime;

/**
 * 用户实体类
 */
@Data
@TableName("user")
public class User {
    @TableId(type = IdType.AUTO)
    private Long id;
    private String username;
    private String password;
    private String nickname;
    private String realName;
    private String phone;
    private String email;
    private String avatar;
    private Integer gender;
    private String role;
    private Integer status;
    private LocalDateTime lastLoginTime;
    private String lastLoginIp;
    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime createTime;
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private LocalDateTime updateTime;
}

package com.mall.entity;

import com.baomidou.mybatisplus.annotation.*;
import lombok.Data;
import java.math.BigDecimal;
import java.time.LocalDateTime;

/**
 * 商品实体类
 */
@Data
@TableName("product")
public class Product {
    @TableId(type = IdType.AUTO)
    private Long id;
    private Long categoryId;
    private String name;
    private String subtitle;
    private String mainImage;
    private String images;
    private String detail;
    private BigDecimal price;
    private BigDecimal originalPrice;
    private Integer stock;
    private Integer sales;
    private Integer status;
    private Integer sortOrder;
    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime createTime;
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private LocalDateTime updateTime;
}

package com.mall.entity;

import com.baomidou.mybatisplus.annotation.*;
import lombok.Data;
import java.time.LocalDateTime;

/**
 * 购物车实体类
 */
@Data
@TableName("cart")
public class Cart {
    @TableId(type = IdType.AUTO)
    private Long id;
    private Long userId;
    private Long productId;
    private Integer quantity;
    private Integer checked;
    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime createTime;
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private LocalDateTime updateTime;
}

package com.mall.entity;

import com.baomidou.mybatisplus.annotation.*;
import lombok.Data;
import java.math.BigDecimal;
import java.time.LocalDateTime;

/**
 * 订单实体类
 */
@Data
@TableName("order")
public class Order {
    @TableId(type = IdType.AUTO)
    private Long id;
    private String orderNo;
    private Long userId;
    private BigDecimal totalAmount;
    private BigDecimal payAmount;
    private BigDecimal freightAmount;
    private Integer orderStatus;
    private Integer payStatus;
    private Integer shippingStatus;
    private LocalDateTime paymentTime;
    private LocalDateTime deliveryTime;
    private LocalDateTime receiveTime;
    private LocalDateTime closeTime;
    private LocalDateTime cancelTime;
    private String receiverName;
    private String receiverPhone;
    private String receiverProvince;
    private String receiverCity;
    private String receiverDistrict;
    private String receiverAddress;
    private String userNote;
    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime createTime;
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private LocalDateTime updateTime;
}

package com.mall.entity;

import com.baomidou.mybatisplus.annotation.*;
import lombok.Data;
import java.math.BigDecimal;
import java.time.LocalDateTime;

/**
 * 订单商品实体类
 */
@Data
@TableName("order_item")
public class OrderItem {
    @TableId(type = IdType.AUTO)
    private Long id;
    private Long orderId;
    private String orderNo;
    private Long productId;
    private String productName;
    private String productImage;
    private BigDecimal productPrice;
    private Integer quantity;
    private BigDecimal totalAmount;
    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime createTime;
}

package com.mall.entity;

import com.baomidou.mybatisplus.annotation.*;
import lombok.Data;
import java.time.LocalDateTime;

/**
 * 收货地址实体类
 */
@Data
@TableName("address")
public class Address {
    @TableId(type = IdType.AUTO)
    private Long id;
    private Long userId;
    private String receiverName;
    private String receiverPhone;
    private String province;
    private String city;
    private String district;
    private String detailAddress;
    private Integer isDefault;
    @TableField(fill = FieldFill.INSERT)
    private LocalDateTime createTime;
    @TableField(fill = FieldFill.INSERT_UPDATE)
    private LocalDateTime updateTime;
}

2.4 DTO类

package com.mall.dto;

import lombok.Data;
import javax.validation.constraints.NotBlank;
import javax.validation.constraints.NotNull;
import javax.validation.constraints.Pattern;
import javax.validation.constraints.Size;

/**
 * 用户注册请求DTO
 */
@Data
public class UserRegisterDTO {
    @NotBlank(message = "用户名不能为空")
    @Size(min = 3, max = 20, message = "用户名长度3-20位")
    private String username;

    @NotBlank(message = "密码不能为空")
    @Size(min = 6, max = 20, message = "密码长度6-20位")
    private String password;

    @NotBlank(message = "手机号不能为空")
    @Pattern(regexp = "^1[3-9]\\d{9}$", message = "手机号格式不正确")
    private String phone;

    private String email;
    private String nickname;
}

/**
 * 用户登录请求DTO
 */
@Data
public class UserLoginDTO {
    @NotBlank(message = "用户名不能为空")
    private String username;

    @NotBlank(message = "密码不能为空")
    private String password;
}

/**
 * 用户信息响应DTO
 */
@Data
public class UserInfoDTO {
    private Long id;
    private String username;
    private String nickname;
    private String realName;
    private String phone;
    private String email;
    private String avatar;
    private Integer gender;
    private String role;
}

/**
 * 登录响应DTO
 */
@Data
public class LoginResponseDTO {
    private Long userId;
    private String username;
    private String nickname;
    private String role;
    private String token;
    private String avatar;
}

/**
 * 购物车商品DTO
 */
@Data
public class CartItemDTO {
    private Long id;
    private Long productId;
    private String productName;
    private String productImage;
    private BigDecimal productPrice;
    private Integer quantity;
    private Integer checked;
    private BigDecimal totalPrice;
}

/**
 * 创建订单请求DTO
 */
@Data
public class OrderCreateDTO {
    @NotNull(message = "地址ID不能为空")
    private Long addressId;
    private String userNote;
}

/**
 * 订单信息DTO
 */
@Data
public class OrderInfoDTO {
    private Long id;
    private String orderNo;
    private BigDecimal totalAmount;
    private BigDecimal payAmount;
    private Integer orderStatus;
    private String orderStatusText;
    private LocalDateTime createTime;
    private List<OrderItemDTO> items;
    private Address address;
}

2.5 JWT工具类

package com.mall.utils;

import io.jsonwebtoken.Claims;
import io.jsonwebtoken.Jwts;
import io.jsonwebtoken.SignatureAlgorithm;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.stereotype.Component;
import java.util.Date;
import java.util.HashMap;
import java.util.Map;

/**
 * JWT工具类
 * 负责生成和解析JWT令牌
 * 
 * JWT结构：header.payload.signature
 * - header：算法和令牌类型
 * - payload：用户信息（userId, username, role）
 * - signature：签名，防篡改
 */
@Component
public class JwtUtils {

    @Value("${jwt.secret}")
    private String secret;

    @Value("${jwt.expiration}")
    private Long expiration;

    /**
     * 生成JWT令牌
     * @param userId 用户ID
     * @param username 用户名
     * @param role 用户角色
     * @return JWT令牌字符串
     */
    public String generateToken(Long userId, String username, String role) {
        Map<String, Object> claims = new HashMap<>();
        claims.put("userId", userId);
        claims.put("username", username);
        claims.put("role", role);

        Date now = new Date();
        Date expiryDate = new Date(now.getTime() + expiration);

        return Jwts.builder()
                .setClaims(claims)
                .setSubject(username)
                .setIssuedAt(now)
                .setExpiration(expiryDate)
                .signWith(SignatureAlgorithm.HS512, secret)
                .compact();
    }

    public Long getUserIdFromToken(String token) {
        Claims claims = getClaimsFromToken(token);
        return claims.get("userId", Long.class);
    }

    public String getUsernameFromToken(String token) {
        Claims claims = getClaimsFromToken(token);
        return claims.getSubject();
    }

    public String getRoleFromToken(String token) {
        Claims claims = getClaimsFromToken(token);
        return claims.get("role", String.class);
    }

    public boolean validateToken(String token) {
        try {
            Claims claims = getClaimsFromToken(token);
            return !claims.getExpiration().before(new Date());
        } catch (Exception e) {
            return false;
        }
    }

    private Claims getClaimsFromToken(String token) {
        return Jwts.parser()
                .setSigningKey(secret)
                .parseClaimsJws(token)
                .getBody();
    }
}

来源：
http://yvyus.cn

文章标签：
Java
关系型数据库
MySQL
JavaScript
Spring
游客xp6ru7c63sdiu
目录
相关文章
云计算小作者一枚
|
1月前
|
弹性计算 人工智能 运维
阿里云轻量应用服务器2核4G价格：峰值200M带宽，50G ESSD云盘，9.9元1个月、199元1年
阿里云2026年推出2核4G、峰值带宽200M的轻量应用服务器，月付9.9元、年付199元，适合不同需求用户。该服务器预置OpenClaw等丰富镜像，支持快速部署AI对话机器人等应用。与云服务器ECS相比，轻量应用服务器具有快速交付、简化运维、成本优化等优势。此外，阿里云还提供99元/年、199元/年的长效特惠ECS，新老用户均可直接购买，且续费同价。用户可根据需求选择不同配置和价格的产品。
云计算小作者一枚
476 1
JJLIN距离
|
9月前
|
Java 应用服务中间件 开发者
Spring Boot 技术详解与应用实践
本文档旨在全面介绍 Spring Boot 这一广泛应用于现代企业级应用开发的框架。内容将涵盖 Spring Boot 的核心概念、核心特性、项目自动生成与结构解析、基础功能实现（如 RESTful API、数据访问）、配置管理以及最终的构建与部署。通过本文档，读者将能够理解 Spring Boot 如何简化 Spring 应用的初始搭建和开发过程，并掌握其基本使用方法。
JJLIN距离
680 2
wljslmz
|
存储 传感器 网络协议
异步传输：概念、特点与应用
【8月更文挑战第24天】
wljslmz
1493 0
Echarts技术专家
|
自动驾驶 数据可视化 前端开发
【Echarts大屏】自动驾驶可视化大屏(附源码一键复制)
【Echarts大屏】自动驾驶可视化大屏(附源码一键复制)
Echarts技术专家
265 0
Echarts技术专家
|
数据可视化 前端开发 大数据
Echarts数据可视化大屏展示页（附源码一键搞定）
Echarts数据可视化大屏展示页（附源码一键搞定）
Echarts技术专家
584 0
薛伟同学
|
Linux Python
CentOS7安装Python3.8
CentOS7安装Python3.8
薛伟同学
1190 0
CentOS7安装Python3.8
一乐乐
|
小程序 JavaScript Java
就业|高校毕业生就业信息小程序|基于微信小程序的高校毕业生就业信息的设计与实现(源码+数据库+文档)
就业|高校毕业生就业信息小程序|基于微信小程序的高校毕业生就业信息的设计与实现(源码+数据库+文档)
一乐乐
549 2
游客ilygxchdufmxm
|
JavaScript Java 关系型数据库
springboot+vue线上教学平台（源码+文档）
本文介绍了一个基于SpringBoot的线上教学平台，主要由Java和Vue开发，使用JDK1.8、SpringBoot框架及MySQL 5.7+数据库。平台包括管理员、学员和前台首页三大功能模块。管理员能管理学员、资料、论坛、收藏、试卷、试题、考试记录和留言板等；学员可登录、注册、查看学习资料、交流论坛、考试记录和个人中心。此外，还展示了部分系统界面截图。文章最后提到了针对Java面试的推荐书单。
游客ilygxchdufmxm
448 2
demo123567
|
存储 缓存 监控
zabbix的架构是怎么样的？
zabbix的架构是怎么样的？
demo123567
343 1
Designer小郑
|
SQL 前端开发 JavaScript
论Vue + SpringBoot 前后端分离的技术栈
论Vue + SpringBoot 前后端分离的技术栈
Designer小郑
1025 0

热门文章

最新文章

  • 1
    阿里云 Serverless App Engine(SAE)助力升学在线从容应对流量高峰
  • 2
    百度网址安全中心怎么取消拦截的详细解决办法
  • 3
    一文带你认识医院信息化必备系统HIS、CIS、LIS、EMR、PACS、RIS等
  • 4
    【最佳实践】实时计算 Flink 版在金融行业的实时数仓建设实践
  • 5
    欢迎加入Spark中国社区
  • 6
    阿里云个人版,企业版免费用,满足这些条件就可以申请,你满足吗
  • 7
    企业信息化管理要了解的十种系统
  • 8
    【Shell 命令集合 系统管理 】Linux 显示或设置系统时间和日期 date命令 使用指南
  • 9
    安装MySQL
  • 10
    Puppet 资源公有属性的其他描述方式(三十)
  • 1
    【Java并发编程】高频实战：死锁排查、线程安全问题定位、线程dump分析（附《思维导图》+《面试高频考点清单》）
    49
  • 2
    【Java并发编程】Java虚拟线程与平台线程的区别、虚拟线程调度、适用/不适用场景、在Spring Boot中的集成（2026高频）（附《思维导图》+《面试高频考点清单》）
    45
  • 3
    阿里云优惠券是什么？在哪领取？怎么使用？
    54
  • 4
    【Java并发编程】JMM Java内存模型：原子性、可见性、有序性、happens-before原则（附《思维导图》+《面试高频考点清单》）
    62
  • 5
    MySQL下载安装教程 | Windows安装MySQL 8.0详解（2026最新）
    98
  • 6
    人脸表情七种表情数据集分享（适用于YOLO系列深度学习分类检测任务）
    53
  • 7
    《VS Code装上这个，开发效率直接提升一个档次》
    41
  • 8
    《OpenClaw Active Memory的智能遗忘与抽象机制》
    44
  • 9
    【Java并发编程】锁机制：AQS抽象队列同步器：核心原理、CLH队列、独占/共享模式、基于AQS实现的组件（CountDownLatch、CyclicBarrier等）（附《思维导图》+《面试高频考点清单》）
    43
  • 10
    个税生成模拟器，自定义修改独立后台开发版分享
    74

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云正式发布 Agentic 代码安全：AI驱动的双Agent协同引擎