springboot入门级项目（一）学生管理系统（springboot+mybatis+bootstrap+thymeleaf）

先看项目效果
前言
一、初始配置
- 1、sqlyog中新建数据库springboot
- - 1）使用sql
  - 2）使用可视化工具sqlyog
- 2、idea中新建空项目springboot-system
- - 1）建立空项目
  - 2）建立springboot模块
  - 3）测试springboot是否可用
二、连接数据库
- 1、引入JDBC
- - 1）idea连接数据库
  - 2）导入Mybatis及jdbc、mysql连接驱动的依赖
  - 3）在application.yaml中配置
  - 4）测试mysql连接
- 2、整合Mybatis
- - 1）配置application.yamml
  - 2）新建Account实体类
  - 3）mapper接口以及对应的xml映射文件（dao层）
  - 4）测试mybatis
三、功能开发
- 1、登录（index.html）
- - 1）使用thymeleaf
  - 2）页面中英文切换
  - 3）连接数据库
  - 4）解决URL泄露用户信息的问题
  - 5）解决直接通过URL可以进入dashboard页面的问题
  - 6）在主页设置欢迎词
- 2、显示所有学生信息（list.html）
- - 1）Student实体类、StudentMapper、StudentMapper.xml
  - 2）视图跳转
  - 3）提取页面公共部分
  - 4）使点击的标签高亮
  - 5）修改list.html页面
- 3、增加学生信息(add.html)
- - 1）添加学生按钮
  - 2）添加学生页面add.html
  - 3）add页面的添加按钮
- 4、修改学生信息(edit.html)
- - 1）编辑按钮
  - 2）编辑学生页面edit.html
  - 3） edit页面的修改按钮
- 5、删除学生信息
- 6、404页面(404.html)
- 7、注销操作
再说几句话

先看项目效果

1、登录页面，支持中英文切换

2、学生管理页面，支持增删改查（这里就不演示了，操作时间太长，录制的gif太大，传不上来，直接看主页面）

前言

跟着B站的狂神老师学习了一段时间的springboot，打算写个小项目练练手当做复习（我还是新手）。前端直接用的bootstrap已有的模板。
大家可以看看狂神的员工管理系统：https://www.bilibili.com/video/BV1PE411i7CV?p=20

学生管理系统资源获取：百度网盘
链接：https://pan.baidu.com/s/10_Ikc0I73brdkmPGejSaVA
提取码：jiyu

出现怎么都解决不了的问题但是觉得自己没错的话，可以尝试清除浏览器缓存或者idea缓存
清除浏览器缓存：快捷键ctrl+shift+del

idea清除缓存：

一、初始配置 1、sqlyog中新建数据库springboot

下面两种方法，选一个即可

1）使用sql

CREATE DATAbase `springboot`CHARACTER SET utf8 COLLATE utf8_general_ci; 

USE `springboot`; 
 CREATE TABLE `springboot`.`account`( `id` INT(4) NOT NULL AUTO_INCREMENT COMMENT '用户id', `username` VARCHAR(20) NOT NULL COMMENT '用户名', `password` VARCHAR(20) NOT NULL COMMENT '用户密码', PRIMARY KEY (`id`) ) ENGINE=INNODB CHARSET=utf8 COLLATE=utf8_general_ci; 
INSERT INTO `springboot`.`account` (`username`, `password`) VALUES ('admin001', 'admin001pwd'); 
INSERT INTO `springboot`.`account` (`username`, `password`) VALUES ('季瑜', 'jiyupwd'); 

USE `springboot`; 
 CREATE TABLE `springboot`.`student`( `sno` INT(10) NOT NULL COMMENT '学生学号', `sname` VARCHAR(10) NOT NULL COMMENT '学生姓名', `sage` INT(3) COMMENT '学生年龄', `saddress` VARCHAR(50) COMMENT '学生住址', PRIMARY KEY (`sno`) ) ENGINE=INNODB CHARSET=utf8 COLLATE=utf8_general_ci; 
INSERT INTO `springboot`.`student` (`sno`, `sname`, `sage`, `saddress`) VALUES ('001', 'test001', '16', 'test001add'); 
INSERT INTO `springboot`.`student` (`sno`, `sname`, `sage`, `saddress`) VALUES ('002', 'test002', '20', 'test002add');

2）使用可视化工具sqlyog

创建数据库

创建表

account表

student表

打开account表

增加数据

打开表student，增加数据

2、idea中新建空项目springboot-system 1）建立空项目

建立空项目方便把多个模块放在一起，因为前期做的都是很简单的springboot项目，所以放在一起方便复习。（真正开发不会这么做）

选择空项目

输入项目名springboot-system

这两个地方选择我们使用的jdk版本，再点apply和ok

项目结构很干净

2）建立springboot模块

主要修改这几处

先选择我们需要的web和thymeleaf依赖，之后用到的可以在pom中添加

模块的结构

3）测试springboot是否可用

在com.jiyu包下建立包：controller
在controller中建立类TestController

package com.jiyu.controller;

import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class TestController {

    @RequestMapping("/test01")
    public String test01(){
        return "test01";
    }
}

@RestController注解相当于@ResponseBody ＋ @Controller合在一起的作用
表示方法的返回值直接以指定的格式写入Http response body中，而不是解析为跳转路径。

点击这里运行

进入浏览器输入http://localhost:8080/test01
出现test01说明环境搭建成功

二、连接数据库 1、引入JDBC 1）idea连接数据库

输入账号密码后测试连接

连接成功

选择需要的数据库，先apply再ok

已经可以看到两个表了

