当前位置: 首页 > news >正文

JavaEE简单示例——SpringMVC的简单数据绑定

简单介绍:

在前面我们介绍过如何将我们自己创建的类变成一个servlet来处理用户发送的请求,但是在大多数的时候,我们在请求 的时候会携带一些参数,而我们现在就开始介绍我们如何在Java类中获取我们前端请求中携带的参数。

首先,我们在Java类中获取浏览器请求中携带的参数的过程就被称为数据绑定,这也是我们数据绑定的基本概念。首先我们来介绍 数据绑定的基本原理: 在SpringMVC数据绑定过程中,SpringMVC框架会通过数据绑定组件(DataBinder)对请求中的参数内容进行类型转换,然后将转换后的 值赋给处理器的形参,这样SpringMVC就完成了客户端请求参数的获取和绑定。 原理很复杂,但是原理越复杂,使用就越是简单。我们只需要知道,从浏览器请求传递的参数会成为我们处理器方法的形参 而对于形参的使用我们就非常熟悉了,下面我们就开始创建一个带参数的方法,并将浏览器发送的请求参数输出在控制台。

使用方法:

简单的数据绑定就是绑定基本的数据类型,笔记int或者String,在数据绑定方面,比较重要的反而不是Java类的编写 因为简单的数据绑定就是使用基本数据类,复杂的数据类型绑定就是使用数据或者Java类,都是一些比较简答的应用 重点在于前端页面的表单的编写。 在简单数据绑定这一节,我们需要注意的是,Java形参的属性名和表单中表单的name属性的值要保持一致,因为这样 才能正确的接收到来自表单提交的值。

然后是复杂数据绑定,复杂数据绑定无非就是,绑在对象上,绑在列表上,绑在集合上,绑在集合的对象上,我们会一一的演示 这样操作是如何在表单中体现的

将数据绑定到类的方法非常简单,只需要我们将处理器方法的形参的参数修改成我们想要将数据绑定的类,这个类中的属性 的属性名和表单中name属性的值保持一致即可。然后我们通过类的get方法获取类的参数,这个参数就是我们请求中携带的参数:

代码实现:

简单数据绑定:

对于简单数据绑定的方法非常简单,我们只需要在页面中创建一个表单,然后提交到控制器类中,在控制器方法中添加参数即可,唯一需要注意的是,控制器类的方法的参数一定要和表单中的<input>标签的name属性的值相同才能自动进行数据绑定

首先我们创建一个表单页面:

<form action="${pageContext.request.contextPath}/DataBinger"><table><tr><td>用户名:</td> <td><label><input type="text" name="username"></label></td></tr><tr><td>密码:</td>  <td><label><input type="password" name="password"></label></td></tr><tr><td> <input type="submit" value="提交"> </td></tr></table>
</form>

然后我们创建一个控制器类和控制器方法:

@RequestMapping("/DataBinger")public String DataBinger(String username , String password){System.out.println("用户名是:"+username);System.out.println("密码是:"+password);return "index";}

 所谓的控制器类的方法的参数一定要和表单中的<input>标签的name属性的值相同才能自动进行数据绑定的意思就是:

完成之后,我们就启动Tomcat测试一下:

 

我们在浏览器中打开我们刚才创建的页面,然后输入值,如果成功完成了数据绑定,那么在我们提交之后,我们会在控制台看到我们输入的值:

 可以看到,控制台确实输出了我们刚才输入的值,这就表示我们顺利完成了简单的数据绑定。 

复杂数据绑定——将参数绑定到类中:

首先我们要对复杂数据绑定的实现流程有一个基本的概念,首先要明确,我们是要将接收到的数据绑定到一个类中,所以我们需要一个类来接收我们的数据:

package SpringMVC.DataBindingAndResponse;public class user {private String username;private String password;@Overridepublic String toString() {return "user{" +"username='" + username + '\'' +", password='" + password + '\'' +'}';}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 user(String username, String password) {this.username = username;this.password = password;}public user() {}
}

准备好存放数据的类之后,我们就要开始测试参数的传递了,传递参数最方便直观的方式就是在JSP页面中创建一个表格进行提交数据,表格的内容如下:

