• SpringMVC实现接收前端的数据（从一个网页输入数据，然后将数据提交到另外一个网页，并进行输出）

    恰巧此时，两手空空才无限拥有。

    7dee448613164395abba513560cf185a.jpg

    实现简单数据的传递

    实现网页数据的提交从一个网页输出数据，将输入的数据提交到另外的一个网页

    注意：SpringMVC项目在实现之前都必须进行环境的搭建

    SpringMVC项目环境的基础搭配

    一：创建提交书单页面

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: lenovo
    4.   Date: 2022/11/5
    5.   Time: 14:54
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <html>
    10. <head>
    11.     <title>Booktitle>
    12. head>
    13. <body>
    14. <h1>图书h1>
    15. <form action="/book2" method="post">
    16.     <table>
    17.         <tr>
    18.             <td>样书td>
    19.             <td><input type="text" name="name">td>
    20.         tr>
    21.         <tr>
    22.             <td>作者td>
    23.             <td><input type="text" name="author">td>
    24.         tr>
    25.         <tr>
    26.             <td>价格td>
    27.             <td><input type="text" name="price">td>
    28.         tr>
    29.         <tr>
    30.             <td><input type="submit"value="提交">td>
    31.         tr>
    32.     table>
    33. form>
    34. body>
    35. html>

    二：获取第一步提交的数据，并打印在一个新的网页上

    1. import org.springframework.stereotype.Controller;
    2. import org.springframework.web.bind.annotation.*;
    3.  
    4. @Controller
    5. public class controller_book1 {
    6.     @GetMapping("/book")
    7.     public String book(){
    8.         return "book";
    9.     }
    10.  
    11.     @RequestMapping(value = "/book2",method = RequestMethod.POST,produces = "text/html;charset=utf-8")  //produces参数：设置字符格式UTF-8
    12.     @ResponseBody
    13.     public String play(String name,String author,double price){
    14.         return name +"----"+author+"----"+price;  //打印获取的数据
    15.     }
    16. }

    三：因为我们在网页输入的数据如果没有进行配置的话，肯定会显示乱码如下面情况

    08fa16e740b147c683982f427f827373.png

     正常情况下，英文 数字都可以进行输出，但是汉字却无法进行正常的输出，对于这种情况我们要对web.xml进行配置

    1. "1.0" encoding="UTF-8"?>
    2. <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
    3.          xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    4.          xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
    5.          version="4.0">
    14.  
    15.  
    17.     <servlet>
    18.         <servlet-name>springmvcservlet-name>
    19.         <servlet-class>org.springframework.web.servlet.DispatcherServletservlet-class>
    20.         <init-param>
    21.             <param-name>contextConfigLocationparam-name>
    22.             <param-value>classpath:springmvc_demo1.xmlparam-value>
    23.         init-param>
    24.     servlet>
    25.     <servlet-mapping>
    26.         <servlet-name>springmvcservlet-name>
    27.         <url-pattern>/url-pattern>
    28.     servlet-mapping>
    29.  
    31.     <filter>
    32.         <filter-name>encodingfilter-name>
    33.         <filter-class>org.springframework.web.filter.CharacterEncodingFilterfilter-class>
    34.         <init-param>
    35.             <param-name>encodingparam-name>
    36.             <param-value>UTF-8param-value>
    37.         init-param>
    38.         <init-param>
    39.             <param-name>forceRequestEncodingparam-name>
    40.             <param-value>trueparam-value>
    41.         init-param>
    42.         <init-param>
    43.             <param-name>forceResponseEncodingparam-name>
    44.             <param-value>trueparam-value>
    45.         init-param>
    46.     filter>
    47.     <filter-mapping>
    48.         <filter-name>encodingfilter-name>
    49.         <url-pattern>/*url-pattern>
    50.     filter-mapping>
    51. web-app>

    结果演示：

    执行项目

    d0fdac736cbc4d64bc740078d4283510.png

     输入内容点击提交

    网页跳转

    e733a252df2a4fe68122bf16bc4f4a38.png

    实现对象数据的传递

    上面主要介绍了简单数据的传递，接下来介绍实体类的数据进行传递

    创建book.jsp通过form将数据传递到控制器中

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: lenovo
    4.   Date: 2022/11/5
    5.   Time: 14:54
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <html>
    10. <head>
    11.     <title>Booktitle>
    12. head>
    13. <body>
    14. <h1>图书h1>
    15. <form action="/play3" method="post">
    16.     <table>
    17.         <tr>
    18.             <td>样书td>
    19.             <td><input type="text" name="name">td>
    20.         tr>
    21.         <tr>
    22.             <td>价格td>
    23.             <td><input type="text" name="price">td>
    24.         tr>
    25.  
    26.         <tr>
    27.             <td><input type="submit"value="提交">td>
    28.         tr>
    29.     table>
    30. form>
    31. body>
    32. html>

    在控制器接受数据，上面的方法是通过定义字符串来接受前端传入的数据。在这里将通过一种新的方法来接受数据，就是创一个实体类，将接受的数据传入的实体类，然后在进行打印输出

    创建接受数据的实体类

    1. package controller;
    2.  
    3. //将前端传入的数据全都保存在这个类，然后进行输出
    4.  
    5. import javax.xml.crypto.Data;
    6. import java.util.Date;
    7.  
    8. public class book {
    9.     private String name;
    10.     private String author;
    11.     private double price;
    12.  
    13.     @Override
    14.     public String toString() {
    15.         return "book{" +
    16.                 "name='" + name + '\'' +
    17.                 ", author=" + author +
    18.                 ", price=" + price +
    19.                 '}';
    20.     }
    21.  
    22.     public String getAuthor() {
    23.         return author;
    24.     }
    25.  
    26.     public void setAuthor(String author) {
    27.         this.author = author;
    28.     }
    29.  
    30.     public String getName() {
    31.         return name;
    32.     }
    33.  
    34.     public void setName(String name) {
    35.         this.name = name;
    36.     }
    37.  
    38.  
    39.     public double getPrice() {
    40.         return price;
    41.     }
    42.  
    43.     public void setPrice(double price) {
    44.         this.price = price;
    45.     }
    46. }

    在控制器中接收数据，并将接收的数据传递到创建的对象里，然后进行打印输出

    1.     @RequestMapping(value = "/play3",produces = "text/html;charset=utf-8")
    2.     @ResponseBody
    3.     public String play3(book1 book){
    4.         return book.toString();
    5.     }

    执行项目：

     点击提交：将前端传入的数据进行打印

    自定义参数

    在前端上传的数据，并不是全部都能够识别的，我们需要自定义参数的识别类能够识别前端传来的数据，上面所讲述的前端上传的数据类型都是系统自动转换的，但是还有一部分数据是系统无法自动转换的，这时候我们需要将前端传来的数据转换成能够识别的系统。

    以时间为例：

    配置网页：

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: lenovo
    4.   Date: 2022/11/5
    5.   Time: 14:54
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <html>
    10. <head>
    11.     <title>Booktitle>
    12. head>
    13. <body>
    14. <h1>图书h1>
    15. <form action="/play3" method="post">
    16.     <table>
    17.         <tr>
    18.             <td>出版时间td>
    19.             <td><input type="date" name="time">td>
    20.         tr>
    21.         <tr>
    22.             <td>样书td>
    23.             <td><input type="text" name="name">td>
    24.         tr>
    25.         <tr>
    26.             <td>样书td>
    27.             <td><input type="text" name="author">td>
    28.         tr>
    29.         <tr>
    30.             <td>作者td>
    31.             <td><input type="text" name="author.name">td>
    32.         tr>
    33.  
    34.         <tr>
    35.             <td>年龄td>
    36.             <td><input type="text" name="author.age">td>
    37.         tr>
    38.         <tr>
    39.             <td>价格td>
    40.             <td><input type="text" name="price">td>
    41.         tr>
    42.  
    43.         <tr>
    44.             <td><input type="submit"value="提交">td>
    45.         tr>
    46.     table>
    47. form>
    48. body>
    49. html>

    结果：

     如果按照上面的配置内容点击提交，会出现下面错误，所以我们要通过自定义参数配置使系统来接收前端传来的数据

     配置自定义参数类：

    1. package controller;
    2.  
    3. //参数接收并不是全部都能进行输出的，，但是我们可以自定参数类型
    4.  
    5. import org.springframework.core.convert.converter.Converter;
    6.  
    7. import org.springframework.stereotype.Controller;
    8.  
    9. import java.text.ParseException;
    10. import java.text.SimpleDateFormat;
    11. import java.util.Date;
    12. @Controller
    13. public class custom implements Converter {   //实现Converter接口并将Date类型转换成String类型的数据
    14.     SimpleDateFormat format = new SimpleDateFormat("yyyy-MM-dd");  //配置显示时间样式
    15.  
    16.     @Override
    17.     public Date convert(String source) {
    18.         System.out.println("kankan");
    19.         try {
    20.             return format.parse(source);
    21.  
    22.         } catch (ParseException e) {
    23.             e.printStackTrace();
    24.         }
    25.         return null;
    26.     }
    27. }

    创建接口数据对象类：

    1. package controller;
    2.  
    3. //将前端传入的数据全都保存在这个类，然后进行输出
    4.  
    5. import javax.xml.crypto.Data;
    6. import java.util.Date;
    7.  
    8. public class book {
    9.     private String name;
    10.     private String author;
    11.     private double price;
    12.     private Date time;
    13.  
    14.     public Date getTime() {
    15.         return time;
    16.     }
    17.  
    18.     public void setTime(Date time) {
    19.         this.time = time;
    20.     }
    21.  
    22.     @Override
    23.     public String toString() {
    24.         return "book{" +
    25.                 "name='" + name + '\'' +
    26.                 ", author='" + author + '\'' +
    27.                 ", price=" + price +
    28.                 ", time=" + time +
    29.                 '}';
    30.     }
    31.  
    32.     public String getAuthor() {
    33.         return author;
    34.     }
    35.  
    36.     public void setAuthor(String author) {
    37.         this.author = author;
    38.     }
    39.  
    40.     public String getName() {
    41.         return name;
    42.     }
    43.  
    44.     public void setName(String name) {
    45.         this.name = name;
    46.     }
    47.  
    48.  
    49.     public double getPrice() {
    50.         return price;
    51.     }
    52.  
    53.     public void setPrice(double price) {
    54.         this.price = price;
    55.     }
    56. }

    前面我们配置了自定义参数类，我们需要让框架加载我们创建自定义参数类

    在配置文件进行配置：

    1. "1.0" encoding="UTF-8"?>
    2. <beans xmlns="http://www.springframework.org/schema/beans"
    3.        xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
    4.        xmlns:context="http://www.springframework.org/schema/context"
    5.        xmlns:mvc="http://www.springframework.org/schema/mvc"
    6.  
    7.        xsi:schemaLocation="http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context https://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc https://www.springframework.org/schema/mvc/spring-mvc.xsd">
    8.  
    10.     <context:component-scan base-package="controller">context:component-scan>
    11.     <mvc:annotation-driven conversion-service="factoryBean"/>  
    13.     <bean class="org.springframework.context.support.ConversionServiceFactoryBean" id="factoryBean">
    14.         <property name="converters">
    15.             <set>
    16.                 <ref bean="custom">ref>
    17.             set>
    18.  
    19.         property>
    20.  
    21.     bean>
    23.     <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver" id="modelAndView">
    24.         <property name="prefix" value="/jsp/">property>
    25.         <property name="suffix" value=".jsp">property>
    26.     bean>
    27.  
    28. beans>

     控制器配置：

    1.     @RequestMapping(value = "/play3",produces = "text/html;charset=utf-8")
    2.     @ResponseBody
    3.     public String play3(book book){
    4.         return book.toString();
    5.     }

    效果展示：

     内容输出：

    通过数组来实现接收前端传入数据

    配置前端，使数据能够按照各种方法传递给后端

    1. <%--
    2.   Created by IntelliJ IDEA.
    3.   User: lenovo
    4.   Date: 2022/11/5
    5.   Time: 14:54
    6.   To change this template use File | Settings | File Templates.
    7. --%>
    8. <%@ page contentType="text/html;charset=UTF-8" language="java" %>
    9. <html>
    10. <head>
    11.     <title>Booktitle>
    12. head>
    13. <body>
    14. <h1>图书h1>
    15. <form action="/play3" method="post">
    16.     <table>
    17.         <tr>
    18.             <td>出版时间td>
    19.             <td><input type="date" name="time">td>
    20.         tr>
    21.         <tr>
    22.             <td>样书td>
    23.             <td><input type="text" name="name">td>
    24.         tr>
    25.         <tr>
    26.             <td>样书td>
    27.             <td><input type="text" name="author">td>
    28.         tr>
    29.         <tr>
    30.             
    31.  
    32.             <td>作td>
    33.             <td><input type="text" name="map['zuo']">td>
    34.         tr>
    35.         <tr>
    36.             <td>者td>
    37.             <td><input type="text" name="map['zhe']">td>
    38.         tr>
    39.  
    40.         
    41.         
    42.         <tr>
    43.             <td>爱好td>
    44.             <td>
    45.                 <input type="checkbox" name="favo" value="lan"> lan
    46.                 <input type="checkbox" name="favo" value="qiu"> qiu
    47.                 <input type="checkbox" name="favo" value="ni"> ni
    48.                 <input type="checkbox" name="favo" value="mm"> mm
    49.             td>
    50.         tr>
    51.  
    52.         
    53.         <tr>
    54.             <td>listdemotd>
    55.             <td>
    56.                 <input type="checkbox" value="不想" name="book2[0].name">不想
    57.                 <input type="hidden" value="0" name="book2[0].id">
    58.                 <input type="checkbox" value="睡醒" name="book2[1].name">不想
    59.                 <input type="hidden" value="1" name="book2[1].id">
    60.                 <input type="checkbox" value="不想" name="book2[2].name">不想
    61.                 <input type="hidden" value="2" name="book2[2].id">
    62.             td>
    63.         tr>
    64.         <tr>
    65.             <td>年龄td>
    66.             <td><input type="text" name="author.age">td>
    67.         tr>
    68.         <tr>
    69.             <td>价格td>
    70.             <td><input type="text" name="price">td>
    71.         tr>
    72.  
    73.         <tr>
    74.             <td><input type="submit"value="提交">td>
    75.         tr>
    76.     table>
    77. form>
    78. body>
    79. html>

    后端创建类来储存前端传来的数据‘

    1. package controller;
    2.  
    3. //将前端传入的数据全都保存在这个类，然后进行输出
    4.  
    5. import javax.xml.crypto.Data;
    6. import java.util.Date;
    7. import java.util.List;
    8. import java.util.Map;
    9.  
    10. public class book {
    11.     private String name;
    12.     private String author;
    13.     private double price;
    14.     private Date time;
    15.     private List favo;
    16.     private List book2;
    17.     private Map map;
    18.  
    19.     @Override
    20.     public String toString() {
    21.         return "book{" +
    22.                 "name='" + name + '\'' +
    23.                 ", author='" + author + '\'' +
    24.                 ", price=" + price +
    25.                 ", time=" + time +
    26.                 ", favo=" + favo +
    27.                 ", book2=" + book2 +
    28.                 ", map=" + map +
    29.                 '}';
    30.     }
    31.  
    32.     public Map getMap() {
    33.         return map;
    34.     }
    35.  
    36.     public void setMap(Map map) {
    37.         this.map = map;
    38.     }
    39.  
    40.     public List getBook2() {
    41.         return book2;
    42.     }
    43.  
    44.     public void setBook2(List book2) {
    45.         this.book2 = book2;
    46.     }
    47.  
    48.     public List getFavo() {
    49.         return favo;
    50.     }
    51.  
    52.     public void setFavo(List favo) {
    53.         this.favo = favo;
    54.     }
    55.  
    56.     public Date getTime() {
    57.         return time;
    58.     }
    59.  
    60.     public void setTime(Date time) {
    61.         this.time = time;
    62.     }
    63.  
    64.     public String getAuthor() {
    65.         return author;
    66.     }
    67.  
    68.     public void setAuthor(String author) {
    69.         this.author = author;
    70.     }
    71.  
    72.     public String getName() {
    73.         return name;
    74.     }
    75.  
    76.     public void setName(String name) {
    77.         this.name = name;
    78.     }
    79.  
    80.  
    81.     public double getPrice() {
    82.         return price;
    83.     }
    84.  
    85.     public void setPrice(double price) {
    86.         this.price = price;
    87.     }
    88. }
    89.  
    90. class book2{
    91.     private String name;
    92.     private Integer id;
    93.  
    94.     public String getName() {
    95.         return name;
    96.     }
    97.  
    98.     public void setName(String name) {
    99.         this.name = name;
    100.     }
    101.  
    102.     public Integer getId() {
    103.         return id;
    104.     }
    105.  
    106.     public void setId(Integer id) {
    107.         this.id = id;
    108.     }
    109.  
    110.     @Override
    111.     public String toString() {
    112.         return "book2{" +
    113.                 "name='" + name + '\'' +
    114.                 ", id=" + id +
    115.                 '}';
    116.     }
    117. }

    执行项目：

     点击提交，获取前端所传来的数据

     上面网页所显示的内容就是通过各种方法去获取前端所传来的数据内容，但是比如像集合和数组等那些方法在实际开发基本上不大会使用，基本上都是通过对象来获取数据。

  • 相关阅读:
    【剑指offer系列】62. 和为S的两个数字
    如何退出或卸载奇安信天擎软件
    微信小程序控制元素显示隐藏
    pip 安装dgl的问题
    Libuv源码解析 - uv_loop整个初始化模块
    软件设计思想
    代码随想录算法训练营第二十九天| LeetCode491. 递增子序列、LeetCode46. 全排列、LeetCode47. 全排列 II
    排序算法：快速排序（三种排序方式、递归和非递归）
    【VBA】获取指定目录下的Excel文件，并合并所有excel中的内容。
    Android 1.2.1 使用Eclipse + ADT + SDK开发Android APP
  • 原文地址：https://blog.csdn.net/m0_52479012/article/details/127719143