【练习】Form Input

最新推荐文章于 2024-09-04 15:29:36 发布

m0_59348479

最新推荐文章于 2024-09-04 15:29:36 发布

阅读量114

点赞数

文章标签： html5 java html

本文链接：https://blog.csdn.net/m0_59348479/article/details/120457045

版权

目的：创建一个简单的spring MVC应用，该应用接受用户输入并使用标准验证注释检查输入，也可以看到如何在屏幕上显示错误信息，以便用户可以重新输入来使它有效。

1、用https://start.spring.io/创建Spring Web, Thymeleaf, Validation项目并下载

2、Create a PersonForm Object 创建一个PersonForm对象

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 + ")";
   }
}

3、Create a Web Controller创建一个Web控制器

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";
}
}

4、Build an HTML Front End 构建一个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>

The following example (from src/main/resources/templates/results.html) shows the results page

<html>
   <body>
       Congratulations! You are old enough to sign up for this site.
   </body>
</html>

5、Run the Application运行应用程序

m0_59348479

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【练习】Form Input

目的：创建一个简单的spring MVC应用，该应用接受用户输入并使用标准验证注释检查输入，也可以看到如何在屏幕上显示错误信息，以便用户可以重新输入来使它有效。1、用https://start.spring.io/创建Spring Web, Thymeleaf, Validation项目并下载2、Create a PersonForm Object 创建一个PersonForm对象package com.example.validatingforminput;import ...
复制链接

扫一扫