使用SpringBoot编写电脑商城项目笔记（每一步都详细记录，前后端数据交互使用html+ajax+json）

项目环境

JDK1.8 Maven3.8.3 Tomcat9.0.54 Mysql8.0

技术栈：springboot+mybatis+mysql+html+javascript+css+json+jquery+ajax+HikariProxy

项目简介：

一款电脑商城项目，主要包括用户、商品、商品类别、收藏、订单、购物车、收货地址等模块功能。项目整体通过json+ajax进行数据传递，实现前端页面的异步数据更新，用户注册账户时密码采用盐值加密存储至数据库，头像上传与显示，还实现了异常获取、拦截器、aop统计业务方法耗时等功能。

完成后的项目地址：https://gitee.com/da-xiong-who-loves-learning/computer-store
如需要原始模板可私信我

框架搭建

新建一个SpringBoot项目，项目名为store

选择导入的jar包

我这边选择lombok、Spring Web、JDBC API、MyBatis framework、MSQL Driver

测试项目是否能够正常运行（访问http://localhost:8080/）

创建application.yml，配置数据库的信息

# 数据库配置
spring:
  datasource:
    username: root
    password: root
    url: jdbc:mysql://localhost:3306/store?useSSL=false&useUnicode=true&characterEncoding=utf-8&serverTimezone=Asia/Shanghai
    driver-class-name: com.mysql.cj.jdbc.Driver
# mybatis配置
mybatis:
  type-aliases-package: com.lzj.store.entity
  mapper-locations: classpath:mapper/*.xml
  configuration:
    map-underscore-to-camel-case: true

创建数据库store

在测试类中测试数据库是否连接成功

使用默认的Hikari数据源

@SpringBootTest
class StoreApplicationTests {

    @Autowired
    private DataSource dataSource;//自动装配

    @Test
    void getConnection() throws SQLException {
        System.out.println(dataSource.getConnection());
    }

}

测试静态资源是否能够正常访问，将所有的静态资源复制到static目录下

如果js代码不能够正常去访问可以尝试以下操作

idea清理缓存clear-installrebuild重新构建重启idea和电脑

功能实现用户注册编写数据库

CREATE DATAbase store CHARACTER SET utf8;

CREATE TABLE t_user (
	uid INT AUTO_INCREMENT COMMENT '用户id',
	username VARCHAR(20) NOT NULL UNIQUE COMMENT '用户名',
	PASSWORD CHAR(32) NOT NULL COMMENT '密码',
	salt CHAR(36) COMMENT '盐值',
	phone VARCHAR(20) COMMENT '电话号码',
	email VARCHAR(30) COMMENT '电子邮箱',
	gender INT COMMENT '性别:0-女，1-男',
	avatar VARCHAR(50) COMMENT '头像',
	is_delete INT COMMENT '是否删除：0-未删除，1-已删除',
	created_user VARCHAR(20) COMMENT '日志-创建人',
	created_time DATETIME COMMENT '日志-创建时间',
	modified_user VARCHAR(20) COMMENT '日志-最后修改执行人',
	modified_time DATETIME COMMENT '日志-最后修改时间',
	PRIMARY KEY (uid)
) ENGINE=INNODB DEFAULT CHARSET=utf8;

编写实体类

通过表的结构提取除表的公共字段，放在一个实体类的基类中

//作为实体类的基类
@Data
@AllArgsConstructor
@NoArgsConstructor
public class baseEntity implements Serializable {
    private String createdUser;//日志-创建人
    private Date createdTime;//日志-创建时间
    private String modifiedUser;//日志-最后修改执行人
    private Date modifiedTime;//日志-最后修改时间
}

创建用户的实体类。需要继承baseEntity基类

//用户的实体类
@Data
@AllArgsConstructor
@NoArgsConstructor
@Component
public class User extends baseEntity implements Serializable {
    private Integer uid;//用户id
    private String username;//用户名
    private String password;//密码
    private String salt;//盐值
    private String phone;//电话号码
    private String email;//电子邮箱
    private Integer gender;//性别:0-女，1-男
    private String avatar;//头像
    private Integer isDelete;//是否删除：0-未删除，1-已删除
}

需要在启动类中配置扫描包
@MapperScan("com.lzj.store.mapper")

创建UserMapper接口

public interface UserMapper {
    
    Integer insert(@Param("user") User user);

    
    User findByUsername(@Param("username") String username);
}

在resources目录下创建mapper包，创建UserMapper.xml




    
        insert into t_user (
            username,password,salt,phone,email,gender,avatar,is_delete,
            created_user,created_time,modified_user,modified_time)
        values (#{username},#{password},#{salt},#{phone},#{email},#{gender},#{avatar},#{isDelete},
                #{createdUser},#{createdTime},#{modifiedUser},#{modifiedTime})

使用SpringBoot编写电脑商城项目笔记（每一步都详细记录，前后端数据交互使用html+ajax+json）

Java相关栏目本月热门文章