百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程字典 > 正文

Spring认证指南了解如何使用 Spring 创建和提交 Web 表单

toyiye 2024-06-21 12:19 15 浏览 0 评论

原标题:Spring认证指南|了解如何使用 Spring 创建和提交 Web 表单。

本指南将引导您完成使用 Spring 创建和提交 Web 表单的过程。

你将建造什么

在本指南中,您将构建一个 Web 表单,可通过以下 URL 访问该表单:http://localhost:8080/greeting

在浏览器中查看此页面将显示表单。id您可以通过填充和content表单字段来提交问候语。提交表单时将显示结果页面。

你需要什么

  • 约15分钟
  • 最喜欢的文本编辑器或 IDE
  • JDK 11或更高版本
  • Gradle 4+或Maven 3.2+
  • 您还可以将代码直接导入 IDE:
    • 弹簧工具套件 (STS)
    • IntelliJ IDEA

如何完成本指南

像大多数 Spring入门指南一样,您可以从头开始并完成每个步骤,也可以绕过您已经熟悉的基本设置步骤。无论哪种方式,您最终都会得到工作代码。

从头开始,请继续从 Spring Initializr 开始。

跳过基础知识,请执行以下操作:

  • 下载并解压本指南的源代码库,或使用Git克隆它:git clone https://github.com/spring-guides/gs-handling-form-submission.git
  • 光盘进入gs-handling-form-submission/initial
  • 跳转到创建 Web 控制器。

完成后,您可以对照中的代码检查结果gs-handling-form-submission/complete

从 Spring Initializr 开始

您可以使用这个预先初始化的项目并单击 Generate 下载 ZIP 文件。此项目配置为适合本教程中的示例。

手动初始化项目:

  1. 导航到https://start.spring.io。该服务提取应用程序所需的所有依赖项,并为您完成大部分设置。
  2. 选择 Gradle 或 Maven 以及您要使用的语言。本指南假定您选择了 Java。
  3. 单击Dependencies并选择Spring WebThymeleaf
  4. 单击生成
  5. 下载生成的 ZIP 文件,该文件是根据您的选择配置的 Web 应用程序的存档。

如果您的 IDE 具有 Spring Initializr 集成,您可以从您的 IDE 完成此过程。

你也可以从 Github 上 fork 项目并在你的 IDE 或其他编辑器中打开它。

创建 Web 控制器

在 Spring 构建网站的方法中,HTTP 请求由控制器处理。这些组件很容易通过@Controller注释识别。以下GreetingController清单中的 (from )通过返回 a 的名称(在本例中src/main/java/com/example/handlingformsubmission/GreetingController.java为 )来处理 GET 请求。以下负责呈现 HTML 内容:/greetingViewgreetingView

package com.example.handlingformsubmission;

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

@Controller
public class GreetingController {

  @GetMapping("/greeting")
  public String greetingForm(Model model) {
    model.addAttribute("greeting", new Greeting());
    return "greeting";
  }

  @PostMapping("/greeting")
  public String greetingSubmit(@ModelAttribute Greeting greeting, Model model) {
    model.addAttribute("greeting", greeting);
    return "result";
  }

}复制

这个控制器简洁明了,但有很多事情要做。本节的其余部分将逐步对其进行分析。

映射注释允许您将 HTTP 请求映射到特定的控制器方法。此控制器中的两个方法都映射到/greeting. 您可以使用@RequestMapping(默认情况下,它映射所有 HTTP 操作,例如GETPOST等)。但是,在这种情况下,该greetingForm()方法具体映射到GETusing @GetMapping,而greetingSubmit()映射到POSTwith @PostMapping。此映射使控制器能够区分对/greeting端点的请求。

greetingForm()方法使用一个对象向视图模板Model公开一个新对象。以下代码中的对象 (from Greeting)包含与视图中的表单字段相对应的字段,例如和,用于从表单中捕获信息:Greetingsrc/main/java/com/example/handlingformsubmission/Greeting.javaidcontentgreeting

package com.example.handlingformsubmission;

public class Greeting {

  private long id;
  private String content;

  public long getId() {
    return id;
  }

  public void setId(long id) {
    this.id = id;
  }

  public String getContent() {
    return content;
  }

  public void setContent(String content) {
    this.content = content;
  }

}复制

