Spring Boot 框架

最新推荐文章于 2023-06-19 13:23:21 发布
最新推荐文章于 2023-06-19 13:23:21 发布
阅读量2.1k 收藏 5
点赞数
文章标签： spring boot java spring
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CITTB/article/details/125338227
版权

文章目录

一、Spring Boot基本配置

（一）创建Spring Boot项目

  • 利用Spring Initializr创建Spring Boot项目
    在这里插入图片描述

  • 配置项目基本信息
    在这里插入图片描述

  • 添加相关依赖
    在这里插入图片描述

  • 设置项目名称与保存位置
    在这里插入图片描述

  • 单击【Finish】按钮，完成项目初始化
    在这里插入图片描述

1.项目入口类 - SpringBootDemoApplication

  • 包含一个主方法作为入口类的入口方法
  • 利用SpringApplication类的静态方法run()启动入口类实例，可以接收命令行参数

2.了解核心注解 - @SpringBootApplication

  • @SpringBootApplication是Spring Boot的核心注解，是一个组合注解。

3.设置exclude属性值，关闭特定的自动配置

  • 关闭数据源自动配置
    在这里插入图片描述

（二）添加控制器与路由函数

  • 直接在入口类上面添加@Controller注解，然后定义路由函数index()
    在这里插入图片描述

（三）启动项目，查看结果

  • 启动项目
    在这里插入图片描述

  • 访问http://localhost:8080
    在这里插入图片描述

  • 添加路由函数welcome()，通过model参数向前端模板页面传递数据
    在这里插入图片描述

  • 在templates里创建welcome.html，跟路由函数welcome()里的逻辑视图名welcome相对应
    在这里插入图片描述

    <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
   <meta charset="UTF-8">
   <title>Welcome</title>
<head>
<body>
<h3><span th:text="${message}">亲爱的朋友，欢迎访问Spring Boot世界~</span></h3>
</body>
</html>

  • 说明：元素的内容是静态数据，客户端打开页面看到的数据
    在这里插入图片描述

  • 启动项目，模板页面利用th:text="${message}看到后端控制器通过model传递过来的数据
    在这里插入图片描述

（四）定制与关闭启动标语

1.创建标语文件

  • 在resources目录下创建banner.txt文件（如果是其它文件名，将会被系统忽略）
    在这里插入图片描述

2.生成艺术字符

3.更新标语文件

  • 将网站生成的艺术字符复制到banner.txt文件里
    在这里插入图片描述

4.启动项目，查看结果

  • 就会看到你复制的字体
    在这里插入图片描述

（五）配置应用属性文件

1.修改服务器的端口号

  • 在application.properties文件里设置服务器端口号为8888
    在这里插入图片描述

2.启动应用，查看控制台输出信息

  • Tomcat服务器初始化的端口变成了8888
    在这里插入图片描述

3.启动浏览器，访问资源

  • 访问http://localhost:8888/welcome
    在这里插入图片描述

  • 在application.properties文件里注释掉修改服务器端口号的语句，于是服务器端口号恢复成默认的8080。在这里插入图片描述

  • 启动浏览器，访问http://localhost:8080
    在这里插入图片描述

4.采用yaml格式的应用属性文件

  • 将application.properties重命名application.yaml
    在这里插入图片描述

  • 配置属性的写法有点不同，是一种层次结构
    在这里插入图片描述

  • 注意：属性冒号后面必须有空格与属性值分开

（六）允许使用XML配置Spring

1.创建用户实体类

  • 在net.qzj.boot.bean包里创建User类
    在这里插入图片描述
    package net.huawei.boot.bean;

import java.util.Date;

/**
* 功能：用户实体类
* 作者：华卫
* 日期：2022年06月08日
*/
public class User {
   private int id;
   private String username;
   private String password;
   private String telephone;
   private Date registerTime;
   private int popedom;

   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;
   }

   public String getTelephone() {
       return telephone;
   }

   public void setTelephone(String telephone) {
       this.telephone = telephone;
   }

   public Date getRegisterTime() {
       return registerTime;
   }

   public void setRegisterTime(Date registerTime) {
       this.registerTime = registerTime;
   }

   public int getPopedom() {
       return popedom;
   }

   public void setPopedom(int popedom) {
       this.popedom = popedom;
   }

   @Override
   public String toString() {
       return "User{" +
               "id=" + id +
               ", username='" + username + '\'' +
               ", password='" + password + '\'' +
               ", telephone='" + telephone + '\'' +
               ", registerTime=" + registerTime +
               ", popedom=" + popedom +
               '}';
   }
}

