Spring全家桶之SpringMVC常用操作

最新推荐文章于 2022-11-07 16:59:41 发布
最新推荐文章于 2022-11-07 16:59:41 发布
阅读量214 收藏
点赞数
分类专栏： Javaweb 文章标签： SpringMVC
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43060759/article/details/89929992
版权

一、前后端数据交互

1、前台数据传输到后端

创建一个表单

<form action="/login" method="post">
    <table>
        <tr>
            <td>用户名：</td>
            <td><input type="text" name="username" id="username"></td>
        </tr>

        <tr>
            <td>密码：</td>
            <td><input type="password" name="password" id="password"></td>
        </tr>
        <tr>
            <td><input type="submit" value="提交"></td>
        </tr>
    </table>
</form>

后台获取前端的值有三种方式：
①、直接使用HttpServletRequest 作为参数，然后调用request的getParameter方法

@RequestMapping(value = "/login",method = RequestMethod.POST)
    public void login(HttpServletRequest request) throws UnsupportedEncodingException { 
        System.out.println(request.getParameter("username") + " " + request.getParameter("password"));
    }

②、使用@RequestParam注解

@RequestMapping(value = "/login",method = RequestMethod.POST)
    public void login(@RequestParam(value = "username") String name, @RequestParam(value = "password") String pwd) throws UnsupportedEncodingException {
        System.out.println(name + " " + pwd);
    }

③、使用Javabean
首先创建一个User类，然后传值，注意User类的属性

@RequestMapping(value = "/login",method = RequestMethod.POST)
    public void login(User user) throws UnsupportedEncodingException {
        System.out.println(user.getUsername() + " " +user.getPassword());
    }

2、后端数据传递到前台

后端数据传递到前台可以使用ModelAndView进行操作，然后再Jsp页面中使用EL表达式就可以获取到。

@RequestMapping(value = "/login",method = RequestMethod.POST)
    public ModelAndView login() throws UnsupportedEncodingException {
        ModelAndView modelAndView = new ModelAndView("success");
        modelAndView.addObject("username","张三");
        return modelAndView;
    }

二、SpringMVC中使用Ajax

其实在SpringMVC中使用Ajax和在其他地方使用Ajax时，Ajax都是大致相同的，不同的是后端处理方式。以一个简单的登录例子进行说明：

login.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jquery+ajax实现登录</title>
    <script type="text/javascript" src="jquery/jquery-3.2.1.js"></script>
    <script type="text/javascript">

        function check(id1,id2) {
            if(document.getElementById(id1).value == null || document.getElementById(id1).value.trim(" ") == "")
                document.getElementById(id2).innerHTML = id1 + '不能为空';
            else
                document.getElementById(id2).innerHTML ='';
        }

        $(function(){
            $("#loginBtn").click(function(){
                var username = $.trim($("#username").val());//取值
                var password = $.trim($("#password").val());
                var param = {"username":username,"password":password};
                // alert(param);
                $.post("/login",param,function(result){
                    if(result){
                        $("#id").html(result);
                        // window.location.href="/success.jsp";
                    }else{
                        alert("用户名或者密码错误!");
                    }
                });
            });
        });
    </script>
</head>
<body>
<form>
    用户名:<input type="text" id="username" name="username" onblur="check('username','usernamespan')"><span id="usernamespan"></span><br/>
    密码:<input type="text" id="password" name="password" onblur="check('password','passwordspan')"><span id="passwordspan"></span><br/>
    <span id="id"></span><br>
    <input type="button" value="登录" id="loginBtn">
</form>
</body>
</html>

后端代码：

@Controller
public class LoginController {
    @RequestMapping(value = "/login")
    @ResponseBody
    public boolean login(String username,String password){
        boolean flag = "admin".equals(username)&&"123456".equals(password) ? true : false;
        System.out.println(flag);
        return flag;
    }
}

上述例子已测试过，可以使用。

Ajax还可以这样写：下面仅有JS代码，其余不变即可

<script type="text/javascript">

        function check(id1,id2) {
            if(document.getElementById(id1).value == null || document.getElementById(id1).value.trim(" ") == "")
                document.getElementById(id2).innerHTML = id1 + '不能为空';
            else
                document.getElementById(id2).innerHTML ='';
        }

        $(function(){
            $("#loginBtn").click(function(){
                var username = $("#username").val();//取值
                var password = $("#password").val();
                if(!username || !password){
                    return ;
                }
                $.ajax({
                    type:"POST",
                    url:"/login",
                    data:{"username":username,"password":password},
                    dataType:"json",
                    timeout:1000,
                    error:function(){  //请求失败的回调方法
                        $("#id").css("color","red");
                        $("#id").html("报错");
                    },
                    success:function(result){
                        $("#id").css("color","red");
                        $("#id").html("Ajax使用成功，登录情况：" +result);
                    }
                })
            });
        });
    </script>