greeting方法体的实现依赖于视图技术,通过将视图名称(在这种情况下,我们使用Thymeleaf解析greeting.html模板并评估各种模板表达式以呈现表单。以下清单(来自src/main/resources/templates/greeting.html)显示了greeting模板:

<!DOCTYPE HTML>
<html xmlns:th="https://www.thymeleaf.org">
<head> 
    <title>Getting Started: Handling Form Submission</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<h1>Form</h1>
    <form action="#" th:action="@{/greeting}" th:object="${greeting}" method="post">
    	<p>Id: <input type="text" th:field="*{id}" /></p>
        <p>Message: <input type="text" th:field="*{content}" /></p>
        <p><input type="submit" value="Submit" /> <input type="reset" value="Reset" /></p>
    </form>
</body>
</html>复制

表达式将th:action="@{/greeting}"表单定向到 POST 到/greeting端点,而th:object="${greeting}"表达式声明模型对象用于收集表单数据。用和表示的两个表单字段对应于对象中的字段。th:field="{id}"th:field="{content}"Greeting

这涵盖了用于呈现表单的控制器、模型和视图。现在我们可以查看提交表单的过程。如前所述,表单/greeting通过POST调用提交到端点。该greetingSubmit()方法接收Greeting由表单填充的对象。Greeting是 a ,因此@ModelAttribute它绑定到传入的表单内容。result另外,提交的数据可以通过名称引用(默认为方法参数的名称,greeting在本例中为)来呈现在视图中。在表达式id中呈现。<p th:text="'id: ' + ${greeting.id}" />同样,在表达式content中呈现。<p th:text="'content: ' + ${greeting.content}" />以下清单(来自src/main/resources/templates/result.html)显示了结果模板:

<!DOCTYPE HTML>
<html xmlns:th="https://www.thymeleaf.org">
<head> 
    <title>Getting Started: Handling Form Submission</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<h1>Result</h1>
    <p th:text="'id: ' + ${greeting.id}" />
    <p th:text="'content: ' + ${greeting.content}" />
    <a href="/greeting">Submit another message</a>
</body>
</html>复制

为清楚起见,此示例使用两个单独的视图模板来呈现表单并显示提交的数据。但是,您可以将单个视图用于这两个目的。

使应用程序可执行

尽管您可以将此服务打包为传统的 WAR 文件以部署到外部应用程序服务器,但更简单的方法是创建一个独立的应用程序。您将所有内容打包在一个可执行的 JAR 文件中,由一个很好的旧 Javamain()方法驱动。在此过程中,您使用 Spring 对嵌入 Tomcat servlet 容器作为 HTTP 运行时的支持,而不是部署到外部实例。以下清单(来自src/main/java/com/example/handlingformsubmission/HandlingFormSubmissionApplication.java)显示了应用程序类:

package com.example.handlingformsubmission;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;

@SpringBootApplication
public class HandlingFormSubmissionApplication {

  public static void main(String[] args) {
    SpringApplication.run(HandlingFormSubmissionApplication.class, args);
  }

}复制

@SpringBootApplication是一个方便的注释,它添加了以下所有内容:

  • @Configuration: 将类标记为应用程序上下文的 bean 定义源。
  • @EnableAutoConfiguration:告诉 Spring Boot 根据类路径设置、其他 bean 和各种属性设置开始添加 bean。例如,如果spring-webmvc位于类路径上,则此注释将应用程序标记为 Web 应用程序并激活关键行为,例如设置DispatcherServlet.
  • @ComponentScan: 告诉 Spring 在包中查找其他组件、配置和服务com/example,让它找到控制器。

main()方法使用 Spring Boot 的SpringApplication.run()方法来启动应用程序。您是否注意到没有一行 XML?也没有web.xml文件。这个 Web 应用程序是 100% 纯 Java,您不必处理任何管道或基础设施的配置。

构建一个可执行的 JAR

您可以使用 Gradle 或 Maven 从命令行运行应用程序。您还可以构建一个包含所有必要依赖项、类和资源的单个可执行 JAR 文件并运行它。构建可执行 jar 可以在整个开发生命周期、跨不同环境等中轻松地作为应用程序交付、版本化和部署服务。

如果您使用 Gradle,则可以使用./gradlew bootRun. 或者,您可以使用构建 JAR 文件./gradlew build,然后运行 ?JAR 文件,如下所示:

java -jar build/libs/gs-handling-form-submission-0.1.0.jar

如果您使用 Maven,则可以使用./mvnw spring-boot:run. 或者,您可以使用构建 JAR 文件,./mvnw clean package然后运行该 JAR 文件,如下所示:

java -jar 目标/gs-handling-form-submission-0.1.0.jar

此处描述的步骤创建了一个可运行的 JAR。您还可以构建经典的 WAR 文件。

显示记录输出。该服务应在几秒钟内启动并运行。

测试服务

现在网站正在运行,访问http://localhost:8080/greeting,您会看到以下表单:

提交 ID 和消息以查看结果:

概括

恭喜!您刚刚使用 Spring 创建并提交了一个表单。

#spring认证##java#

相关推荐

Spring中国教育管理中心

Spring认证指南:如何构建使用Spring Integration来获取数据

Spring认证指南:了解如何使用 Spring 执行表单验证

相关推荐

为何越来越多的编程语言使用JSON(为什么编程)

JSON是JavascriptObjectNotation的缩写,意思是Javascript对象表示法,是一种易于人类阅读和对编程友好的文本数据传递方法,是JavaScript语言规范定义的一个子...

何时在数据库中使用 JSON(数据库用json格式存储)

在本文中,您将了解何时应考虑将JSON数据类型添加到表中以及何时应避免使用它们。每天?分享?最新?软件?开发?,Devops,敏捷?,测试?以及?项目?管理?最新?,最热门?的?文章?,每天?花?...

MySQL 从零开始:05 数据类型(mysql数据类型有哪些,并举例)

前面的讲解中已经接触到了表的创建,表的创建是对字段的声明,比如:上述语句声明了字段的名称、类型、所占空间、默认值和是否可以为空等信息。其中的int、varchar、char和decimal都...

JSON对象花样进阶(json格式对象)

一、引言在现代Web开发中,JSON(JavaScriptObjectNotation)已经成为数据交换的标准格式。无论是从前端向后端发送数据,还是从后端接收数据,JSON都是不可或缺的一部分。...

深入理解 JSON 和 Form-data(json和formdata提交区别)

在讨论现代网络开发与API设计的语境下,理解客户端和服务器间如何有效且可靠地交换数据变得尤为关键。这里,特别值得关注的是两种主流数据格式:...

JSON 语法(json 语法 priority)

JSON语法是JavaScript语法的子集。JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组JS...

JSON语法详解(json的语法规则)

JSON语法规则JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔大括号保存对象中括号保存数组注意:json的key是字符串,且必须是双引号,不能是单引号...

MySQL JSON数据类型操作(mysql的json)

概述mysql自5.7.8版本开始,就支持了json结构的数据存储和查询,这表明了mysql也在不断的学习和增加nosql数据库的有点。但mysql毕竟是关系型数据库,在处理json这种非结构化的数据...

JSON的数据模式(json数据格式示例)

像XML模式一样,JSON数据格式也有Schema,这是一个基于JSON格式的规范。JSON模式也以JSON格式编写。它用于验证JSON数据。JSON模式示例以下代码显示了基本的JSON模式。{"...

前端学习——JSON格式详解(后端json格式)

JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScriptProgrammingLa...

什么是 JSON:详解 JSON 及其优势(什么叫json)

现在程序员还有谁不知道JSON吗?无论对于前端还是后端,JSON都是一种常见的数据格式。那么JSON到底是什么呢?JSON的定义...

PostgreSQL JSON 类型:处理结构化数据

PostgreSQL提供JSON类型,以存储结构化数据。JSON是一种开放的数据格式,可用于存储各种类型的值。什么是JSON类型?JSON类型表示JSON(JavaScriptO...

JavaScript:JSON、三种包装类(javascript 包)

JOSN:我们希望可以将一个对象在不同的语言中进行传递,以达到通信的目的,最佳方式就是将一个对象转换为字符串的形式JSON(JavaScriptObjectNotation)-JS的对象表示法...

Python数据分析 只要1分钟 教你玩转JSON 全程干货

Json简介:Json,全名JavaScriptObjectNotation,JSON(JavaScriptObjectNotation(记号、标记))是一种轻量级的数据交换格式。它基于J...

比较一下JSON与XML两种数据格式?(json和xml哪个好)

JSON(JavaScriptObjectNotation)和XML(eXtensibleMarkupLanguage)是在日常开发中比较常用的两种数据格式,它们主要的作用就是用来进行数据的传...

取消回复欢迎 发表评论:

请填写验证码