2.创建Spring配置文件

  • 在resources目录里创建spring-config.xml
    在这里插入图片描述
    <?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://www.springframework.org/schema/beans
      http://www.springframework.org/schema/beans/spring-beans.xsd">

   <bean id="sdf" class="java.text.SimpleDateFormat">
       <constructor-arg value="yyyy-MM-dd hh:mm:ss"/>
   </bean>
   <bean id="date" factory-bean="sdf" factory-method="parse">
       <constructor-arg value="2021-12-25 09:30:30"/>
   </bean>

   <bean id="user" class="net.huawei.boot.bean.User">
       <property name="id" value="2022001"/>
       <property name="username" value="Mike"/>
       <property name="password" value="903213"/>
       <property name="telephone" value="18934563800"/>
       <property name="registerTime" ref="date"/>
       <property name="popedom" value="1" />
   </bean>
</beans>

3.入口类导入Spring配置文件

  • 添加注解ImportResource("")
    在这里插入图片描述

4.使用Spring配置文件里创建的Bean

  • 自动装配用户Bean
    在这里插入图片描述

  • 在路由函数index()里使用用户Bean
    在这里插入图片描述

5.启动应用，查看结果

  • 访问http://localhost:8080
    在这里插入图片描述

  • 在welcome.html页面以表格形式显示用户信息
    在这里插入图片描述

二、Spring Boot项目访问静态资源

  • 静态资源（css、images、scripts）都放在resources\static目录里。下面以图片为例说明静态资源的访问。

（一）准备图片资源

  • 在static里创建images目录，拷贝一张图片 - bear.jpg
    在这里插入图片描述

（二）在入口类里访问图片资源

  • 修改路由函数index()，访问图片资源
    在这里插入图片描述

（三）启动应用，查看结果

  • 访问http://localhost:8080
    在这里插入图片描述

三、Spring Boot整合Thymeleaf

（一）Spring Boot支持的视图技术

  • Spring Boot框架为简化项目的整体开发，对一些常用的视图技术实现了整合支持，并主要推荐整合模板引擎技术来实现前端页面的动态化内容。
  • Spring Boot可整合的模板引擎技术

（二）实现简单登录页面

1.查看Thymeleaf起步依赖
在这里插入图片描述
2.在应用属性文件里配置Thymeleaf属性

  • 我们可以根据实际需要修改Thymeleaf属性默认值
    在这里插入图片描述

  • Thymeleaf页面缓存设置，默认为true，开发中方便调试应设置为false，上线稳定后应保持默认true。

3.创建登录控制器

  • 在net.qzj.boot.controller包里创建LoginController类，用于前端模板页面动态数据替换效果的测试
    在这里插入图片描述
    package net.huawei.boot.controller;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;

import java.util.Calendar;

/**
* 功能：登录控制器
* 作者：华卫
* 日期：2022年06月10日
*/
@Controller
public class LoginController {
   @GetMapping("/toLogin")
   public String toLogin(Model model) {
       // 通过model向前端模板页面传递数据
       model.addAttribute("currentYear", Calendar.getInstance().get(Calendar.YEAR));
       return "login"; // 逻辑视图名
   }
}

4.创建模板页面，获取控制器传来的动态数据

  • 在templates目录下创建模板页面login.html
    在这里插入图片描述

  • 在<span>标签中通过th:text引入了后台动态传递过来的当前年份currentYear。

    <!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org/">
<head>
   <meta charset="UTF-8">
   <title>用户登录</title>
</head>
<body>
   <span th:text="${currentYear}">今年</span> -
   <span th:text="${currentYear} + 1">明年</span>
</body>
</html>

  • 静态访问模板页面
    在这里插入图片描述

  • 将显示默认值，而不会显示后台传来的动态数据
    在这里插入图片描述

5.启动项目，查看结果

  • 启动项目
    在这里插入图片描述

  • 在浏览器里访问http://localhost:8080/toLogin
    在这里插入图片描述

四、Spring Boot集成Bootstrap

（一）Bootstrap官网

（二）集成Bootstrap-5.2.0

1.引用在线文档的方式

  • 在模板文件中直接引用以下文件
    <!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">
  <title>用户登录</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