<h1>这是测试复杂数据绑定-绑定对象</h1>
<form action="${pageContext.request.contextPath}/BinderObjrct"><table><tr><td>用户名:</td> <td><label>
<%--注意这里的name的参数要和Java类中的属性名保持一致--%><input type="text" name="username"></label></td></tr><tr><td>密码:</td>  <td><label>
<%--这里也是要和java类中的属性值保持一致--%><input type="password" name="password"></label></td></tr><tr><td> <input type="submit" value="提交"> </td></tr></table>
</form>

准备好了页面内容之后,我们就开始编写控制器类了,之前我们需要在控制器方法的形参中直接写入了参数,这次我们方法的形参改成类:

//    测试复杂数据绑定之将参数绑定到Java类中@RequestMapping("/BinderObjrct")
//    在完成了基本的配置之后,我们可以直接通过将泛型修改成对象的方式获取对象public String DataBingerToProject(user u){System.out.println(u.getUsername());System.out.println(u.getPassword());return "index";}

需要注意的是,这次我们表单中的<input>标签的name属性的值,要和我们存放数据的类的属性保持一致,才能顺利的接收到数据,也就是如下图表示:

 配置好之后,我们就可以来到我们的项目中打开Tomcat开始测试了:

我们在页面的表单中输入我们的值,如果顺利的进行数据绑定之后,我们就可以像之前那样在控制台看到我们输入的值:

 我们依然顺利的看到了我们的值,这就表示我们已经顺利的将页面表单中传递的参数传入到了类中,并可以取出参数进行操作了 

当表单中的属性值和处理器类方法中的参数值不一样的时候:

在开发中,我们的前端开发和后端开发经常是分开的,所以这时候我们就会遇到一些问题,比如前端人员的命名方式和 后端人员的命名方式不一样,导致表单中name的属性和Java类中属性名不一致,这时候又无法修改成一致的状态,导致 无法自动获取表单提交的参数的时候,这时候该怎么办呢? 为了应对这种情况的发生,Spring的提供了@RequestParam,这个注释是我们在使用简单数据绑定的时候 需要写在方法的形参的参数前面即可, 下面我们就来演示一下当表单中的请求参数和Java类中的属性名 不一样的情况。 @RequestParam注解只需要使用一个属性就可以了,就是value属性,value属性就是我们前端的参数名,表示接收哪一个 参数名传递的参数,当属性只有一个value的时候,value关键字可以不写 这是当参数值和属性名不一样的时候才会使用到的,但是在正常的开发中,还是尽量让参数保持一致:

表单中的内容:

<h1>这是测试复杂数据绑定-当表单中的参数名和方法的参数名不一样的时候</h1>
<form action="${pageContext.request.contextPath}/BinderObjrctOrtherParams"><table><tr><td>用户名:</td> <td><label><%--这时候name的值和Java类的值不一样了--%><input type="text" name="username"></label></td></tr><tr><td>密码:</td>  <td><label><%--这里的name的值也不一样了--%><input type="password" name="password"></label></td></tr><tr><td> <input type="submit" value="提交"> </td></tr></table>
</form>

 处理器方法:

//    测试当前端页面的表单的参数值和形参中的属性值不相同的情况@RequestMapping("/BinderObjrctOrtherParams")
//    注意这里的参数,方法的参数和表单中的并不一样,但是我们使用注解,注解中的值就是表单中的参数值public String BinderObjrctOrtherParams(@RequestParam("username")String name,@RequestParam("password") String passwd){
//        这样我们依然可以正常的获取数据System.out.println(name);System.out.println(passwd);return "index";}

我们只需要在处理器方法的形参的参数前面使用 @RequestParam注解,这个注解的值就是表单中input标签的name属性的值,配置完成之后,我们继续打开Tomcat进行测试:

我们在表单中输入我们想要传递的参数,然后点击提交,如果能在控制台上看到我们输入的参数,那么就表示我们的配置是正确的:

 

顺利的看到我们输入的参数,说明我配置的是正确的 

注意点:

