【SpringBoot + MyBatis + MySQL + Thymeleaf 的使用】

news2025/4/3 3:18:16

目录:

    • 一:创建项目
    • 二:修改目录
    • 三:添加配置
    • 四:创建数据表
    • 五:创建实体类
    • 六:创建数据接口
    • 七:编写xml文件
    • 八:单元测试
    • 九:编写服务层
    • 十:编写控制层
    • 十一:创建页面
    • 十二:返回JSON数据

一:创建项目

 
🟢第一步:打开 IDEA,选择 New Project,选择 Spring Boot,然后按照下面截图进行操作…

在这里插入图片描述

🟢 第二步:添加依赖 (Spring Web场景启动器、Thymeleaf依赖、MyBatis依赖、MySQL驱动依赖 等)

在这里插入图片描述

🟢 稍作等待,IDEA正在帮助我们从Spring官网下载SpringBoot项目的框架,并且正在通过Maven进行构建…

在这里插入图片描述

🟢在IDEA的右下角会有Maven的下载进度。想了解Maven的使用可以参考:Maven的安装与配置教程 👈


 

二:修改目录

 
🟠项目刚创建完的目录结构大致如下,可能包的路径名有所区别,一般用自己所在组织的简拼 👇

https://blog.csdn.net/SuperCodeZhy/article/details/143754767

🟠 添加一些新包,添加之后的项目结构如下 👇

在这里插入图片描述

🟠一般情况下,还会创建一些名为 utilscommon 的包,是为了方便管理和存放其他工具类等。


 

三:添加配置

 

🟣打开项目的默认配置文件 application.properties ,然后复制粘贴以下代码 👇

spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
spring.datasource.url=jdbc:mysql://localhost:3306/数据库名
spring.datasource.username=数据库用户名
spring.datasource.password=数据库密码
mybatis.mapper-locations=classpath:mapper/*.xml
mybatis.configuration.map-underscore-to-camel-case=true

🟣粘贴后修改 数据库名数据库用户名数据库密码 ,修改后的效果如下图所示👇(第一行是项目名,可忽略)

在这里插入图片描述

🟣通常为了结构更加清晰,会将默认配置文件 application.properties 的后缀 改为 .yml 其配置格式如下:

spring:
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/数据库名
    username: 数据库用户名
    password: 数据库密码
mybatis:
  mapper-locations: classpath:mapper/*.xml
  configuration:
    map-underscore-to-camel-case: true

在这里插入图片描述

🟣其他配置信息这里就不过多介绍了,大家用到时自会了解~ 😁😁😁


 

接下来,我以 药品管理 为例,简单演示一下各模块代码的编写~ 😊😊😊

 

四:创建数据表

 

🟡首先,在 MySQL 数据库中创建一个数据库,然后在库中创建一个 药品表SQL 如下 👇

CREATE DATABASE `drug`;
USE DATABASE `drug`;
CREATE TABLE `medicine`  (
  `id` int UNSIGNED NOT NULL AUTO_INCREMENT COMMENT '药品编号',
  `name` varchar(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '药品名称',
  `code` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '国药准字',
  `compose` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '药品成分',
  `specs` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '药品规格',
  `usage` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '用法用量',
  `image` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '药品照片',
  `origin` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_general_ci NOT NULL COMMENT '生产厂家',
  `count` int UNSIGNED NOT NULL COMMENT '库存数量',
  PRIMARY KEY (`id`) USING BTREE
) ENGINE = InnoDB AUTO_INCREMENT = 1 CHARACTER SET = utf8mb4 COLLATE = utf8mb4_general_ci ROW_FORMAT = Dynamic;

🟡 然后,在数据表中添加几条数据 (下面是我使用 Navicat 连接了 本地的 MySQL 数据库的截图) 👇

在这里插入图片描述


 

五:创建实体类

 

🔵在 entity 包下创建一个名为 MedicineJava类,如下

package com.nxu.entity;

import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;
import lombok.ToString;

@Data
@AllArgsConstructor
@NoArgsConstructor
@ToString
public class Medicine {
    private int id;             // 药品编号
    private String name;        // 药品名称
    private String code;        // 国药准字
    private String compose;     // 药品成分
    private String specs;       // 药品规格
    private String usage;       // 用法用量
    private String image;       // 药品照片
    private String origin;      // 生产厂家
    private int count;          // 库存数量
}

在这里插入图片描述


 

六:创建数据接口

 

🔴在 Java目录下的 mapper 包中,创建一个名为 MedicineMapperJava接口,如下

package com.nxu.mapper;

import com.nxu.entity.Medicine;
import org.apache.ibatis.annotations.Mapper;
import org.apache.ibatis.annotations.Param;

import java.util.List;

@Mapper
public interface MedicineMapper {

    List<Medicine> selectAllMedicine();

    Medicine selectOneMedicine(@Param("id") int id);

}

在这里插入图片描述


 

七:编写xml文件

 

接下来我们要使用 Mybatis 框架编写 SQL 语句。为了以后使用的方便,可以添加一个 Mybatis模板文件

Mybatis 模板文件的代码如下:

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

</mapper>

🟤复制上面的模板代码,然后打开 IDEAFileSettings,然后进行如下操作 👇

在这里插入图片描述

在这里插入图片描述

🟤然后 我们在 resources 目录下的 mapper 文件中 创建一个名为 MedicineMapper 的 MyBatis XML 文件,并添加以下代码 👇

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

    <select id="selectAllMedicine" resultType="com.nxu.entity.Medicine">
        select * from medicine
    </select>

    <select id="selectOneMedicine" resultType="com.nxu.entity.Medicine">
        select * from medicine where id = #{id}
    </select>

</mapper>

🟤这里大家可以安装一个名为 MyBatisX 的插件,挺好用的,如下 👇

在这里插入图片描述

🟤安装好之后,我们的 MyBatis接口 和 MyBatis 的 xml 文件可以点击小鸟进行跳转,还有其他提示功能~

在这里插入图片描述


 

八:单元测试

 

写到这里,我们可以先简单的做个单元测试,确保数据库连通,以及测试 MyBatis 是否可以正常使用。😀😀😀

🟢在我们的 test 目录下,新建一个名为 MedicineTestJava测试类,然后添加以下代码进行测试 👇

package com.nxu;

import com.nxu.entity.Medicine;
import com.nxu.mapper.MedicineMapper;
import lombok.extern.slf4j.Slf4j;
import org.junit.jupiter.api.Test;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.boot.test.context.SpringBootTest;

import java.util.List;

@Slf4j
@SpringBootTest
public class MedicineTest {

    @Autowired
    private MedicineMapper medicineMapper;

    @Test
    public void testSelectAllMedicine() {
        List<Medicine> allMedicine = medicineMapper.selectAllMedicine();
        for (Medicine medicine : allMedicine) {
            log.info(medicine.toString());
        }
    }
}

在这里插入图片描述

🟢点击 方法前面的 启动 按钮,执行单元测试,控制台效果如下 👇

在这里插入图片描述


 

九:编写服务层

 

🟠首先,在 java 目录 下的 service 包中 创建一个名为 MedicineServiceJava接口,如下 👇

package com.nxu.service;

import com.nxu.entity.Medicine;

import java.util.List;

public interface MedicineService {

    List<Medicine> getAllMedicine();

    Medicine getOneMedicine(int id);
}

🟠然后,继续 在 service 包中创建一个名为 MedicineServiceImplJava类 继承刚才的接口 👇

package com.nxu.service;

import com.nxu.entity.Medicine;
import com.nxu.mapper.MedicineMapper;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Service;

import java.util.List;

@Service
public class MedicineServiceImpl implements MedicineService {

    @Autowired
    private MedicineMapper medicineMapper;

    @Override
    public List<Medicine> getAllMedicine() {
        // 此处可以写更多业务逻辑,这里只是简单调用
        return medicineMapper.selectAllMedicine();
    }

    @Override
    public Medicine getOneMedicine(int id) {
        // 此处可以写更多业务逻辑,这里只是简单调用
        return medicineMapper.selectOneMedicine(id);
    }
}

在这里插入图片描述


 

十:编写控制层

 

🟣在 java目录 下的 controller 包中,创建一个名为 MedicineController 的 Java类 👇

package com.nxu.controller;

import com.nxu.entity.Medicine;
import com.nxu.service.MedicineService;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

@Controller
public class MedicineController {

    @Autowired
    private MedicineService medicineService;

    @RequestMapping("/")
    public String index(Model model) {
        
        model.addAttribute("msg", "我的第N个SpringBoot项目!");

        List<Medicine> list = medicineService.getAllMedicine();
        model.addAttribute("list", list);
        
        return "index";
    }

}

在这里插入图片描述


 

十一:创建页面

 

🔴在 resources 目录的 templates 文件下 创建一个名为 indexhtml 文件,然后添加以下代码 👇

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>药品管理</title>
    <link href="//unpkg.com/layui@2.10.3/dist/css/layui.css" rel="stylesheet">
</head>
<body>
<h1 th:text="${msg}" style="text-align: center;"></h1>

<table class="layui-table">
    <thead>
    <tr>
        <th>序号</th>
        <th>药品编号</th>
        <th>药品名称</th>
        <th>国药准字</th>
        <th>药品成分</th>
        <th>药品规格</th>
        <th>用法用量</th>
        <th>药品照片</th>
        <th>生产厂家</th>
        <th>库存数量</th>
    </tr>
    </thead>
    <tbody>
    <!--此处演示Thymeleaf的循环,sb是单个数据体的名字,it是迭代器的别名,${medicines}是我们存的集合-->
    <tr th:each="sb,it : ${medicines}">
        <td th:text="${it.index+1}"></td>
        <td th:utext="|编号${sb.id}|"></td>
        <td th:text="${sb.name}"></td>
        <td th:text="${sb.code}"></td>
        <td th:text="${sb.compose}"></td>
        <td th:text="${sb.specs}"></td>
        <td th:text="${sb.usage}"></td>
        <td>
            <img th:src="${sb.image}" width="30px" height="30px" alt="">
        </td>
        <td th:text="${sb.origin}"></td>
        <td>[[${sb.count}]]</td>
    </tr>
    </tbody>
</table>

<script src="//unpkg.com/layui@2.10.3/dist/layui.js"></script>
</body>
</html>

🔴启动项目

在这里插入图片描述

在这里插入图片描述

🔴打开浏览器,输入 localhost:8080,回车,即可看到我们的index页面,以及使用Thymeleaf显示的数据。

在这里插入图片描述

🔴像图片这些静态资源,一般放在 resources 目录下的 static 文件夹中,页面中通过 / 路径 的方式引用 👇

在这里插入图片描述

🔴那么在引用 该 照片时的路径就是 /image/samil.jpg


 

十二:返回JSON数据

 

🟢如果我们写了一个前后端分离项目,或者本身我需要返回JSON格式的数据,那么我们可以这么写 👇

🟡在原来的 MedicineController 中添加以下代码:

    @GetMapping("/medicine/{id}")
    @ResponseBody
    public Medicine getMedicine(@PathVariable Integer id) {
        return medicineService.getOneMedicine(id);
    }

在这里插入图片描述

🟢重启项目,然后浏览器中输入 localhost:8080/medicine/1 然后回车,可以看到返回的数据 👇

在这里插入图片描述

🟢如果你的某个 controller 仅作为数据接口,不返回视图,可以直接用 @RestController ,这个注解相当于 @Controller@ResponseBody 注解的组合,这样当前整个 controller 中都跳过 Spring 的视图解析器。


 

至此,关于 SpringBoot 的简单使用就介绍完了。想要了解更多知识或交个朋友,欢迎访问 👉 作者博客 😁😁😁

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/2326925.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

在ensp进行OSPF+RIP+静态网络架构配置

一、实验目的 1.Ospf与RIP的双向引入路由消息 2.Ospf引入静态路由信息 二、实验要求 需求&#xff1a; 路由器可以互相ping通 实验设备&#xff1a; 路由器router7台 使用ensp搭建实验坏境&#xff0c;结构如图所示 三、实验内容 1.配置R1、R2、R3路由器使用Ospf动态路由…

Redis安全与配置问题——AOF文件损坏问题及解决方案

Java 中的 Redis AOF 文件损坏问题全面解析 一、AOF 文件损坏的本质与危害 1.1 AOF 持久化原理 Redis 的 AOF&#xff08;Append-Only File&#xff09; 通过记录所有写操作命令实现持久化。文件格式如下&#xff1a; *2\r\n$6\r\nSELECT\r\n$1\r\n0\r\n *3\r\n$3\r\nSET\r\…

3.第二阶段x64游戏实战-分析人物移动实现人物加速

免责声明&#xff1a;内容仅供学习参考&#xff0c;请合法利用知识&#xff0c;禁止进行违法犯罪活动&#xff01; 本次游戏没法给 内容参考于&#xff1a;微尘网络安全 上一个内容&#xff1a;2.第二阶段x64游戏实战-x64dbg的使用 想找人物的速度&#xff0c;就需要使用Ch…

Scala(三)

本节课学习了函数式编程&#xff0c;了解到它与Java、C函数式编程的区别&#xff1b;学习了函数的基础&#xff0c;了解到它的基本语法、函数和方法的定义、函数高级。。。学习到函数至简原则&#xff0c;高阶函数&#xff0c;匿名函数等。 函数的定义 函数基本语法 例子&…

什么是 Java 泛型

一、什么是 Java 泛型&#xff1f; 泛型&#xff08;Generics&#xff09; 是 Java 中一种强大的编程机制&#xff0c;允许在定义类、接口和方法时使用类型参数。通过泛型&#xff0c;可以将数据类型作为参数传递&#xff0c;从而实现代码的通用性和类型安全。 简单来说&…

Unity中根据文字数量自适应长宽的对话气泡框UI 会自动换行

使用Ugui制作一个可以根据文本数量自动调整宽度,并可以自动换行的文字UI 或者不要独立的Bg,那么一定要把bg的img设置成切片

【小也的Java之旅系列】02 分布式集群详解

文章目录 前言为什么叫小也 本系列适合什么样的人阅读正文单体优点缺点 CAP为什么CAP不可能全部满足&#xff1f;CAP 三选二 分布式事务分布式方案——SeataXA模式&#xff08;强一致&#xff09;AT模式&#xff08;自动补偿&#xff0c;默认模式&#xff09;TCC模式&#xff0…

Ubuntu里安装Jenkins

【方式1】&#xff1a;下载war包&#xff0c;直接运行&#xff0c;需提前搭建Java环境&#xff0c;要求11或17&#xff0c;不推荐&#xff0c;war包下载地址&#xff0c;将war包上传到服务器&#xff0c;直接使用命令启动 java -jar /data/jenkins/jenkins.war【方式2】&#…

C++包管理工具vcpkg的安装使用教程

前言 使用vcpkg可以更方便地安装各种库&#xff0c;省去配置的时间和配置失败的风险&#xff0c;类似python中的anaconda&#xff0c;懒人必备 参考 安装参考&#xff1a;https://bqcode.blog.csdn.net/article/details/135831901?fromshareblogdetail&sharetypeblogde…

微服务面试题:配置中心

&#x1f9d1; 博主简介&#xff1a;CSDN博客专家&#xff0c;历代文学网&#xff08;PC端可以访问&#xff1a;https://literature.sinhy.com/#/?__c1000&#xff0c;移动端可微信小程序搜索“历代文学”&#xff09;总架构师&#xff0c;15年工作经验&#xff0c;精通Java编…

Qt msvc2017程序无法用enigma vitrual box打包,用winrar打包

我们通常打包Qt程序用Enigma virtual box。这样我们的程序就可以在别的电脑上也能运行&#xff0c;但是有时候&#xff0c;我们发现Enigma virtual box在打包的时候&#xff0c;对于msvc2017需要编译的程序中引用webengineview模块&#xff0c;打包时候发现不能运行。 我们如何…

微服务集成测试 -华为OD机试真题(A卷、JavaScript)

题目描述 现在有n个容器服务&#xff0c;服务的启动可能有一定的依赖性&#xff08;有些服务启动没有依赖&#xff09;&#xff0c;其次&#xff0c;服务自身启动加载会消耗一些时间。 给你一个n n 的二维矩阵useTime&#xff0c;其中useTime[i][i]10表示服务i自身启动加载需…

Mac: 运行python读取CSV出现 permissionError

在MAC机器里&#xff0c;之前一直运行程序在某个指定的目录下读取excel和csv文件&#xff0c;没有出现错误&#xff0c;有一天突然出现错误&#xff1a;permissionError:[Errno 1] Operation not permitted&#xff0c; 具体错误信息如下&#xff1a; 经过调查得知&#xff0c…

UE5 学习笔记 FPS游戏制作30 显示击杀信息 水平框 UI模板(预制体)

文章目录 一制作单条死亡信息框水平框的使用创建一个水平框添加子元素调整子元素顺序子元素的布局插槽尺寸填充对齐 制作UI 根据队伍&#xff0c;设置文本的名字和颜色声明变量 将变量设置为构造参数根据队伍&#xff0c;设置文本的名字和颜色在构造事件中&#xff0c;获取玩家…

西门子TCP通讯过程中硬件连接突然断开

通信原理探秘又结合在工作中遇到的问题,关注到了通讯中的KeepAlive定时器的设置,所以做了如下实验。 硬件: 1513PLC TCP客户端 PC TCP服务器 前提条件:禁用PLC侧KeepAlive 程序: 测试流程: 打开PC端网络调试助手,设置为TCP服务器,打开链接; PC端打开WireShack软…

2025宁德时代测评Verify考什么?网申测评如何通过SHL笔试|附真题线上笔试考点、高分攻略、CATL新能源科技SHL测评宁德社招题目、面试攻略、求职建议

——职小豚 带你拆解新能源巨头招聘密码 一、宁德时代&#xff1a;新能源赛道「超级独角兽」 作为全球动力电池龙头&#xff0c;宁德时代&#xff08;CATL&#xff09;的江湖地位无需多言&#xff1a; 技术硬实力&#xff1a;麒麟电池、钠离子电池、无钴电池等黑科技加持&…

Spring Boot @RequestParam 解析参数时的常见问题及解决方案

1&#xff0c;遇到的问题&#xff1a;将后端接口写完后我想通过PostMan进行简单的测试一下&#xff0c;一不小心就遇到了这样的情况&#xff1a; org.springframework.web.bind.MissingServletRequestParameterException: Required Integer parameter contractId is not prese…

Firefox 浏览器同步一个账户和书签网址

Firefox 浏览器同步一个账户和书签网址 Firefox 支持跨设备接续浏览&#xff0c;可实现电脑、手机与平板无缝衔接。无论您在使用哪台设备上使用 Firefox&#xff0c;都能获取书签、浏览历史、保存的密码等信息。当然也能实现windows、ios、linux、android系统中安装firefox浏览…

Maven多模块项目,其他项目引用子模块的依赖,无法打包,提示没有找到依赖

背景&#xff1a; 微服务项目 每个服务都是单独的项目&#xff0c;会存在依赖关联的问题&#xff0c;在子模块的下面 depoly 之后&#xff0c;就会出现别的项目&#xff0c;无法package 原因&#xff1a; 多模块项目&#xff0c;depoly 需要在父模块下面执行

mediacodec服务启动时加载media_codecs.xml

media.codec服务启动时&#xff0c; 会创建 implementation::Omx 和 implementation::OmxStore&#xff0c; 构造 Omx时&#xff0c; 会解析codec相关的xml文件&#xff0c;一般从会如下目录中&#xff0c; // from getDefaultSearchDirs() { "/product/etc",&quo…