</head>
<body>
<span th:text="${currentYear}">今年</span> -
<span th:text="${currentYear} + 1">明年</span>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/js/bootstrap.bundle.min.js" integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2" crossorigin="anonymous"></script>
</body>
</html>

2.下载Bootstrap并引用的方式

（三）添加jQuery到项目

  • 在static里创建scripts目录，拷贝jquery.min.js到该目录
    在这里插入图片描述

（四）编写登录页面

1.集成Bootstrap和jQuery

<!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">
    <title>用户登录</title>
    <link th:href="@{/bootstrap-5.2.0/css/bootstrap.css}" rel="stylesheet">
    <javascript th:src="@{/bootstrap-5.2.0/js/bootstrap.bundle.js}"></javascript>  
    <javascript th:src="@{/scripts/jquery-3.5.1.min.js}"></javascript>
</head>
<body>
<span th:text="${currentYear}">今年</span> -
<span th:text="${currentYear} + 1">明年</span>
</body>
</html>

2.编写登录页面

  • 登录页面 login.html
    在这里插入图片描述
    <!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">
   <title>用户登录</title>
   <link th:href="@{/bootstrap-5.2.0/css/bootstrap.css}" rel="stylesheet">
   <javascript th:src="@{/bootstrap-5.2.0/js/bootstrap.bundle.js}"></javascript>
   <javascript th:src="@{/scripts/jquery-3.5.1.min.js}"></javascript>
</head>
<body>
<div class="col-6 m-auto" style="margin-top:30px!important;">
   <div class="text-center">
       <span th:text="${currentYear}">今年</span> -
       <span th:text="${currentYear} + 1">明年</span>
   </div>
   <div class="border border-info bg-light p-2" style="border-radius: 5px">
       <form action="/login" method="post">
           <h3 class="text-center">用户登录</h3>
           <div class="mt-1">
               <input type="text" id="username" name="username" class="form-control" placeholder="输入用户名" autofocus>
           </div>
           <div class="mt-1">
               <input type="password" id="password" name="password" class="form-control" placeholder="输入密码">
           </div>
           <div class="checkbox text-center" style="height: 50px; position: relative">
               <label style="position: absolute; top: 20%; bottom: 20%; margin-left: -10%">
                   <input class="form-check-input text-center" type="checkbox"> 记住我
               </label>
           </div>
           <div class="d-grid">
               <button class="btn btn-primary btn-block" id="login" type="submit">登录</button>
           </div>
       </form>
   </div>
</div>
</body>
</html>

3.启动项目，查看结果

  • 访问http://localhost:8080/toLogin
    在这里插入图片描述

4.用户名和密码非空校验

  • 文本框设置required="required"
    在这里插入图片描述

（五）控制器编写登录验证方法

1.查看表单action属性值

  • 表单的action="/login"
    在这里插入图片描述

2.在登录控制器添加路由函数

  • 编写路由函数login()，请求路径为/login
    在这里插入图片描述

（六）编写登录成功与失败模板页面

1.编写登录成功页面

  • 在templates目录里创建success.html
    在这里插入图片描述
    <!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">
   <title>登录成功</title>
   <link th:href="@{/bootstrap-5.2.0/css/bootstrap.css}" rel="stylesheet">
   <javascript th:src="@{/bootstrap-5.2.0/js/bootstrap.bundle.js}"></javascript>
   <javascript th:src="@{/scripts/jquery-3.5.1.min.js}"></javascript>
</head>
<body>
<div class="col-6 text-center m-auto border-info border p-3 bg-light" style="margin-top:50px!important;">
   <!--/*@thymesVar id="loginMsg" type="java.lang.String"*/-->
   <p th:text="${loginMsg}" class="text-success"></p>
</div>
</body>
</html>

2.编写登录失败页面

  • 在templates目录里创建failure.html
    在这里插入图片描述
    <!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">
   <title>登录失败</title>
   <link th:href="@{/bootstrap-5.2.0/css/bootstrap.css}" rel="stylesheet">
   <javascript th:src="@{/bootstrap-5.2.0/js/bootstrap.bundle.js}"></javascript>
   <javascript th:src="@{/scripts/jquery-3.5.1.min.js}"></javascript>
</head>
<body>
<div class="col-6 text-center m-auto border-info border p-3 bg-light" style="margin-top:50px!important;">
   <!--/*@thymesVar id="loginMsg" type="java.lang.String"*/-->
   <p th:text="${loginMsg}" class="text-danger"></p>
