首页 > 其他分享 >Springboot实现HTML表单from简单的接收信息

Springboot实现HTML表单from简单的接收信息

时间:2022-11-30 18:04:11浏览次数:43  
标签:sex return Springboot fav 表单 HTML password public String

HTML< from >元素

from可向Web服务器提交请求


普遍格式:

  <from action="服务器地址" method="请求方式" enctype="数据格式">
      <input type="submit" value="Test按钮">
  </from>
  • method请求方式有:
    • get(默认)提交时,数据跟在URL之后
    • post提交时,数据在请求体内
  • enctype在post请求时,指定数据的格式
    • application/w-www-from-urlencoded(默认)
    • multipar/from-data

主要实现

 <form action="http://localhost:8080/test"
        method="post" enctype="multipart/form-data">
        <!-- 隐藏框 -->
        <input type="hidden" value="1" name="id">
        <!-- 常态下输入 --> <hr>
        <input type="text" name="username">
        <!-- 密码 --><hr>
        <input type="possword" name="password">
        <!-- 日期 --><hr>   <!-- 注意日期格式 yyyy-mm-dd,Date默认格式为yyyy/mm/dd -->
        <input type="date" name="birthday" >
        <!-- 单选 --><hr>
        男    <input type="radio" name="sex" value="男" checked>
        女    <input type="radio" name="sex" value="女" >
        <!-- 多选 --><hr>
        唱歌    <input type="checkbox" name="fav" value="唱歌">
        rep    <input type="checkbox" name="fav" value="rep">
        篮球    <input type="checkbox" name="fav" value="篮球">
        <!-- 文件 --><hr>
        <input type="file" name="file">
        <hr>
        <input type="submit" value="提交" >
    </form>

Pojo类层代码
需要注意的是,定义的属性要和input中的name名称一一对应

点击查看代码
public class User{
        private Integer id;
        private String username;
        private String password;
        private String sex;
        // 转换日期格式
        @DateTimeFormat(pattern = "yyyy-MM-dd")
        private Date birthday;
        private List<String> fav;


        public Integer getId() {
            return id;
        }

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

        public String getUsername() {
            return username;
        }

        public void setUsername(String username) {
            this.username = username;
        }

        public String getPassword() {
            return password;
        }

        public void setPassword(String password) {
            this.password = password;
        }

        public String getSex() {
            return sex;
        }

        public void setSex(String sex) {
            this.sex = sex;
        }

        public Date getBirthday() {
            return birthday;
        }

        public void setBirthday(Date birthday) {
            this.birthday = birthday;
        }

        public List<String> getFav() {
            return fav;
        }

        public void setFav(List<String> fav) {
            this.fav = fav;
        }
        
        @Override
        public String toString() {
            return "User{" +
                    "id=" + id +
                    ", username='" + username + '\'' +
                    ", password='" + password + '\'' +
                    ", sex='" + sex + '\'' +
                    ", birthday=" + birthday +
                    ", fav=" + fav +
                    '}';
        }
    }

Controller层代码

点击查看代码
@RestController
public class TestController {

    @RequestMapping("/test")
    public String test(User user, MultipartFile file){
        System.out.println("user:" + user);
        System.out.println("file:" + file.getOriginalFilename());
        return "success! ";
    }
}

运行结果

标签:sex,return,Springboot,fav,表单,HTML,password,public,String
From: https://www.cnblogs.com/wywbo/p/16939033.html

相关文章

  • 前端知识之HTML
    前端与后端的概念前端:任何与用户直接打交道的操作界面都可以称之为前段可以看成是接待员后端:不直接与用户打交道主要负责内部真正的业务逻辑的执行可以看成是幕后操......
  • HTML
    目录前端与后端的概念前端前戏HTTP协议HTML简介HTML概览预备知识head内常见标签body内基本标签常见符号body内布局标签body内常用标签列表标签表格标签表单标签前端与后端......
  • 【Jmeter】21天打卡 09取样器之http不同方法Post提交表单和json
    作业要求:取样器之http不同方法post提交表单和json服务器名:httpbin.orgname api methodbodypost提交参数 postpostpost:123post提交JSON数据 postpost{"po......
  • 前端 html 、http
    目录今日内容概要今日内容详细前端与后端的概念前端前戏HTTP协议HTML简介HTML概览预备知识head内常见标签body内基本标签常见符号body内布局标签body内常用标签列表标签表......
  • SpringBoot Mongodb实战整合
    目录找出数组中,具有qid=1并且reorderFlag=0的记录找出数组中,qid=1或者reorderFlag=0的记录新增数组数据修改数组数据,根据条件批量修改嵌套数组的字段值删除数组数据......
  • SpringBoot 如何实现异步编程
    https://blog.csdn.net/m0_60028455/article/details/121650608 首先我们来看看在Spring中为什么要使用异步编程,它能解决什么问题?为什么要用异步框架,它解决什么问题?在......
  • 基于SpringBoot+Layui的物业管理系统【完整项目源码】
    使用建议业务逻辑简略,需要细化业务,增加业务开发,如未交费提醒等技术架构数据库:MySQL8.X后端技术:SpringBoot2.3.0,MyBatisPlus数据连接池:Druid前端技术:La......
  • springboot整合quartz达到动态配置定时任务的效果
    如题:首先贴上maven的配置<dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-quartz</artifactId>......
  • 论项目中日志处理的正确操作(springboot案例)
    理论和日志的重要不需要重复,各位都明白,企业中甩锅 查询记录  必要的东西,直接贴上代码案例 maven<dependency><groupId>org.springframework.boot</groupI......
  • SpringBoot整合Swagger生成接口文档
    介绍:Swagger是一款RESTFUL接口的文档在线自动生成+功能测试功能软件。本文简单介绍了在项目中集成swagger的方法和一些常见问题。如果想深入分析项目源码,了解更多内容,见......