MVC 是⼀架构设计模式

发布时间:2025-06-24 19:34:00  作者:北方职教升学中心  阅读量:551


MVC 是⼀架构设计模式,

@RequestMapping 使⽤。

翻译成中文:Spring Web 基于Servletet的MVC API构建的原始Web框架,从一开始就包含Spring框架中。后端进入⾏检查密码是否正确.。

#xff1前端代码准备a; 。

Spring编辑学习Spring MVC。String。

建立连接 。 来实现 URL路由映射,也就是说,验证账号。Integer。

 。userName。 MVC。String。

建⽴连接:去柜台

  1. 请求:带银⾏卡,⾝去存款的证据。即⽤连接视图和模型.。

    1. 后续再访问⾸⻚,可获得登录⽤⼾信息。 ),但它更常被称为“”Spring MVC”。
    2. 响应:银⾏返回⼀张存折.。官方名称“Spring Web MVC来自其源模块的名称( 。备注。

      spring-webmvc。前端进入⾏⽤⼾告知。

      接⼝描述:检查帐户密码是否正确
      请求参数:
      参数名。

      访问地址: 127.0.0.1:8080/user/hello。, Spring MVC 是⼀个实现了 MVC 模式的 Web 框架.。
    3. Spring。

      @RequestMapping 是Spring Web MVC 应⽤最常见的程序⽤到的注解之⼀,它是⽤来注册接⼝路由映射.。
    4. Spring MVC�掌握上述三个功能相当于掌握Spring MVC.。参与计算的第一部分⼀个数。

    5. <body> <h1>用户登录</h1> 用户名:<input name="userName" type="text" id="userName"><br> 密码:<input name="password" type="password" id="password"><br> <input type="button" value="登录" onclick="login()"> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script> <script> function login() { $.ajax({ url: "/user/login", type : "post", data: { "userName": $("#userName").val(), "password": $("#password").val() }, success:function(result) { if(result) { location.href = "/index.html"; //location.assign(); }else{ alert("密码错误"); } } }); } </script></body>

      2.登录成功界面.。

      @RestController@RequestMapping("/user")public class UserController { @RequestMapping("/hello") public String test() { return "hello,spring mvc"; }}。

      实战练习 。欢迎大家👍点赞✍评论⭐收藏

    6. 目录。跳转⾸⻚. ⾸⻚显⽰当前登录⽤⼾。浏览器连接程序⽤.。


       官方描述:

      来自:Spring Web MVC :: Spring Framework 。介绍MVC模式 。

      界面定义:

      请求路径:/user/getLoginUser。我们应该离开数据库,这里简单实现) if (!userName.equals("zhangsan") || !password.equals("123456")) { return false; } System.out.println(password); //密码验证成功,将用户存入session中] session.setAttribute("userName",userName); return true; } @RequestMapping("/getLoginUser") public String getLoginUser(HttpSession session) { ///直接从session会话中拿走 String userName = (String) session.getAttribute("userName"); if (StringUtils.hasLength(userName)) { return userName; } return ""; }}。做到了⼀一些变化,三个基本部分.。

      响应内容:。

      学习SpringMVC,

      请求⽅类型:POST。

      模型、

      • 🎥 个人主页:Dikz12
      • 🔥个人专栏:Spring学习之路
      • 📕格言:愚蠢多不敏,愿加学。

    建立连接 。

    介绍MVC模式 。
        false  //帐户或密码错误。

    若不正确,因此请求这一块主要是获取参数的功能.。 View(视图)指在应⽤程序中专⻔⽤进入浏览器⾏互动,展⽰数据的资源.。

     查看浏览器:127.0.0.1:8080/hello  ,您可以看到程序返回的数据.。是的。也结合了MVC⾃⾝项⽬特点,

         用户名   // zhangsan。

    响应内容:。password。 也⼀种思想, ⽽ Spring MVC 是对 MVC 具体实现思想. 除此之外, Spring MVC还是⼀Web框架.。

  2.  不过。
    接⼝描述:计算两个整数相加。备注。参与计算的第一部分⼆个数。
     创建⼀Usercontroller类,实现⽤⼾通过浏览器和程序的互动,具体代码如下:
    @RestControllerpublic class UserController { @RequestMapping("/hello") public String test() { return "hello,spring mvc"; }}。

    类型。


    加法计算器

    需求:输入⼊点击两个整数"点击相加"按钮,显⽰计算结果.。是的。重点是如何通过浏览器和⽤⼾程序进⾏交互.。

    @RequestMapping 使⽤。

     。

    类型。

    <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <form action="calc/sum" method="post"> <h1>计算器</h1> 数字1:<input name="num1" type="text"><br> 数字2:<input name="num2" type="text"><br> <input type="submit" value=" 点击相加 "> </form></body></html>

     接口定义:

    请求路径:calc/sum。

    是的。

    试验效果:

    Springng是什么? MVC? 。

    响应数据:Content-Type: text/html。验证密码。
    •  Model(模型)是对的⽤程序的主要部分,⽤处理程序中数据逻辑的一部分.。
    num2。

    建⽴连接:将⽤⼾(浏览器)连接Java程序,也就是访问⼀可以调整个地址⽤到我们的Spring程序。

  3. ⽐如⽤⼾去银⾏存款:。实例:num1 = 12 && num2 = 6。
  4. 界面定义。相对的⽽⾔,下⾯这张照片可能更合适.。

    编辑实战练习 。

    Spring MVC中使⽤。学习Spring。

    用户登录 。

    加法计算器

    用户登录 。视图和控制器。

  5. Integer。是否必要。

    @RequestMapping。

    MVC 是 Model View Controller 缩写,它是软件⼯程中的⼀#xff0软件架构设计模式c;它将软件系统分开 是的。

    请求⽅类型:GET。


    前端实现󿄚
    1.登录界面.。

    num1。

    <body>    登录人: <span id="loginUser"></span>    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.4/jquery.min.js"></script>    <script>        $.ajax({            url : "user/getLoginUser",            type : "get",            success : function(result) {                console.log("测试");                $("#loginUser").text(result);            }        });    </script>    </body>

    后端实现:

    @RestController@RequestMapping("/user")public class loginController {    @RequestMapping("/login")    public boolean login(String userName, String password, HttpSession session){        ///账号密码为空 hasLength() 为null ,返回false        if (!StringUtils.hasLength(userName) || !StringUtils.hasLength(password)) {            return false;        }        ////检查密码是否正确 (正常情况下,

    是否必须。

    因此,

        true // 账号密码验证成功。

     接口定义:

    请求路径:/user/login。
    响应数据:
     Content-Type: text/html。

    1. 请求:  ⽤⼾请求时会带⼀一些参数,在程序中找到获取参数的方法,
     后端实现:

    @RestController@RequestMapping("/calc")public class CalcController { @RequestMapping("/sum") public String calc(Integer num1,Integer num2) { Integer sum = num1 + num2; return "<h1>计算机计算结果: "+sum+"</h1>"; }}。

    是的。

    2.查询登录用户接口。

  6. Controller(#xff09控制器;可以理解为⼀分发器,⽤决定发送视图的请求,需要⽤哪⼀处理一个模型,处理后需要跳回哪里?⼀个视图。

    界面定义

    Springng是什么? MVC? 。

  7. 响应:  执⾏之后的业务逻辑,要把程序执⾏结果返回⽤⼾,也就是响应.。

    请求⽅类型:GET / POST。在实现MVC的同时,

    @RequestMapping 可以修饰,也可以修饰⽅法,当修饰类和⽅法时,访问地址为类路径 + ⽅法路径.。
    响应内容:计算器计算结果:18.

    请求参数 :

    参数名。

    主要分为以下三个⽅⾯:。

     需求: ⽤⼾输⼊帐号和密码,(前后分离)。

    接⼝描述:查询当前登录情况⽤⼾。

     如果是正确的,

  8. 1.验证界面。