怎么看springboot框架前端技术 springboot集成前端框架

文章目录

• SpringBoot整合JSP

• 核心步骤
• 具体实现

• SpringBoot整合MyBatis

• 核心步骤
• 具体实现
• MyBatis分页查询
• MyBatis事务处理

• 关于静态资源

• thymleaf配置静态资源
• jsp配置静态资源

SpringBoot整合JSP

SpringBoot默认是支持thymeleaf模板的，如果需要使用jsp就需要手动添加

核心步骤

1. 创建maven项目
2. pom.xml文件中添加SpringBoot所需的依赖
3. 创建核心配置文件application.yml及SpringBoot核心启动WebApplication.class
4. pom.xml文件中添加jsp所需的依赖
5. 修改application.yml
6. 创建jsp的目录文件webapp （! 注意：当前版本中webapp的名称并不能进行更改）
7. 编写controller层，实现业务逻辑，进行测试
8. 将程序打包为jar包，使用命令运行

具体实现

• 命令行创建maven项目
• pom.xml添加SpringBoot所需的依赖
• ** 创建核心配置文件application.yml及SpringBoot核心启动类WebApplication.class**
  
  WebApplication.class
• pom.xml中添加jsp所需的依赖
• 修改application.yml
• 创建jsp的目录文件webapp
  创建前端视图的存储目录
  
  将webapp进行配置，方便创建.jsp的文件

1. 编写controller层，实现业务逻辑，进行测试
   controller层代码
   
   main.jsp代码
   
   效果如下所示：
   
2. 将程序打包为jar包，使用命令运行
   pom.xml中添加打包工具依赖，将java代码打包为jar包
   
   使用工具进行打包
   
   目标jar包在target文件夹中
   
   使用命令行运行jar包
   
   运行jar包后，只能拿到数据，但不能得到页面，这是因为页面数据并没有被编译进target文件夹中
   
   后端数据是拿到的

SpringBoot整合MyBatis

因为之后我们使用的是MyBatisPlus，所以整合MyBatis只做了解即可

核心步骤

1. 创建maven项目
2. 做springBoot的核心配置（pom.xml、application.yml、Application.class)
3. pom.xml中添加myBatis需要的依赖
4. 创建控制层和服务层
5. 整合数据源
6. 编写pojo类
7. 编写mapper查询接口
8. 编写mapper的映射文件
9. 配置mapper查询接口和mapper映射文件所在的位置

具体实现

• 命令行创建maven项目
• SpringBoot的核心配置
  pom.xml添加依赖
  
  编写启动类WebApplication
• pom.xml里添加mybatis所需的依赖
• 创建控制层和服务层
  UserController类的代码

UserService类的代码

• application.yml整合数据源



• 编写pojo类
  创建model.User类存储数据



• 编写mapper查询接口



• 编写mapper的映射文件

<!--Mapper映射文件的模板-->
<?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.dean.mapper.UserMapper">



</mapper>

• 配置mapper查询接口和mapper映射文件所在的位置
  创建类config.MyBatisConfig配置mapper查询接口

application.yml中配置mapper的映射文件

MyBatis分页查询

该分页插件的原理是代理模式

• pom.xml中添加查询插件
• application.yml中进行分页设置
• 控制层和服务层进行业务处理
  Controller层
  
  Service层

MyBatis事务处理

• 可以在全局的启动类上开启事务管理



• 在所需的函数上添加事务处理所需的注释



• 当我们再次进行插入数据时，会发现无法插入，进行了事务管理

关于静态资源

thymleaf配置静态资源

当前端视图是thymeleaf时，静态资源存储在/resources/static下，然后在application.yml中进行配置

static-locations中是有默认值的

可以看到如果静态资源是存储在static文件夹时，该static-location是可以不进行更改的。

jsp配置静态资源

static的文件夹放在webapp下

图片访问路径为

如果这种默认的方式访问不到，可以在application.yml中进行配置

/**说明是webapp文件夹下的所有文件