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

m0_748234082024-12-26 11:10

Spring Boot -- 入门 Web

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

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

MVC 架构

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

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（项目配置）

  • 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>

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

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

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

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

<label for="userText">Type Message : </label ><br/>

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

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

</form>

</body>

</html>

MVCController1.java（控制器）

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

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

该控制器有两种方法：

  1. get() -- 此方法在 GET 请求时调用，它绑定模型数据并返回视图。
  2. 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(第二个控制器)

该控制器有两种方法：

  1. get() -- 此方法使用由 MVCController 的 post() 方法转发的模型数据，并与其他模型数据一起返回视图。
  2. 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)

使用的一些重要注释是：

  1. @RestController -- 它是 @RequestMapping 和 @ResponseBody 注释的组合，它在响应主体中而不是作为视图返回数据。
  2. @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 等前端框架技术结合使用，可以请求数据并提供数据。

相关推荐
Minyy113 分钟前
SSM（SpringMVC+spring+mybatis）整合的步骤以及相关依赖
java·后端·spring·servlet·maven·intellij-idea·mybatis
xixixiLucky9 分钟前
RESTful学习笔记（一）
后端·restful
anyup_前端梦工厂11 分钟前
前端单元测试实战：如何开始？
前端·单元测试
拖孩15 分钟前
【Nova UI】十、打造组件库第一个组件-图标组件（下）：从.svg 到 SVG Vue 组件的高效蜕变✨
前端·javascript·vue.js
独立开阀者_FwtCoder23 分钟前
一张图讲清楚：Manus的技术架构
前端·javascript·面试
小鱼人爱编程24 分钟前
AI🔥助我！三分钟实现丐版前后端注册登录需求
前端·后端·deepseek
独立开阀者_FwtCoder25 分钟前
【CSS】2327- CSS view()：JavaScript 滚动动画的终结
前端·javascript·github
盛夏绽放27 分钟前
uni-app 状态管理深度解析：Vuex 与全局方案实战指南
前端·javascript·uni-app
Mr_兔子先生27 分钟前
2025盛夏版：Next.js15+Antd5开发部署SSR网站速通教程
前端·react.js·next.js
Sherlock Ma34 分钟前
CSS零基础入门笔记：狂神版
前端·css·程序人生·跳槽·css3·学习方法·改行学it
热门推荐
01YOLOv8改进 | 细节创新篇 | iAFF迭代注意力特征融合助力多目标细节涨点02我决定放弃搞 Java 了03RAG 实践- Ollama+RagFlow 部署本地知识库04KGG转MP3工具|非KGM文件|解密音频05Scipy||第三章 线性代数 (scipy.linalg)06DeepSeek各版本说明与优缺点分析07工欲善其事，必先利其器: 用 Trae 搭建 TypeScript 的开发环境08本地化部署AI知识库：基于Ollama+DeepSeek+AnythingLLM保姆级教程09汽车上的各种质量：整备质量、总质量、装载质量、簧上质量、簧下质量10YOLOv8改进 | 2023检测头篇 | 利用AFPN改进检测头适配YOLOv8版（全网独家创新）