当前位置：首页 > news >正文

Spring Boot教程之三十一：入门 Web

news 来源：原创 2025/7/6 23:56:18

Spring Boot – 入门 Web

如今，大多数应用程序都需要模型-视图-控制器(MVC) 架构来满足各种需求，例如处理用户数据、提高应用程序效率、为应用程序提供动态特性。它主要用于构建桌面图形用户界面 (GUI)，但现在越来越流行用于构建基于 Web 的应用程序。MVC 不是技术堆栈，而是一种架构模式，它提供三个重要的逻辑组件：模型、视图和控制器。

模型：模型是数据和处理数据的逻辑。它表示在控制器或任何其他逻辑之间传输的数据。控制器可以从数据库和/或用户处检索数据（模型）。
视图：视图是应用程序的一部分，用于呈现模型数据。数据是数据库形式或来自用户输入。它是表格、图表、图解等操纵数据向用户呈现的输出。
控制器：控制器负责处理用户与应用程序的交互。它从用户那里获取鼠标和键盘输入，并根据输入更改模型和视图。

MVC 架构

MVC 架构的优点

简单的代码维护简化了应用程序的扩展。
测试可以独立于用户进行。
模型-视图-控制器降低了复杂性。
它对搜索引擎优化（SEO）友好。
控制器本身允许将相关操作逻辑分组在一起。

Spring 的核心功能是 Spring MVC – Spring 的 Web 框架。它打包在“Spring Web”启动器中。Spring MVC 还可用于创建产生非 HTML 输出（例如 JSON、XML 等）的REST API 。

在 Spring 应用程序中嵌入 Started Web：

Spring Tool Suite (STS) -> Go To File -> New -> Spring Starter Project -> Next -> Spring Web -> Next -> Finish

您还可以添加 Starter Web 依赖项。

Maven -> pom.xml

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

Gradle -> build.gradle

dependencies {
compile(“org.springframework.boot:spring-boot-starter-web”)
}

Spring MVC

项目结构——Maven

pom.xml（项目配置）

<xmlversion="1.0"encoding=“UTF-8”>

<projectxmlns=“http://maven.apache.org/POM/4.0.0”

xmlns:xsi=“http://www.w3.org/2001/XMLSchema-instance”

xsi:schemaLocation="http://maven.apache.org/POM/4.0.0

https://maven.apache.org/xsd/maven-4.0.0.xsd">

<modelVersion>4.0.0</modelVersion>

<parent>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-parent</artifactId>

<version>2.6.3</version>

<relativePath/>

</parent>

<groupId>sia</groupId>

<artifactId>GFG-Starter-Web</artifactId>

<version>0.0.1-SNAPSHOT</version>

<name>GFG-Starter-Web</name>

<description>Spring Boot Starter Web</description>

<properties>

<java.version>11</java.version>

</properties>

<dependencies>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-web</artifactId>

</dependency>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-devtools</artifactId>

<scope>runtime</scope>

<optional>true</optional>

</dependency>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-test</artifactId>

<scope>test</scope>

</dependency>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter</artifactId>

</dependency>

<dependency>

<groupId>org.projectlombok</groupId>

<artifactId>lombok</artifactId>

<optional>true</optional>

</dependency>

</dependencies>

<build>

<plugins>

<plugin>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-maven-plugin</artifactId>

<configuration>

<excludes>

<exclude>

<groupId>org.projectlombok</groupId>

<artifactId>lombok</artifactId>

</exclude>

</excludes>

</configuration>

</plugin>

</plugins>

</build>

</project>

GfgStarterWebApplication.java（应用程序的引导）

Java

packagegfg;

importorg.springframework.boot.SpringApplication;

importorg.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication

public********classGfgStarterWebApplication {

publicstaticvoidmain(String[] args) {

SpringApplication.run(GfgStarterWebApplication.class, args);

}

UserModel.java（模型）

Java bean 需要 getter 和 setter 方法来更新和访问变量。
‘Lombok’ Java 库使用’@Data’注释自动执行 Getter 和 Setter 方法的创建过程。
要将 Lombok 包含在项目中，请添加以下依赖项：

Maven -> pom.xml

org.projectlombok lombok true

Java

packagegfg;

importlombok.Data;

@Data

public********classUserModel {

publicString userText;

}

view.html（视图 -Thymeleaf 模板）

读取用户输入，绑定到UserModel，从而创建Model数据，提交后将Model数据传递给Controller。

HTML

<html>

<head>

<title>GeeksforGeeks</title>

</head>

<body>

<h1style=“color:forestgreen"th:text=”${Controller1}">attributeValue will be placed here</h1>

<h1style=“color:forestgreen"th:text=”${Controller2}">attributeValue will be placed here</h1>

<h2style=“color:forestgreen"th:text=”${message}"> attributeValue will be placed here </h2>

<formmethod=“POST"th:object=”${userModel}">

<labelfor=“userText”>Type Message : </label><br/>

<inputtype=“text"th:field=”*{userText}"/>

<inputtype="submit"value=“Go”/>

</form>

</body>

</html>

MVCController1.java（控制器）

用于控制器的一些有用的注释是：

@Controller– 它是 @Component 注释的专门版本，表示某个类是“控制器”，在类路径扫描时会自动检测。它与 @RequestMapping 等注释、@GetMapping、@PostMapping 等处理程序方法注释同时工作。
@RequestMapping– 用于将 Web 请求映射到请求处理类的相应方法。它既可以在类级别使用，也可以在方法级别使用。在方法级别 HTTP 上，应使用特定的注释。
@GetMapping– 它将 HTTP GET Web 请求映射到特定的处理程序方法。它的替代方案是“@RequestMapping( method=RequestMethod.GET )”。
@PostMapping– 它将 HTTP POST Web 请求映射到特定的处理程序方法。它的替代方案是“@RequestMapping( method=RequestMethod.POST )”。
@SessionAttributes– 它列出了应存储在会话中并由特定的注释处理程序方法使用的模型属性（数据）。
@ModelAtrribute– 它将方法参数或方法返回值绑定到向 Web 视图公开的命名模型属性。

该控制器有两种方法：

get() – 此方法在 GET 请求时调用，它绑定模型数据并返回视图。
post() – 此方法从用户的 POST 请求中获取模型数据，该数据将被其他控制器使用并重定向到 MVCController2.java。

Java

packagegfg;

importorg.springframework.stereotype.Controller;

importorg.springframework.ui.Model;

importorg.springframework.web.bind.annotation.GetMapping;

importorg.springframework.web.bind.annotation.ModelAttribute;

importorg.springframework.web.bind.annotation.PostMapping;

importorg.springframework.web.bind.annotation.RequestMapping;

importorg.springframework.web.servlet.mvc.support.RedirectAttributes;

importorg.springframework.web.bind.annotation.SessionAttributes;

@Controller

@SessionAttributes(“userModel”)

@RequestMapping(“MVC-1”)

public********classMVCController1 {

@GetMapping

publicString get(Model model) {

model.addAttribute(“Controller1”,“You are in Controller-1”);

model.addAttribute(“userModel”, newUserModel());

return"view";

}

@PostMapping

publicString post(@ModelAttribute(“userModel”) UserModel userModel, Model model,RedirectAttributes redirectAttributes) {

redirectAttributes.addFlashAttribute(“user”, userModel);

return"redirect:/MVC-2";

}

输出：view.html

对 MVCController1.java 发出“GET”请求后返回的视图

MVCController2.java(第二个控制器)

该控制器有两种方法：

get() – 此方法使用由 MVCController 的 post() 方法转发的模型数据，并与其他模型数据一起返回视图。
post() – 此方法获取模型用户数据，转发并重定向到 RestMVCController。

Java

packagegfg;

importorg.springframework.stereotype.Controller;

importorg.springframework.ui.Model;

importorg.springframework.web.bind.annotation.GetMapping;

importorg.springframework.web.bind.annotation.ModelAttribute;

importorg.springframework.web.bind.annotation.PostMapping;

importorg.springframework.web.bind.annotation.RequestMapping;

importorg.springframework.web.servlet.mvc.support.RedirectAttributes;

importorg.springframework.web.bind.annotation.SessionAttributes;

@Controller

@SessionAttributes(“userModel”)

@RequestMapping(“/MVC-2”)

public********classMVCController2 {

@GetMapping

publicString get(@ModelAttribute(“user”) UserModel message, Model model) {

model.addAttribute(“Controller2”,“You are in Controller-2”);

model.addAttribute(“message”, message.getUserText());

model.addAttribute(“userModel”, newUserModel());

return"view";

}

@PostMapping

publicString post(@ModelAttribute(“userModel”) UserModel userModel, Model model,RedirectAttributes redirectAttributes) {

redirectAttributes.addFlashAttribute(“message”, userModel);

return"redirect:/Rest";

}

输出：view.html

MVCController2.java 返回的视图

Spring MVC 与 REST API 配合使用

RestMVCController.java(REST API)

使用的一些重要注释是：

@RestController – 它是 @RequestMapping 和 @ResponseBody 注释的组合，它在响应主体中而不是作为视图返回数据。
@CrossOrigin – 用于允许处理程序类和/或处理程序方法上的跨域请求使用数据。

Java

packagegfg;

importorg.springframework.web.bind.annotation.CrossOrigin;

importorg.springframework.web.bind.annotation.GetMapping;

importorg.springframework.web.bind.annotation.ModelAttribute;

importorg.springframework.web.bind.annotation.RequestMapping;

importorg.springframework.web.bind.annotation.RestController;

importorg.springframework.web.bind.support.SessionStatus;

importorg.springframework.web.bind.annotation.SessionAttributes;

@RestController

@SessionAttributes(“userModel”)

@RequestMapping(path=“/Rest”, produces=“application/json”)

@CrossOrigin(origins=“*”)

public********classRestMVCController {

@GetMapping

publicUserModel get(@ModelAttribute(“message”) UserModel user, SessionStatus sessionStatus) {

// cleans up the stored

// session attributes (data)

sessionStatus.setComplete();

returnuser;

}

输出：

在响应中返回模型数据（JSON 文字）

注意：Spring 框架的后端 REST API 可以与 Angular、React 等前端框架技术结合使用，可以请求数据并提供数据。

Spring Boot教程之三十一：入门 Web

Spring Boot – 入门 Web 如今，大多数应用程序都需要模型-视图-控制器(MVC) 架构来满足各种需求，例如处理用户数据、提高应用程序效率、为应用程序提供动态特性。它主要用于构建桌面图形用户界面 (GUI)，但现在越来越流行用于构建基于 Web 的…...

编程日记 2025/7/6 23:56:18

【每日学点鸿蒙知识】指纹识别隐藏背面、数组内部值变化刷新UI、键盘输入类型、跨组件路由、C++20特性支持

1、HarmonyOS 指纹识别情况下，隐藏背面内容？ 有一个场景，在指纹识别验证页面时候，此时需要用户看不到背面的内容，请问应该怎么处理这块。或者有什么方案，可以通过window，获取到当前页面的page&…...

编程日记 2025/7/6 12:46:44

Python数据处理——re库与pydantic的使用总结与实战，处理采集到的思科ASA防火墙设备信息

目录 Python正则表达式re库的基本用法引入re库各函数功能总结使用方法举例正则表达式语法与书写方式正则表达式的常用操作符思科ASA防火墙数据数据1 数据2 书写正则表达式 Python中pydantic的使用导入基础数据模板根据数据采集目标定义Pydantic数据类型…...

编程日记 2025/7/2 22:49:10

centos系统如何安装kubectl和部署kube-apiserver

1.使用 yum 安装（推荐） 添加 Kubernetes 软件源： 首先，你需要添加 Kubernetes 的官方 YUM 软件源。这可以通过下载并安装 kubernetes.repo 文件来实现。 shell cat <<EOF | sudo tee /etc/yum.repos.d/kubernetes.repo [k…...

编程日记 2025/7/6 23:54:56

【源码编译】windows下mingw64安装以及cmake调用

最近因为安装MIRTK库，太多第三方依赖了，太折磨了，学习了使用Cmake，有些库又需要Fortran编译器，VS2022里面装了但又调用不了，也不知道为什么，最后装的mingw64，记录一下。 1、mingw64安…...

编程日记 2025/7/6 23:54:55

HarmonyOS NEXT 实战之元服务：静态案例效果---最近播放音乐

背景： 前几篇学习了元服务，后面几期就让我们开发简单的元服务吧，里面丰富的内容大家自己加，本期案例仅供参考先上本期效果图 ，里面图片自行替换效果图1完整代码案例如下： Index import { authentica…...

编程日记 2025/7/6 11:02:03

【QT开发自制小工具】PDF/图片转excel---调用百度OCR API接口

前言前几年WPS还可以免费处理5页以内的PDF转excel，现在必须付费了，而且百度其他在线的PDF转excel都是要收费的，刚好前几年调研过百度OCR的高精度含位置接口，依然是每天可以免费调用50次，本篇是基于此接口，…...

编程日记 2025/7/6 15:26:00

uniapp 基于xgplayer（西瓜视频） + renderjs开发，实现APP视频播放

背景：在uniapp中因原生video组件功能有限，选择引入xgplayer库来展示视频播放等功能。并且APP端无法操作dom，所以使用了renderjs。其他的不多说，主要列举一下renderjs中需要注意的点： 1、使用：在标签后&…...

编程日记 2025/7/4 6:07:24

[1111].集成开发工具Pycharm安装与使用

所有博客大纲后端学习大纲 Python大纲 1.下载： 官方下载地址 2.安装： 1.双击exe文件，然后下一步选择安装目录 2.选择桌面快捷方式及安装： 3.安装完成 3.启动： 4.设置： 4.1.设置运行时环境：…...

编程日记 2025/7/2 16:52:21

【玩转OCR】 | 腾讯云智能结构化OCR在多场景的实际应用与体验

文章目录引言产品简介产品功能产品优势 API调用与场景实践图像增强API调用实例发票API调用实例其他场景结语相关链接引言在数字化信息处理的时代，如何高效、精准地提取和结构化各类文档数据成为了企业和政府部门的重要需求。尤其是在面对海量票据、证件、表单和…...

编程日记 2025/7/2 23:04:40

红狮金业：2024年尾声，黄金市场需要关注的消息面

随着2024年的尾声渐近，全球金融市场在美联储的年度最后一次降息决策中迎来了新的波澜。上周，美联储宣布降息，而美联储主席鲍威尔随后的发言更是在市场上掀起了巨大波动。他透露，美联储计划在明年放缓降息步伐，可能仅实…...

编程日记 2025/7/5 8:25:23

使用BCrypt进行密码加密

1. 添加依赖： 在pom.xml文件中添加Spring Security依赖，以使用BCryptPasswordEncoder。  <dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-secu…...

编程日记 2025/7/2 19:14:04

《智启新材热学性能优化之路：人工智能的神奇力量》

在当今科技飞速发展的时代，材料科学与人工智能的融合正成为创新的前沿阵地。其中，利用人工智能优化材料的热学性能，为众多领域的突破带来了新的曙光，从航空航天的高效热防护到电子设备的散热管理，其影响深远且广泛&…...

编程日记 2025/7/6 6:41:46

IIC驱动EEPROM

代码参考正点原子 i2c_dri:主要是三段式状态机的编写 module iic_dri#(parameter SLAVE_ADDR 7b1010000 , //EEPROM从机地址parameter CLK_FREQ 26d50_000_000, //模块输入的时钟频率parameter I2C_FREQ 18d250_000 //IIC_SCL的时钟频率)( …...

编程日记 2025/7/1 20:15:52

目标检测——基于yolov8和pyqt的螺栓松动检测系统

目录 1.项目克隆和环境配置1.1 我这里使用的是v8.0.6版本1.2 项目代码结构介绍 2.数据集介绍2.1 数据集采集2.2采集结果介绍 3.模型训练4.pyqt界面设计4.1 界面内容介绍4.2 界面实现 5.操作中的逻辑实现5.1 图片检测5.2 文件夹检测5.3 视频检测和摄像头检测 6. 效果展示 1.项目…...

编程日记 2025/7/2 18:34:17

JVM系列(十三) -常用调优工具介绍

最近对 JVM 技术知识进行了重新整理，再次献上 JVM系列文章合集索引，感兴趣的小伙伴可以直接点击如下地址快速阅读。 JVM系列(一) -什么是虚拟机JVM系列(二) -类的加载过程JVM系列(三) -内存布局详解JVM系列(四) -对象的创建过程JVM系列(五) -对象的内存分…...

编程日记 2025/7/1 23:08:32

酷睿i7和i5哪个好？i5和i7的区别介绍

在英特尔酷睿处理器家族中，i7与i5作为面向不同用户群体的主流产品，各自承载着不同的性能定位与使用价值。在面对“酷睿i7和i5哪个好”的问题时，答案并非一概而论，而是取决于具体的应用需求、预算考量以及对性能与效率的期待。本文…...

编程日记 2025/7/2 19:14:22

实现用户登录系统的前后端开发

**一、**实验名称实现用户登录系统的前后端开发。 **二、**参考资料 Web开发技术第一章课件。 **三、**实验目的 1.练习前端基本技术的使用。 2.练习使用Servlet/JSP开发简单后端程序。 3.练习使用Tomcat发布Web应用。 4.练习使用Spring Boot开发简单的后端程序。 **…...

编程日记 2025/7/2 16:21:43

Log4j1.27配置日志输出级别不起效

起因：构建独立版本debezuim使用时，日志一直打印debug信息。原因：包冲突问题，进行排包操作。参考log4j日志级别配置完成后不生效系统一直打印debug日志_log4j不起作用-CSDN博客 1、application.properties logging.configc…...

编程日记 2025/7/2 17:53:50

一、后端到摄像头（监控摄像头IOT）

前言： 开发流程从后端到摄像头打通是第一步，那么我们可以着手设计后端实现的具体步骤，确保能够稳定地接收和处理来自摄像头的视频流，并提供后续的功能扩展，如视频流转发、存储和控制。 1. 后端系统架构设计在开始…...

编程日记 2025/7/1 15:58:43

H3C MPLS跨域optionB

实验拓扑实验需求如图，VPN1 和 VPN2 分别通过运营商 MPLS VPN 连接各自分支机构按照图示配置 IP 地址，VPN1 和 VPN2 连接同一个 PE 设备的私网 IP 网段存在地址复用，使用多 VRF 技术来防止 IP 冲突AS 100 和 AS 200 内部的公共网络中各自运行 OSPF 使 AS 内各设备的 Loo…...

编程日记 2025/7/6 7:25:14

微信小程序中momentj.s无法切换中文问题处理. 表现为使用 locale(“zh-cn”)无效。处理方法 # 1、先删除 miniprogram_npm\moment\index.js # 2、将 node_modules\moment\min\moment-with-locales.min.js 复制到 miniprogram_npm\moment下并重命名为index.js # 3、修改mi…...

编程日记 2025/7/3 1:59:53

Linux零基础速成篇一(理论+实操)

前言：本教程适合Linux零基础学习，也适合Linux期末考试的小伙伴，从头到尾理论与实操相结合，让你快速对Linux进行了解和掌握。一、Linux概述为什么要学习Linux操作系统？ 完全免费-开源任何用户均可下载使用安全…...

编程日记 2025/7/5 10:41:36

【087】基于51单片机智能宠物喂食器【Proteus仿真+Keil程序+报告+原理图】

☆、设计硬件组成：51单片机最小系统LCD1602液晶显示MY1680语音播放模块DS1302时钟芯片SG90舵机AT24C02存储芯片LED灯按键设置。 1、设计采用STC89C52、AT89C52、AT89S52作为主控芯片； 2、系统采用DS1302时钟芯片实现对日期时间计时并通过LCD1602液晶显…...

编程日记 2025/7/4 15:54:20

全局流量管理：提升用户体验与保障服务稳定性

全局流量管理的工作原理全局流量管理主要依赖于 DNS（域名系统）技术，通过将全球用户的访问请求引导至离他们最近的服务器或数据中心，极大减少了访问延迟和带宽负载，从而提升了用户体验。同时，GTM 还结合健…...

编程日记 2025/7/3 13:04:08

达梦数据守护搭建

主备库初始化 ./dminit path/dmdata/data db_nameDM01 instance_nameDMSVR01 port_num5236 page_size16 extent_size32 log_size500 case_sensitive1 SYSDBA_PWDDM01SYSDBA ./dminit path/dmdata/data db_nameDM02 instance_nameDMSVR02 port_num5236 page_size16 extent_size3…...

编程日记 2025/7/6 15:14:59

Spring Boot – 入门 Web

MVC 架构的优点

Spring MVC

Spring MVC 与 REST API 配合使用

相关文章：