2）导入Mybatis及jdbc、mysql连接驱动的依赖

导入以下几个依赖：jdbc、mysql-connector-java、mybatis-spring-boot-starter

 		
            org.springframework.boot
            spring-boot-starter-jdbc
        

        
            mysql
            mysql-connector-java
            runtime
        

        
        
            org.mybatis.spring.boot
            mybatis-spring-boot-starter
            2.2.0

项目中本就导入了web、thymeleaf
所以目前的所有依赖如下

    
        
            org.springframework.boot
            spring-boot-starter-thymeleaf
        
        
            org.springframework.boot
            spring-boot-starter-web
        

        
            org.springframework.boot
            spring-boot-starter-jdbc
        

        
            mysql
            mysql-connector-java
            runtime
        

        
        
            org.mybatis.spring.boot
            mybatis-spring-boot-starter
            2.2.0
        

        
            org.springframework.boot
            spring-boot-starter-test
            test

3）在application.yaml中配置

将application.properties重命名为application.yaml
配置application.yaml,注意严格控制空格
在这里我们将端口号改为8888，并且连接了名为springboot的数据库

server:
  port: 8888
spring:
  datasource:
    username: root
    password: 123456
    #?serverTimezone=UTC解决时区的报错
    url: jdbc:mysql://localhost:3306/springboot?serverTimezone=UTC&useUnicode=true&characterEncoding=utf-8
    driver-class-name: com.mysql.cj.jdbc.Driver

4）测试mysql连接

在该测试类中添加测试方法

@SpringBootTest
class StudentMsApplicationTests {
    @Autowired
    DataSource dataSource;

    @Test//测试DataSource
    void contextLoads() throws SQLException {
        System.out.println(dataSource.getClass());
        System.out.println(dataSource.getConnection());
    }

}

@Autowired 注释，可以对类成员变量、方法及构造函数进行标注，完成自动装配的工作。通过 @Autowired的使用可以消除 set ，get方法。

运行结果如下

无论如何，connection一定是com.mysql.cj.jdbc.ConnectionImpl
class和使用的连接池有关，在我们不配置的时候默认使用Springboot的HikariDataSource

2、整合Mybatis 1）配置application.yamml

在配置文件中插入以下这段代码，表示我们使用了Mybatis。
type-aliases-package让mybatis自动扫描到我们自定义的entity，说明这个包下面的类都使用别名，这就不用写长长的一串全限定名了。别名默认为就是类名小写（如：com.jiyu.pojo.Account就是account）

mapper-locations用于配置mapper.xml路径，我这样就是mapper.xml 路径在 resources/mapper/ 下面（所以下面我们要建立新的xml文件）

mybatis:
  type-aliases-package: com.jiyu.pojo
  mapper-locations: classpath:mapper/*.xml

springboot中的classpath就是main/java + main/resources +target/classes的根目录。main/java下的源程序、resource下的静态资源都会打包到target/classes目录。

在resources文件夹下新建一个mapper文件夹，里面创建一个空文件AccountMapper.xml文件，等会再进行配置

2）新建Account实体类

POJO（Plain Ordinary Java Object）简单的Java对象，实际就是普通JavaBeans，是为了避免和EJB混淆所创造的简称。

public class Account {
    private int id;
    private String username;
    private String password;

    public Account() {
    }

    public Account(String username, String password) {
        this.username = username;
        this.password = password;
    }

    public int getId() {
        return id;
    }

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

    public String getUsername() {
        return username;
    }

    public void setUsername(String username) {
        this.username = username;
    }

    public String getPassword() {
        return password;
    }

    public void setPassword(String password) {
        this.password = password;
    }

    @Override
    public String toString() {
        return "Account{" +
                "id=" + id +
                ", username='" + username + ''' +
                ", password='" + password + ''' +
                '}';
    }
}

注意有参构造器不包含id，因为对应的表的id是自增的，所以只需要我们设置好username和password就可以构造Account对象了

3）mapper接口以及对应的xml映射文件（dao层）

建立mapper文件夹，下面创建AccountMapper接口
里面就是我们写的dao层方法的定义，对应的sql实现写在映射文件AccountMapper.xml中

package com.jiyu.mapper;

import com.jiyu.pojo.Account;
import org.apache.ibatis.annotations.Mapper;
import org.springframework.stereotype.Repository;

import java.util.List;

//@Mapper : 表示本类是MyBatis的一个Mapper；直接在Mapper类上面添加注解@Mapper，这种方式要求每一个mapper类都需要添加此注解
// 也可以在Sp01StudentMsApplication.java添加@MapperScan("com.jiyu.mapper"),可以指定要扫描的Mapper类的包的路径
// 使用@MapperScan注解多个包：@MapperScan({"com.jiyu.demo","com.jiyu.mapper"})  

@Mapper
@Repository//Dao层
public interface AccountMapper {
    // 获取所有Account信息
    List queryAccountList();

    // 通过id获得Account信息
    Account queryAccountById(Integer id);

	//通过username获得Account信息
    Account queryAccountByUsername(String username);

    // 新增一个Account
    int addAccount(Account account);

    // 通过id删除Account
    int deleteAccount(Integer id);

    //更新Account信息
    int updateAccount(Account account);
}

这里写上了CRUD的几个基本方法，有的不一定用得到，不过可以拿来测试或者参考

接下来编写AccountMapper.xml






    
        select * from account where id = #{id};

sname

sage

saddress

springboot入门级项目（一）学生管理系统（springboot+mybatis+bootstrap+thymeleaf）

Java相关栏目本月热门文章