结果
在这里插入图片描述
三、SpringMVC文件上传

上传文件有三种方式：
1、使用采用multipart提供的file.transfer方法上传文件上传，将文件保存到服务器的webapps下自定义的文件夹中
upload.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>文件上传</title>
</head>
<body>
<form action="/upload" method="post" enctype="multipart/form-data">
    <input type="file" name="file">
    <input type="submit" value="upload"/>
</form>
</body>
</html>

SpringMVCUpload

@Controller
public class SpringMVCUpload {

    @RequestMapping(value = "/upload")
    public String uploadTest(HttpServletRequest request, @RequestParam(value = "file") MultipartFile file) throws IOException {
        if(file.isEmpty())
            return null;
        String fileName = file.getOriginalFilename();
        System.out.println(fileName);
        File file1 = new File(request.getServletContext().getRealPath("/"));
        String path = file1.getParent() + "/static/upload/"; //保存在服务器中
        System.out.println(path);
        File file2 = new File(path,fileName);
        file.transferTo(file2);
        return "success2";
    }
}

2、使用流的方式将文件保存在硬盘的指定地方：

后台处理方式

@RequestMapping("/fileUpload")
    public String  fileUpload(@RequestParam("file") CommonsMultipartFile file) throws IOException {
        
        System.out.println("fileName："+file.getOriginalFilename());

        try {
            //获取输出流
            OutputStream os = new FileOutputStream("F:/upload/"+ new Date().getTime() + file.getOriginalFilename());
            //获取输入流 CommonsMultipartFile 中可以直接得到文件的流
            InputStream is=file.getInputStream();
            int temp;
            //一个一个字节的读取并写入
            while((temp=is.read())!=(-1))
            {
                os.write(temp);
            }
            os.flush();
            os.close();
            is.close();

        } catch (FileNotFoundException e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        long  endTime=System.currentTimeMillis();
        return "success2";
    }

3、采用spring提供的上传文件的方法

@RequestMapping("/springUpload")
    public String  springUpload(HttpServletRequest request) throws IllegalStateException, IOException
    {
        //将当前上下文初始化给 CommonsMutipartResolver （多部分解析器）
        CommonsMultipartResolver multipartResolver = new CommonsMultipartResolver(
                request.getSession().getServletContext());
        //检查form中是否有enctype="multipart/form-data"
        if(multipartResolver.isMultipart(request))
        {
            //将request变成多部分request
            MultipartHttpServletRequest multiRequest = (MultipartHttpServletRequest)request;
            //获取multiRequest 中所有的文件名
            Iterator iter = multiRequest.getFileNames();
            while(iter.hasNext())
            {
                //一次遍历所有文件
                MultipartFile file = multiRequest.getFile(iter.next().toString());
                if(file!=null)
                {
                    String path = "F:/upload/"+file.getOriginalFilename();
                    //上传
                    file.transferTo(new File(path));
                }
            }

        }
        return "success2";
    }
zhangphh
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
GET和 POST请求
small-guo
08-08 1344
无论GET还是POST，统一都有视图函数接收请求，通过判断request.method区分具体的请求动作 样例： if request.method =='GET': 处理GET请求是的业务逻辑 elif request.method == 'POST': 处理POST请求的业务逻辑 else: 其他请求业务逻辑 GET处理 GET请求动作，一般用于向服务器获取数据 ...
SpringMVC常用注解
llangzh的博客
05-15 98
1@RestController 作用：标明此 Controller 提供 RestAPI 2 @RequestMapping 作用：映射 http 请求 URL 到java 方法 常用参数： value：请求的url method：请求方式，GET、POST、PUT、DELETE等 consumes： 指定处理请求的提交内容类型（Content-Type），例如applicati...
Spring Security总结之如何让认证失败消息自定义在前端页面显示（一）
Jayden的博客
04-06 9254
采用springboot+thymeleaf 前端登录页面代码 <form action="/doLogin" method="post"> 用户名：<input type="text" name="username" id="username"/><br/> 密码：<input type="password" name="password" id="...
Form表单简单用户登录
weixin_44434232的博客
11-07 815
使用form表单制作简单的用户登录界面
form表单
m0_62976216的博客
10-26 153
表单标签: form 绝对路径：从盘符开始查找，直到找到文件为止，路径+文件名 C:\Users\王\Desktop\云计算\demo001.html 相对路径：当前文件和目标文件的相对路径 ..\demo001.html 语法结构 <form action="" name="" method=""> 跳转的路径----action 表单名字------name method----...
Django之Form表单验证及Ajax验证方式汇总
baobao267的专栏
10-15 1412
一、Form表单验证： 原理：在Form表单提交到Views后台时，利用Django特有的验证模版技术（实质上实现验证功能的类）对表单数据进行验证，然后将结果返回到页面上。 html页面代码如下： &lt;form method="post" action="/login.html"&gt; &lt;p&gt; &lt;input type="text" name=...
spring springMVC中常用注解解析
08-27
主要介绍了spring springMVC中常用注解,本文给大家介绍的非常详细，需要的朋友可以参考下
注解和注释以及Spring和SpringMVC常用的注解.rtf
05-28
注解和注释以及Spring和SpringMVC常用的注解 1.两者区别 注解 ：参与代码编译，以@开头的。它是给应用程序看的，单独使用注解毫无意义，一定要跟工具一起使用,这个所谓的工具实际就是能读懂注解的应用程序  注释 ：...
springws:基于SpringMVC实现的WebSocket工程实例
05-10
Spring-ws基于SpringMVC实现的支持SockJS的WebSocket工程实例说明本项目为maven项目，使用SpringMVC实现，用于展示如果使用 SockJS。项目启动后直接打开对应的端口在首页就可以看到展示的功能。后端在"/echo"上添加...
SpringMVC+Spring+Mybatis集成开发环境
04-28
SpringMVC+Spring+Mybatis集成开发环境
spring+mybatis+springmvc 全注解框架
04-29
spring+mybatis+springmvc maven框架，单模块，导入就可以使用，里面有一个user的增删查改，大家拿来修改就可以使用
HTML5 form表单提交常用属性以及简单实例
08-02 1367
<form action="/servlet" method="post" > <!-- type类型很多 提交会把name 和数据一同提交缺一不可 所以name不能为空--> <input type="text" name="uesrname" id="" value="" /> <!-- radio 单选按钮 n...
python网页提交表单_form表单提交方式
weixin_39994461的博客
11-24 310
如果通过form表单提交请求服务端去下载文件，这时当前页面不会发生跳转，服务端返回void，通过response 去写文件数据，页面会显示下载文件。@RequestMapping(value = "/url")public void exportFile(HttpServletRequest req, HttpServletResponse response, String rptId)throw...
servlet入门获取参数
yitiantianna的博客
08-01 188
注意提交的动作（action），提交的类型（post或get）6．用户发送的是post请求(method=post),因此tomcat会执行Addservlet中的doPost方法。5．找servlet-class->com.atguigu.servlets.AddServlet。4．找和servlet-mapping中servlet-name一致的servlet。3．找servlet-name=Addservlet。...
用户登陆界面如何组织参数输入及服务器对参数的处理
qq_68500904的博客
04-26 765
1.界面如何组织参数输入 用户登陆界面我们可以使用form表单来实现，给出了以下代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login</title> </head> <body> 建议用f12看一下整个请求到响应的过程<br> <form action="login" method="post">
＜form＞表单中的action和method使用方法
kk651的博客
04-20 8275
<form action="www.baidu.com" method="post"> form是表单    里面的内容是要提交出去的。 action 是链接    action可以理解成url，也就是当你内容填好以后点了提交按钮提交出去后转向的页面，点击浏览选择提交位置。 method 是方法    method是方法，有get和post两种，各有所长。就是内容填好后提交需要一个方法，是获取你的内容还是传递你的内容。 ...
Django项目实例（登录注册）
qq_41048761的博客
03-12 1766
本文按照下列项目来进行说明。 mysite2 - manage.py - mysite2 - app01 1、在app01/templates文件夹下新建一个login.html文件 <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head&g...
jsp+servlet+mysql实现简单登录的完整项目
热门推荐
qq_43060759的博客
12-01 2万+
一、分析项目之前要了解下properties文件的使用 在开发项目时，有很多地方会出现重复的代码或者日后可能需要修改的代码，比如：连接数据库、设置项目编码格式、设定文件上传保存目录等等。重复代码或许可以用静态变量来实现全局调用而不必重复出现，但是毕竟是写死在代码里的，日后需要修改时还要修改源码，比较麻烦而且不便于维护。Java给我们提供了Properties类，可以用来解决这些问题。 Proper...
Spring 全家桶和springmvc的关系
最新发布
03-11
Spring 全家桶是指 Spring Framework、Spring Boot、Spring Cloud 等一系列的 Spring 相关项目，而 Spring MVC 是 Spring Framework 中的一个模块，用于实现 Web 应用程序的 MVC 模式。因此，可以说 Spring MVC 是 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值