理论

前端页面如何发送给后端页面：

SpringMVC自动将请求参数和入参对象的属性进行一一绑定；要求请求参数的名字和javaBean对象入参一样。

最后跳转的时候要注意：

redirect：表示重定向到一个地址； / 代表当前项目路径；

forward：为转发；

演示及源码

程序运行截图如下：

填写表单后提交：

程序结构如下：

源码如下：

MyMvcConfig.java

package adddatademo.demo.config;import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;@Configuration
public class MyMvcConfig {@Beanpublic WebMvcConfigurerAdapter webMvcConfigurerAdapter(){WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {@Overridepublic void addViewControllers(ViewControllerRegistry registry) {registry.addViewController("/").setViewName("index");registry.addViewController("/index.html").setViewName("index");}};return adapter;}
}

EmployeeController.java

package adddatademo.demo.controller;import adddatademo.demo.data.DepartmentData;
import adddatademo.demo.data.EmployeeData;
import adddatademo.demo.entities.Department;
import adddatademo.demo.entities.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PostMapping;import java.util.Collection;@Controller
public class EmployeeController {@AutowiredEmployeeData employeeData;@AutowiredDepartmentData departmentData;//获取部门信息@GetMapping("/")public String toAddPage(Model model){Collection<Department> departments = departmentData.getDepartments();model.addAttribute("depts",departments);return "index";}//添加@PostMapping("/")public String addEmp(Employee employee){System.out.println(employee);employeeData.save(employee);return "redirect:/";}
}

DepartmentData.java

package adddatademo.demo.data;import adddatademo.demo.entities.Department;
import org.springframework.stereotype.Repository;import java.util.Collection;
import java.util.HashMap;
import java.util.Map;@Repository
public class DepartmentData {private static Map<Integer, Department> departments = null;static{departments = new HashMap<Integer, Department>();departments.put(100, new Department(100,"开发组"));departments.put(101, new Department(101,"运维组"));departments.put(102, new Department(102,"吃饭组"));}public Collection<Department> getDepartments(){return departments.values();}public Department getDepartment(Integer id){return departments.get(id);}
}

EmployeeData.java

package adddatademo.demo.data;import adddatademo.demo.entities.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;import java.util.HashMap;
import java.util.Map;@Repository
public class EmployeeData {private static Map<Integer, Employee> employees = null;@Autowiredprivate DepartmentData departmentData;static{employees = new HashMap<Integer, Employee>();}private static Integer initId = 1000;public void save(Employee employee){if(employee.getId() == null){employee.setId(initId++);}employee.setDepartment(departmentData.getDepartment(employee.getDepartment().getId()));employees.put(employee.getId(), employee);}
}

Department.java

package adddatademo.demo.entities;public class Department {private Integer id;private String departmentName;public Department(){}public Department(Integer id, String departmentName) {this.id = id;this.departmentName = departmentName;}public Integer getId() {return id;}public void setId(Integer id) {this.id = id;}public String getDepartmentName() {return departmentName;}public void setDepartmentName(String departmentName) {this.departmentName = departmentName;}@Overridepublic String toString() {return "Department{" +"id=" + id +", departmentName='" + departmentName + '\'' +'}';}
}

Employee.java

package adddatademo.demo.entities;import java.util.Date;public class Employee {private Integer id;private String name;private String email;//1 male, 0 femaleprivate Integer gender;private Department department;private Date birth;public Integer getId() {return id;}public void setId(Integer id) {this.id = id;}public String getName() {return name;}public void setName(String name) {this.name = name;}public String getEmail() {return email;}public void setEmail(String email) {this.email = email;}public Integer getGender() {return gender;}public void setGender(Integer gender) {this.gender = gender;}public Department getDepartment() {return department;}public void setDepartment(Department department) {this.department = department;}public Date getBirth() {return birth;}public void setBirth(Date birth) {this.birth = birth;}public Employee(Integer id, String name, String email, Integer gender, Department department, Date birth) {this.id = id;this.name = name;this.email = email;this.gender = gender;this.department = department;this.birth = birth;}public Employee(){}@Overridepublic String toString() {return "Employee{" +"id=" + id +", name='" + name + '\'' +", email='" + email + '\'' +", gender=" + gender +", department=" + department +", birth=" + birth +'}';}
}