需要注意的是,表单中的<input>标签的name属性一定要和Java中的参数的属性名保持一致,如果出现我们的参数传递过去了但是在控制台中没有输出,优先考虑是不是属性值写的不一样导致的,其次就是注意我们的提交路径,要和处理器类方法中的@RequestMapping注解中的值保持一致才能顺利的提交到方法中。

相关文章:

JavaEE简单示例——SpringMVC的简单数据绑定

简单介绍&#xff1a; 在前面我们介绍过如何将我们自己创建的类变成一个servlet来处理用户发送的请求&#xff0c;但是在大多数的时候&#xff0c;我们在请求 的时候会携带一些参数&#xff0c;而我们现在就开始介绍我们如何在Java类中获取我们前端请求中携带的参数。首先&…...

耗时的同步请求自动转异步请求

耗时的同步请求自动转异步请求问题描述问题处理代码实现问题描述 现在在项目中碰到一个情况&#xff0c;导出数据到excel&#xff0c;在数据量比较下的时候直接下载&#xff0c;在数据量比较大时保存到服务的文件列表&#xff0c;后续再供用户下载。 也就是需要避免前端因后端…...

React常见的hook

目录 useState useEffect useRef useContext useCallback useMemo useState const [初始值&#xff0c;修改值的方法] useState( 初始值 ) 我们用useState定义一个初始值&#xff0c;可以打印看一下结果 console.log(useState(10)) // [10, ƒ] 结果是一个数组&#xf…...

Oracle集群管理ASM-扩容磁盘组报错ora-15137

1 内容描述 今日对19c集群磁盘组进行扩容&#xff0c; [rootdb1 ~]# oracleasm createdisk DATA7 /dev/sdm1 Writing disk header: done Instantiating disk: done [rootdb1 ~]# oracleasm createdisk DATA8 /dev/sdn1 Writing disk header: done Instantiating disk: done 使…...

TryHackMe-biteme(boot2root)

biteme 远离我的服务器&#xff01; 端口扫描 循例 nmap Web枚举 打开一看是一个默认页面 扫一波 打thm这么久&#xff0c;貌似还是第一次见带验证码的登录 信息有限&#xff0c;对着/console再扫一波 查看/securimage 但似乎没有找到能利用的信息 回到console, 在源码发现…...

vue开发常用的工具有哪些

个人简介&#xff1a;云计算网络运维专业人员&#xff0c;了解运维知识&#xff0c;掌握TCP/IP协议&#xff0c;每天分享网络运维知识与技能。座右铭&#xff1a;海不辞水&#xff0c;故能成其大&#xff1b;山不辞石&#xff0c;故能成其高。个人主页&#xff1a;小李会科技的…...

数组,排序,查找

数组可以存放多个同一类型的数据&#xff0c;数组也是一种数据类型&#xff0c;是引用类型。 数组可以通过下标来访问元素下标是从0开始编号的比如第一个元素就是hens[0]数组定义&#xff0c;数据类型 数组名[] new 数据类型[大小];int a[] new int[5];动态初始化 import ja…...

redis中序列化后的对象后当如何修改

redis中序列化Redis 中存储的序列化对象是不可变需要频繁修改对象属性, 我存储对象为hash结构如何?总结君问归期未有期&#xff0c;巴山夜雨涨秋池。——唐代李商隐《夜雨寄北》 Redis 中存储的序列化对象是不可变 在 Redis 中存储的序列化对象是不可变的&#xff0c;因为它们…...

膜拜!阿里自爆十万字Java面试手抄本,脉脉一周狂转50w/次

最近&#xff0c;一篇题为《阿里十万字Java面试手抄本》的文章在社交媒体平台上引起了广泛关注。这篇文章由一位阿里工程师整理了阿里Java面试的经验&#xff0c;并分享给了大家。这篇文章一经发布&#xff0c;就在短时间内获得了数十万的转发量&#xff0c;让许多Java程序员受…...

Yolov5改进: Yolov5-FasterNet网络推理加速

文章目录 1. FasterNet介绍1. 1 FasterNet性能1.2 FasterNet作为Backbone2. 基于C3-Faster实现Yolov5 轻量化2.1 C3-Faster的实现2.2 C3-Faster 在YOLOv5中的使用(1) 在common.py 中添加`C3-Faster`代码(2) 修改yolo.py 中的代码(2) 修改yolov5 yaml文件3. 训练1. FasterNet介绍…...

在ubuntu下安装五笔输入法(百度输入法)

想要在ubuntu下安装一款合适的五笔输入法&#xff0c;不是一件容易的事。现在我找到了一个好用的输入法分享给大家。 环境&#xff1a;Ubuntu22.04桌面版。 软件&#xff1a;百度Linux输入法-支持全拼、双拼、五笔 步骤一&#xff1a; 需要大家先下载百度的五笔输入法。 http…...

python自动发送邮件(html、附件等),qq邮箱和网易邮箱发送和回复

在python中&#xff0c;我们可以用程序来实现向别人的邮箱自动发送一封邮件&#xff0c;甚至可以定时&#xff0c;如每天8点钟准时给某人发送一封邮件。今天&#xff0c;我们就来学习一下&#xff0c;如何向qq邮箱&#xff0c;网易邮箱等发送邮件。 一、获取邮箱的SMTP授权码。…...

数学-快速幂

从一个简单的问题说起&#xff1a; 给出整数m&#xff0c;n和p&#xff0c;要求计算(m ^ n) % p的结果。 #include <iostream> using namespace std;int main() {long long m, n, p;cin >> m >> n >> p;long long ans 1;for (long long i 0; i < …...

DevEco鸿蒙应用开发-第一个App

目录下载开发环境创建工程登录华为账户测试应用下载开发环境 前往官网下载 DevEco 开发环境&#xff1a;https://developer.harmonyos.com/cn/develop/deveco-studio#download 下载并安装&#xff0c;请记住你选择的 IDE 与 SDK 安装位置&#xff0c;后续可能会用到&#xff…...

又一款全新的基于 GPT4 的 Python 神器Cursor,关键还免费

chartgpt大火之后&#xff0c;随之而来的就是一大类衍生物了。 然后&#xff0c;今天要给大家介绍的是一款基于GPT4的新一代辅助编程神器——Cursor。 它最值得介绍的地方在于它免费&#xff0c;我们可以直接利用它来辅助我们编程&#xff0c;真正做到事半功倍。 注意&#…...

CSS的浮动(下)

&#x1f31f;所属专栏&#xff1a;前端只因变凤凰之路&#x1f414;作者简介&#xff1a;rchjr——五带信管菜只因一枚&#x1f62e;前言&#xff1a;该系列将持续更新前端的相关学习笔记&#xff0c;欢迎和我一样的小白订阅&#xff0c;一起学习共同进步~&#x1f449;文章简…...

软件测试-性能测试流程

压测任务具体包含: 0.前期准备 尽量参与业务需求评审,可以对业务有更深入的了解,了解哪些功能是核心功能,哪些可能存在性能瓶颈,以便在性能需求评审的时候能给出有建设性的意见 1.性能需求分析、评审 明确测试范围(哪些业务接口)、目标(tps、rt、成功率) 关于性能需…...

【python实操】年轻人,别用记事本保存数据了,试试数据库吧

为什么用数据库&#xff1f; 数据库比记事本强在哪&#xff1f; 答案很明显&#xff0c;你的文件很多时候都只能被一个人打开&#xff0c;不能被重复打开。当有几百万数据的时候&#xff0c;你如何去查询操作数据&#xff0c;速度上要快&#xff0c;看起来要清晰直接 数据库比我…...

铁威马NAS教程之利用docker快速搭建个人在线书库

这是一个基于Calibre的简单的图书管理系统&#xff0c;支持在线阅读。主要特点是&#xff1a;美观的界面、支持多用户、支持在线阅读、支持邮件推送、支持OPDS、支持一键安装&#xff0c;网页版初始化配置&#xff0c;轻松启动网站等等。 那么&#xff0c;如何利用docker快速搭…...

504. 七进制数——【Leetcode每日一题】

504. 七进制数 给定一个整数 num&#xff0c;将其转化为 7 进制&#xff0c;并以字符串形式输出。 示例 1: 输入: num 100 输出: “202” 示例 2: 输入: num -7 输出: “-10” 提示&#xff1a; −107<num<107-10^7 < num < 10^7−107<num<107 思路&…...

golang循环变量捕获问题​​

在 Go 语言中&#xff0c;当在循环中启动协程&#xff08;goroutine&#xff09;时&#xff0c;如果在协程闭包中直接引用循环变量&#xff0c;可能会遇到一个常见的陷阱 - ​​循环变量捕获问题​​。让我详细解释一下&#xff1a; 问题背景 看这个代码片段&#xff1a; fo…...

大型活动交通拥堵治理的视觉算法应用

大型活动下智慧交通的视觉分析应用 一、背景与挑战 大型活动&#xff08;如演唱会、马拉松赛事、高考中考等&#xff09;期间&#xff0c;城市交通面临瞬时人流车流激增、传统摄像头模糊、交通拥堵识别滞后等问题。以演唱会为例&#xff0c;暖城商圈曾因观众集中离场导致周边…...

centos 7 部署awstats 网站访问检测

一、基础环境准备&#xff08;两种安装方式都要做&#xff09; bash # 安装必要依赖 yum install -y httpd perl mod_perl perl-Time-HiRes perl-DateTime systemctl enable httpd # 设置 Apache 开机自启 systemctl start httpd # 启动 Apache二、安装 AWStats&#xff0…...

06 Deep learning神经网络编程基础 激活函数 --吴恩达

深度学习激活函数详解 一、核心作用 引入非线性:使神经网络可学习复杂模式控制输出范围:如Sigmoid将输出限制在(0,1)梯度传递:影响反向传播的稳定性二、常见类型及数学表达 Sigmoid σ ( x ) = 1 1 +...

学校时钟系统,标准考场时钟系统,AI亮相2025高考,赛思时钟系统为教育公平筑起“精准防线”

2025年#高考 将在近日拉开帷幕&#xff0c;#AI 监考一度冲上热搜。当AI深度融入高考&#xff0c;#时间同步 不再是辅助功能&#xff0c;而是决定AI监考系统成败的“生命线”。 AI亮相2025高考&#xff0c;40种异常行为0.5秒精准识别 2025年高考即将拉开帷幕&#xff0c;江西、…...

【VLNs篇】07:NavRL—在动态环境中学习安全飞行

项目内容论文标题NavRL: 在动态环境中学习安全飞行 (NavRL: Learning Safe Flight in Dynamic Environments)核心问题解决无人机在包含静态和动态障碍物的复杂环境中进行安全、高效自主导航的挑战&#xff0c;克服传统方法和现有强化学习方法的局限性。核心算法基于近端策略优化…...

莫兰迪高级灰总结计划简约商务通用PPT模版

莫兰迪高级灰总结计划简约商务通用PPT模版&#xff0c;莫兰迪调色板清新简约工作汇报PPT模版&#xff0c;莫兰迪时尚风极简设计PPT模版&#xff0c;大学生毕业论文答辩PPT模版&#xff0c;莫兰迪配色总结计划简约商务通用PPT模版&#xff0c;莫兰迪商务汇报PPT模版&#xff0c;…...

三分算法与DeepSeek辅助证明是单峰函数

前置 单峰函数有唯一的最大值&#xff0c;最大值左侧的数值严格单调递增&#xff0c;最大值右侧的数值严格单调递减。 单谷函数有唯一的最小值&#xff0c;最小值左侧的数值严格单调递减&#xff0c;最小值右侧的数值严格单调递增。 三分的本质 三分和二分一样都是通过不断缩…...

TSN交换机正在重构工业网络,PROFINET和EtherCAT会被取代吗?

在工业自动化持续演进的今天&#xff0c;通信网络的角色正变得愈发关键。 2025年6月6日&#xff0c;为期三天的华南国际工业博览会在深圳国际会展中心&#xff08;宝安&#xff09;圆满落幕。作为国内工业通信领域的技术型企业&#xff0c;光路科技&#xff08;Fiberroad&…...

git: early EOF

macOS报错&#xff1a; Initialized empty Git repository in /usr/local/Homebrew/Library/Taps/homebrew/homebrew-core/.git/ remote: Enumerating objects: 2691797, done. remote: Counting objects: 100% (1760/1760), done. remote: Compressing objects: 100% (636/636…...