用AI赚第一桶💰低成本搭建一套AI赚钱工具,源码可二开。 广告
# 验证表格输入 本指南将引导您完成配置Web应用程序表单以支持验证的过程。 ## 你会建立什么 您将构建一个简单的Spring MVC应用程序,该应用程序将接受用户输入并通过使用标准验证批注来检查输入。 您还将看到如何在屏幕上显示错误消息,以便用户可以重新输入以使其有效。 ## 你需要什么 * 约15分钟 * 最喜欢的文本编辑器或IDE * [JDK 1.8](http://www.oracle.com/technetwork/java/javase/downloads/index.html) 或更高版本 * [Gradle 4+](http://www.gradle.org/downloads) 或 [Maven 3.2+](https://maven.apache.org/download.cgi) * 您还可以将代码直接导入到IDE中: * [弹簧工具套件(STS)](https://spring.io/guides/gs/sts) * [IntelliJ IDEA](https://spring.io/guides/gs/intellij-idea/) ## 如何完成本指南 像大多数Spring 一样 [入门指南](https://spring.io/guides) ,您可以从头开始并完成每个步骤,也可以绕过您已经熟悉的基本设置步骤。 无论哪种方式,您最终都可以使用代码。 要 **从头开始** ,请继续进行“ [从Spring Initializr开始”](https://spring.io/guides/gs/validating-form-input/#scratch) 。 要 **跳过基础知识** ,请执行以下操作: * [下载](https://github.com/spring-guides/gs-validating-form-input/archive/master.zip) 并解压缩本指南的源存储库,或使用 对其进行克隆 [Git](https://spring.io/understanding/Git) : `git clone [https://github.com/spring-guides/gs-validating-form-input.git](https://github.com/spring-guides/gs-validating-form-input.git)` * 光盘进入 `gs-validating-form-input/initial` * 跳到 [创建一个 `PersonForm`对象](https://spring.io/guides/gs/validating-form-input/#initial) 。 **完成后** ,您可以根据中的代码检查结果 `gs-validating-form-input/complete`. ## 从Spring Initializr开始 如果您使用Maven,请访问 [Spring Initializr](https://start.spring.io/#!type=maven-project&language=java&platformVersion=2.4.4.RELEASE&packaging=jar&jvmVersion=1.8&groupId=com.example&artifactId=validating-form-input&name=validating-form-input&description=Demo%20project%20for%20Spring%20Boot&packageName=com.example.validating-form-input&dependencies=web,thymeleaf,validation) 以生成具有所需依赖项(Spring Web,Thymeleaf和Validation)的新项目。 以下清单显示了 `pom.xml` 选择Maven时创建的文件: ~~~ <?xml version="1.0" encoding="UTF-8"?> <project xmlns="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.4.4</version> <relativePath/> <!-- lookup parent from repository --> </parent> <groupId>com.example</groupId> <artifactId>validating-form-input</artifactId> <version>0.0.1-SNAPSHOT</version> <name>validating-form-input</name> <description>Demo project for Spring Boot</description> <properties> <java.version>1.8</java.version> </properties> <dependencies> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-validation</artifactId> </dependency> <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-starter-test</artifactId> <scope>test</scope> </dependency> </dependencies> <build> <plugins> <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> </plugin> </plugins> </build> </project> ~~~ 如果使用Gradle,请访问 [Spring Initializr](https://start.spring.io/#!type=gradle-project&language=java&platformVersion=2.4.4.RELEASE&packaging=jar&jvmVersion=1.8&groupId=com.example&artifactId=validating-form-input&name=validating-form-input&description=Demo%20project%20for%20Spring%20Boot&packageName=com.example.validating-form-input&dependencies=web,thymeleaf,validation) 以生成具有所需依赖项(Spring Web,Thymeleaf和Validation)的新项目。 以下清单显示了 `build.gradle` 选择Gradle时创建的文件: ~~~ plugins { id 'org.springframework.boot' version '2.4.4' id 'io.spring.dependency-management' version '1.0.11.RELEASE' id 'java' } group = 'com.example' version = '0.0.1-SNAPSHOT' sourceCompatibility = '1.8' repositories { mavenCentral() } dependencies { implementation 'org.springframework.boot:spring-boot-starter-validation' implementation 'org.springframework.boot:spring-boot-starter-thymeleaf' implementation 'org.springframework.boot:spring-boot-starter-web' testImplementation('org.springframework.boot:spring-boot-starter-test') } test { useJUnitPlatform() } ~~~ ### 手动初始化(可选) 如果要手动初始化项目而不是使用前面显示的链接,请按照以下步骤操作: 1. 导航到 [https://start.spring.io](https://start.spring.io) 。 该服务提取应用程序所需的所有依赖关系,并为您完成大部分设置。 2. 选择Gradle或Maven以及您要使用的语言。 本指南假定您选择了Java。 3. 单击 **Dependencies,** 然后选择 **Spring Web** , **Thymeleaf** 和 **Validation** 。 4. 点击 **生成** 。 5. 下载生成的ZIP文件,该文件是使用您的选择配置的Web应用程序的存档。 如果您的IDE集成了Spring Initializr,则可以从IDE中完成此过程。 ## 创建一个 `PersonForm` 目的 该应用程序涉及验证用户的姓名和年龄,因此您首先需要创建一个类来支持用于创建人的表单。 以下清单(来自 `src/main/java/com/example/validatingforminput/PersonForm.java`)显示了如何执行此操作: ~~~ package com.example.validatingforminput; import javax.validation.constraints.Min; import javax.validation.constraints.NotNull; import javax.validation.constraints.Size; public class PersonForm { @NotNull @Size(min=2, max=30) private String name; @NotNull @Min(18) private Integer age; public String getName() { return this.name; } public void setName(String name) { this.name = name; } public Integer getAge() { return age; } public void setAge(Integer age) { this.age = age; } public String toString() { return "Person(Name: " + this.name + ", Age: " + this.age + ")"; } } ~~~ 这 `PersonForm` 类具有两个属性: `name` 和 `age`。 它标记有一些标准的验证批注: * `@Size(min=2, max=30)`:允许名称长度在2到30个字符之间。 * `@NotNull`:不允许空值,如果条目为空,Spring MVC将生成空值。 * `@Min(18)`:不允许年龄小于18岁。 除此之外,您还可以看到 `name` 和 `age` 和一个方便的 `toString()` 方法。 ## 创建一个Web控制器 现在,您已经定义了一个表单支持对象,是时候创建一个简单的Web控制器了。 以下清单(来自 `src/main/java/com/example/validatingforminput/WebController.java`)显示了如何执行此操作: ~~~ package com.example.validatingforminput; import javax.validation.Valid; import org.springframework.stereotype.Controller; import org.springframework.validation.BindingResult; import org.springframework.web.bind.annotation.GetMapping; import org.springframework.web.bind.annotation.PostMapping; import org.springframework.web.servlet.config.annotation.ViewControllerRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurer; @Controller public class WebController implements WebMvcConfigurer { @Override public void addViewControllers(ViewControllerRegistry registry) { registry.addViewController("/results").setViewName("results"); } @GetMapping("/") public String showForm(PersonForm personForm) { return "form"; } @PostMapping("/") public String checkPersonInfo(@Valid PersonForm personForm, BindingResult bindingResult) { if (bindingResult.hasErrors()) { return "form"; } return "redirect:/results"; } } ~~~ 该控制器具有GET方法和POST方法。 两种方法都映射到 `/`. 这 `showForm` 方法返回 `form`模板。 它包括一个 `PersonForm` 在其方法签名中,以便模板可以将表单属性与 `PersonForm`. 这 `checkPersonInfo` 方法接受两个参数: * 一个 `personForm` 标有的对象 `@Valid` 收集表格中填写的属性。 * 一个 `bindingResult` 对象,以便您可以测试并检索验证错误。 您可以从表格中检索所有属性,该表格已绑定到 `PersonForm`目的。 在代码中,您测试错误。 如果遇到错误,则可以将用户送回原来的位置 `form`模板。 在这种情况下,将显示所有错误属性。 如果此人的所有属性均有效,则它将浏览器重定向到最终 `results` 模板。 ## 构建一个HTML前端 现在构建“主页”页面,如下清单(从 `src/main/resources/templates/form.html`)显示: ~~~ <!DOCTYPE HTML> <html xmlns:th="http://www.thymeleaf.org"> <body> <form action="#" th:action="@{/}" th:object="${personForm}" method="post"> <table> <tr> <td>Name:</td> <td><input type="text" th:field="*{name}" /></td> <td th:if="${#fields.hasErrors('name')}" th:errors="*{name}">Name Error</td> </tr> <tr> <td>Age:</td> <td><input type="text" th:field="*{age}" /></td> <td th:if="${#fields.hasErrors('age')}" th:errors="*{age}">Age Error</td> </tr> <tr> <td><button type="submit">Submit</button></td> </tr> </table> </form> </body> </html> ~~~ 该页面包含一个简单的表单,其每个字段都位于表中的单独单元格中。 该表格适合邮寄到 `/`。 它被标记为由 `personForm` 您在 `GET`Web控制器中的方法。 这就是所谓的“豆类支持形式”。 有两个字段 `PersonForm` 豆,您会看到它们被标记为 `th:field="*{name}"` 和 `th:field="*{age}"`。 每个字段旁边是一个辅助元素,用于显示任何验证错误。 最后,您有一个提交表单的按钮。 通常,如果用户输入的名称或年龄违反了 `@Valid`约束,它会跳回到该页面,并显示错误消息。 如果输入了有效的姓名和年龄,则该用户将被转到下一个网页。 以下示例(摘自 `src/main/resources/templates/results.html`)显示结果页面: ~~~ <html> <body> Congratulations! You are old enough to sign up for this site. </body> </html> ~~~ 在这个简单的示例中,这些网页没有任何复杂的CSS或JavaScript。 ## 运行应用程序 对于此应用程序,您正在使用 的模板语言 [Thymeleaf](https://www.thymeleaf.org/doc/tutorials/3.0/thymeleafspring.html) 。 此应用程序需要的不仅仅是原始HTML。 Spring Initializr为您创建了一个应用程序类。 以下清单(来自 `src/main/java/com/example/validatingforminput/ValidatingFormInputApplication.java`)显示该类: ~~~ package com.example.validatingforminput; import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication; @SpringBootApplication public class ValidatingFormInputApplication { public static void main(String[] args) throws Exception { SpringApplication.run(ValidatingFormInputApplication.class, args); } } ~~~ 要激活Spring MVC,通常需要添加 `@EnableWebMvc` 到 `Application`班级。 但是Spring Boot的 `@SpringBootApplication` 在检测到时已经添加了此注释 `spring-webmvc`在您的课程路径上。 通过相同的注释,可以找到被注释的对象 `@Controller` 类及其方法。 Thymeleaf的配置也由 `@SpringBootApplication`。 默认情况下,模板位于以下路径中的类路径中 `templates/`并通过删除文件名中的'.html'后缀来解析为视图。 (可以根据需要实现的方式以多种方式更改和覆盖Thymeleaf设置,但详细信息与本指南无关。) ### 建立可执行的JAR 您可以使用Gradle或Maven从命令行运行该应用程序。 您还可以构建一个包含所有必需的依赖项,类和资源的可执行JAR文件,然后运行该文件。 生成可执行jar使得在整个开发生命周期中,跨不同环境等等的情况下,都可以轻松地将服务作为应用程序进行发布,版本控制和部署。 如果您使用Gradle,则可以通过使用以下命令运行该应用程序 `./gradlew bootRun`。 或者,您可以通过使用以下命令构建JAR文件: `./gradlew build` 然后运行JAR文件,如下所示: ~~~ java -jar build/libs/gs-validating-form-input-0.1.0.jar ~~~ 如果您使用Maven,则可以通过使用以下命令运行该应用程序 `./mvnw spring-boot:run`。 或者,您可以使用以下命令构建JAR文件: `./mvnw clean package` 然后运行JAR文件,如下所示: ~~~ java -jar target/gs-validating-form-input-0.1.0.jar ~~~ 此处描述的步骤将创建可运行的JAR。 您还可以 构建经典的WAR文件 。 该应用程序应在几秒钟内启动并运行。 如果您访问 `[http://localhost:8080/](http://localhost:8080/)`,您应该会看到如下图所示的内容: ![有效01](https://raw.githubusercontent.com/spring-guides/gs-validating-form-input/master/images/valid-01.png) 以下一对图像显示了如果您输入以下内容会发生什么 `N` 为名称和 `15`适合您的年龄,然后点击 **Submit** : ![有效02](https://raw.githubusercontent.com/spring-guides/gs-validating-form-input/master/images/valid-02.png) ![有效03](https://raw.githubusercontent.com/spring-guides/gs-validating-form-input/master/images/valid-03.png) 上图显示,因为这些值违反了 `PersonForm`上课,您会跳回到“主页”页面。 请注意,如果 单击“ **提交** 在输入框中 什么都不 ”,则会出现另一个错误,如下图所示: ![有效04](https://raw.githubusercontent.com/spring-guides/gs-validating-form-input/master/images/valid-04.png) 如果您输入有效的姓名和年龄,您最终会进入 `results` 页面,如下图所示: ![有效05](https://raw.githubusercontent.com/spring-guides/gs-validating-form-input/master/images/valid-05.png) ## 概括 恭喜你! 您已经编写了一个简单的Web应用程序,并在域对象中内置了验证功能。 这样,您可以确保数据符合特定条件,并且用户可以正确输入数据。