</div>
</body>
</html>

（七）启动项目，测试效果

  • 启动项目后，在浏览器里访问http://localhost:8080/toLogin
    在这里插入图片描述

  • 输入正确的用户名和密码（qzj : 999999）
    在这里插入图片描述

  • 输入其它用户名或密码
    在这里插入图片描述
    在这里插入图片描述

Yushijuj
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Springboot项目搭建（前端到数据库，超详细）
m0_61408947的博客
04-12 631
jpa（已包含hibernate）spring-boot热部署。
玩一玩Spring Boot框架（可视化04）
qq_56244269的博客
06-14 871
Spring Boot官网：https://spring.io/projects/spring-boot，当前Spring Boot GA (General Availability)版是2.7.0利用创建项目然后再配置项目基本信息 添加相关依赖 设置项目名称与保存位置 单击【Finish】按钮，完成项目初始化关闭数据源自动配置查看数据源自动配置类 - DataSourceAutoConfiguration启动项目访问 添加路由函数，通过参数向前端模板页面传递数据 在里创建，跟路由函数里的逻辑视图名相对应
Spring Boot框架的总结与介绍
weixin_53227089的博客
06-19 1789
本文介绍了我学习Spring Boot的全过程和总结的笔记，绝无私藏，希望可以帮到大家。
SpringBoot框架详细介绍
热门推荐
不惧困难 顽强拼搏
06-15 3万+
SpringBoot基于Spring4.0设计，不仅继承了Spring框架原有的优秀特性[IOC AOP DI]，而且还通过简化配置来进一步简化了Spring应用的整个搭建和开发过程。另外SpringBoot通过集成大量的框架使得依赖包的版本冲突，以及引用的不稳定性等问题得到了很好的解决springboot:----为了简化spring工程的初始化搭建和开发过程。
SpringBoot框架
05-08
今天自己搭建了下Spring boot+Mybatis，比原来的Spring+SpringMVC+Mybatis简单好多。其实只用Spring boot也可以开发，但是对于多表多条件分页查询，Spring boot就有点力不从心了，所以LZ把Mybatis整合进去，不得不说，现在的框架搭建真的是方便。
Spring-Boot框架
weixin_44093273的博客
07-23 1050
SpringBoot是由Pivotal团队提供的全新框架。SpringBoot是所有基于SpringFramework5.0开发的项目的起点。SpringBoot的设计是为了让你尽可能快的跑起来Spring应用程序并且尽可能减少你的配置文件。
SpringBoot 框架
保持热爱，持续学习
05-29 3204
SpringBoot 的设计目的是用来简化 Spring 应用的初始搭建以及开发过程。以 SpringMVC 开发为例。需要在pom.xml中导入坐标。配置 web类。配置 SpringMVC配置类。编写Controller类。其中前三步都是在进行配置，SpringBoot 就是对这三步进行简化。SpringBoot 主要作用是简化 Spring 的搭建过程和开发过程。配置繁琐依赖设置繁琐SpringBoot 程序优点恰巧就是针对 Spring 的缺点自动配置。
spring boot框架
02-10
本资源为搭建的spring boot框架，可以用于学习与二次开发
基于 Spring Boot 框架的企业微信点餐系统
05-09
内容概要：这是一个基于 Spring Boot 框架的企业微信点餐系统，主要包括了企业微信用户登录、菜单浏览、下单购买、订单管理等多个模块。 适用人群：此资源适用于已经具备一定 Java 后端开发基础，对 Spring Boot ...
Spring Boot框架是一个用于构建任何类型应用程序的修改版Spring框架.pdf
最新发布
04-24
Spring Boot框架是一个用于构建任何类型应用程序的修改版Spring框架，它基于Java并提供了快速构建和启动应用程序的能力。Spring Boot框架通过自动配置和一系列预定义的特性，显著简化了Spring应用程序的开发过程。...
spring boot框架demo
04-03
一个完整干净的spring boot架构，下载后直接解压，导入项目即可。
xxl-job-admin-spring-boot:将xuxueli的xxl-job-admin改造到spring boot框架，公司在用
04-28
”的口号使我们早已习惯了java -jar 启动web服务的清爽简洁，因此我将xxl-job-admin改造到spring boot框架，公司目前正在使用。版本spring-boot: 1.5.14.RELEASExxl-job-core: 1.9.1使用步骤：首先感谢xuxueli的开源...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值