前台向后台传参之Form表单提交_基于SpringMVC

Form表单(同步) 提交

一、表单提交

这种是最简单的:

首先 表单提交最基本的就是将 input 标签 中的 name 属性与后台Controller层相应接口的参数相一致就可以完成数据绑定。

前台向后台传参之Form表单提交_基于SpringMVC_第1张图片

前台向后台传参之Form表单提交_基于SpringMVC_第2张图片

但是值得注意的是如果在这种方式下传入空值,而后台与之对应的参数是用基本数据类型修饰的 就会出现数据转换异常。

默认是get请求  要是设置为 post请求 需要在前后台进行声明 在form表单中 加入 method="post" 后台

Controller层 @RequestMapping(value="add",method = RequestMethod.POST)

 

input标签常用的type

前台向后台传参之Form表单提交_基于SpringMVC_第3张图片

个人感觉像Date类型的这种数据有String接收会比较好一些,这样就可以避开Date类型多样的时间格式问题,可以统一在service层进行处理。

前台向后台传参之Form表单提交_基于SpringMVC_第4张图片

多文件上传的问题,前端多文件上传的方式很多,这里是最基本的

添加 multiple="true" 属性 或者这么写也行:multiple="multiple" (百度的不知道为啥)

表单

前台向后台传参之Form表单提交_基于SpringMVC_第5张图片

@Controller

注意:这里需要加上@RequestParam注解 要不然会报500

前台向后台传参之Form表单提交_基于SpringMVC_第6张图片

表单的展示方式,个人理解主要是在当前界面跳转到一个新界面①或者是在当前界面弹出一个弹出层②

①方式

 window.location.href="接口名";

访问后台接口

前台向后台传参之Form表单提交_基于SpringMVC_第7张图片

跳转到新增界面,这个新增界面是跟进入这个之前的界面是同级的

②在当前界面写一个隐藏窗口 点击触发一个事件 然后让它这个窗口显示出来(当然样式要好好弄一下)

这个窗口的div 要加入 style="display: none;

暂时这些把,写的不好怕误人子弟,欢迎各路大神指正。

你可能感兴趣的:(JavaWeb)