index.html

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Title</title><link href="#" th:href="@{/webjars/bootstrap/4.0.0/css/bootstrap.css}" rel="stylesheet">
</head>
<body><form th:action="@{/}" method="post"><input type="hidden" name="_method" value="put" th:if="${emp!=null}"/><input type="hidden" name="id" th:if="${emp!=null}" th:value="${emp.id}"><div class="form-group"><label>姓名</label><input name="name" type="text" class="form-control" placeholder="IT1995" th:value="${emp!=null}?${emp.lastName}"></div><div class="form-group"><label>邮箱</label><input name="email" type="email" class="form-control" placeholder="570176391@qq.com" th:value="${emp!=null}?${emp.email}"></div><div class="form-group"><label>性别</label><br/><div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="gender" value="1" th:checked="${emp!=null}?${emp.gender==1}"><label class="form-check-label">男</label></div><div class="form-check form-check-inline"><input class="form-check-input" type="radio" name="gender" value="0" th:checked="${emp!=null}?${emp.gender==0}"><label class="form-check-label">女</label></div></div><div class="form-group"><label>部门</label><!--提交的是部门的id--><select class="form-control" name="department.id"><option th:selected="${emp!=null}?${dept.id == emp.department.id}" th:value="${dept.id}" th:each="dept:${depts}" th:text="${dept.departmentName}">1</option></select></div><div class="form-group"><label>生日</label><input name="birth" type="text" class="form-control" placeholder="2019/3/12" th:value="${emp!=null}?${#dates.format(emp.birth, 'yyyy-MM-dd HH:mm')}"></div><button type="submit" class="btn btn-primary" th:text="${emp!=null}?'修改':'添加'">添加</button>
</form></body>
</html>

porn.xml

<?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 http://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>1.5.19.RELEASE</version><relativePath/> <!-- lookup parent from repository --></parent><groupId>com.loginWebDemo</groupId><artifactId>demo</artifactId><version>0.0.1-SNAPSHOT</version><name>loginWeb</name><description>Demo project for Spring Boot</description><properties><java.version>1.8</java.version><thymeleaf.version>3.0.9.RELEASE</thymeleaf.version><thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version></properties><dependencies><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><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><!--引入jquery-webjar--><dependency><groupId>org.webjars</groupId><artifactId>jquery</artifactId><version>3.3.1</version></dependency><!--引入bootstrap--><dependency><groupId>org.webjars</groupId><artifactId>bootstrap</artifactId><version>4.0.0</version></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build></project>

Spring Boot提交表单信息相关推荐

第 27 讲 SpringBoot提交表单信息
第27讲 SpringBoot提交表单信息文章目录第27讲 SpringBoot提交表单信息 1. 引入依赖:pom.xml 2. 引入前端文件 2.1 greet.html 2.2 result ...
java jquery提交表单数据_[Java教程]jquery实现ajax提交表单信息
[Java教程]jquery实现ajax提交表单信息 0 2016-08-23 15:00:08 最近在思考优化项目,想自己扩展一个jquery自动获取表单中的数据进行ajax提交.本人没有完整性学习 ...
method属性值为get提交表单信息，为什么在地址栏不会显示呢。
method属性值为get提交表单信息,为什么在地址栏不会显示呢. <!DOCTYPE html> <html lang="en"> <head> ...
SpringMVC使用form标签提交表单信息出现Invalid property 'department' of bean class的问题及解决办法
首先先贴出原代码 <form:form action="emp" method="POST" modelAttribute="employee& ...
java post 登陆_java HttpPost 密码登录和提交表单的案例
记录java HttpPost 密码登录鉴权和提交表单的案例,使用的是httppost而不是HttpURLConnection httpost需要下面的依赖 org.apache.httpcompon ...
4.jQuery中Ajax提交表单数据
目录 1 表单的同步提交 2 Ajax监听表单提交事件 submit 3 阻止表单的默认提交行为 e.preventDefault() 4 获取表单内的数据 4.1 字符串型 serializ ...
Spring boot + maven + jetty9在提交表单的时候出现Form too large
使用Spring boot + maven + jetty9 提交表单的时候,表单过长时,会在org.eclipse.jetty.server.Requset抛出Form too large:XXX ...
Spring MVC与表单日期提交的问题
Spring MVC与表单日期提交的问题 spring mvc 本身并不提供日期类型的解析器,需要手工绑定, 否则会出现非法参数异常. org.springframework.beans.BeanIn ...
php表单退出怎么写,PHP提交表单失败后如何保留填写的信息
[导读]本文章来给各位同学介绍PHP提交表单失败后如何保留填写的信息一些方法总结,最常用的就是使用缓存方式了,这种方法如果网速慢是可能出问题的,最好的办法就是使用ajax了.1．使用header头设置 ...

Spring Boot提交表单信息

理论

演示及源码

Spring Boot提交表单信息相关推荐

最新文章

热门文章