玩一玩Spring Boot框架(可视化04)

本文详细介绍了Spring Boot的基本配置,包括项目入口类、核心注解、自定义启动标语、配置应用属性文件以及XML配置。接着,讲解了如何添加控制器和路由函数,以及访问静态资源。此外,还深入探讨了Spring Boot与Thymeleaf的整合,实现了简单的登录页面。最后,展示了如何集成Bootstrap和jQuery,创建了登录页面并实现了登录验证。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

一、Spring Boot框架概述

二、Spring Boot基本配置

1、项目入口类 - SpringBootDemoApplication

2、了解核心注解 - @SpringBootApplication

3、设置exclude属性值,关闭特定的自动配置

(二)添加控制器与路由函数

(三)启动项目,查看结果

(四)定制与关闭启动标语

1、创建标语文件

2、生成艺术字符 

(五)配置应用属性文件

1、修改服务器的端口号

2、启动应用,查看控制台输出信息

3、启动浏览器,访问资源

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

(六)允许使用XML配置Spring

1、创建用户实体类

2、创建Spring配置文件

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

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

 5、启动应用,查看结果

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

(一)准备图片资源

(二)在入口类里访问图片资源

(三)启动应用,查看结果

四、Spring Boot整合Thymeleaf

(一)Spring Boot支持的视图技术

(二)Thymeleaf基本语法

1、Thymeleaf常用标签

 2、Thymeleaf主要语法

3、Thymeleaf内置对象 

4、Thymeleaf模板基本配置

(三)实现简单登录页面

1、查看Thymeleaf起步依赖

2、在应用属性文件里配置Thymeleaf属性

3、创建登录控制器

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

5、启动项目,查看结果

五、Spring Boot集成Bootstrap

(一)Bootstrap官网

(二)集成Bootstrap-5.2.0

1、引用在线文档的方式

2、下载Bootstrap并引用的方式

(三)添加jQuery到项目

(四)编写登录页面

1、集成Bootstrap和jQuery

2、编写登录页面

3、启动项目,查看结果

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

(五)控制器编写登录验证方法

1、查看表单action属性值

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

(六)编写登录成功与失败模板页面

1、编写登录成功页面

2、编写登录失败页面


一、Spring Boot框架概述

Spring Boot官网:https://spring.io/projects/spring-boot,当前Spring Boot GA (General Availability)版是2.7.0

二、Spring Boot基本配置

利用Spring Initializr创建Spring Boot项目

然后再配置项目基本信息

 添加相关依赖

 设置项目名称与保存位置

 单击【Finish】按钮,完成项目初始化

1、项目入口类 - SpringBootDemoApplication

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

2、了解核心注解 - @SpringBootApplication

  • @SpringBootApplication是Spring Boot的核心注解,是一个组合注解。
  • 查看@SpringBootApplication的源代码

3、设置exclude属性值,关闭特定的自动配置

  • 关闭数据源自动配置

查看数据源自动配置类 - DataSourceAutoConfiguration

(二)添加控制器与路由函数

  • 直接在入口类上面添加@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>

说明:<span>元素的内容是静态数据,客户端打开页面看到的数据

(四)定制与关闭启动标语

1、创建标语文件

  • resources目录下创建banner.txt文件(如果是其它文件名,将会被系统忽略)

2、生成艺术字符 

通过Text to ASCII Art Generator (TAAG)网站生成字符

(五)配置应用属性文件

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.cm.boot.bean包里创建User
     

package net.cm.boot.bean;

import java.util.Date;
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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值