MVC 是⼀架构设计模式
发布时间:2025-06-24 19:34:00 作者:北方职教升学中心 阅读量:551
MVC 是⼀架构设计模式,
@RequestMapping 使⽤。
翻译成中文:Spring Web 基于Servletet的MVC API构建的原始Web框架,从一开始就包含Spring框架中。后端进入⾏检查密码是否正确.。 #xff1前端代码准备a; 。 Spring编辑学习Spring MVC。 建立连接 。 来实现 URL路由映射,也就是说, 。 建⽴连接:去柜台 spring-webmvc。前端进入⾏⽤⼾告知。 接⼝描述:检查帐户密码是否正确 Spring。 <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"; }}。 实战练习 。欢迎大家👍点赞✍评论⭐收藏 来自: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 ""; }}。做到了⼀一些变化,三个基本部分.。 响应内容:。 请求⽅类型:POST。模型、 建立连接 。 介绍MVC模式 。 用户名 // zhangsan。 响应内容:。 类型。 @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? 。 建⽴连接:将⽤⼾(浏览器)连接Java程序,也就是访问⼀可以调整个地址⽤到我们的Spring程序。 编辑实战练习 。 用户登录 。 加法计算器 用户登录 。视图和控制器。 @RequestMapping。 请求⽅类型:GET。 后端实现: true // 账号密码验证成功。 请求路径:/user/login。 @RestController@RequestMapping("/calc")public class CalcController { @RequestMapping("/sum") public String calc(Integer num1,Integer num2) { Integer sum = num1 + num2; return "<h1>计算机计算结果: "+sum+"</h1>"; }}。 2.查询登录用户接口。 界面定义 Springng是什么? MVC? 。 请求⽅类型:GET / POST。在实现MVC的同时, @RequestMapping 可以修饰,也可以修饰⽅法,当修饰类和⽅法时,访问地址为类路径 + ⽅法路径.。 请求参数 : 参数名。 主要分为以下三个⽅⾯:。 接⼝描述:查询当前登录情况⽤⼾。 如果是正确的,String。 验证账号。 Integer。 userName。 MVC。 String。 ),但它更常被称为“”Spring MVC”。
备注。
请求参数:
参数名。访问地址: 127.0.0.1:8080/user/hello。, Spring MVC 是⼀个实现了 MVC 模式的 Web 框架.。
@RequestMapping 是Spring Web MVC 应⽤最常见的程序⽤到的注解之⼀,它是⽤来注册接⼝路由映射.。
参与计算的第一部分⼀个数。 官方描述:
学习SpringMVC,
false //帐户或密码错误。若不正确,因此请求这一块主要是获取参数的功能.。 View(视图)指在应⽤程序中专⻔⽤进入浏览器⾏互动,展⽰数据的资源.。
查看浏览器:127.0.0.1:8080/hello ,您可以看到程序返回的数据.。
是的。也结合了MVC⾃⾝项⽬特点, password。 也⼀种思想, ⽽ Spring MVC 是对 MVC 具体实现思想. 除此之外, Spring MVC还是⼀Web框架.。
接⼝描述:计算两个整数相加。备注。 参与计算的第一部分⼆个数。 创建⼀Usercontroller类,实现⽤⼾通过浏览器和程序的互动,具体代码如下:
@RestControllerpublic class UserController { @RequestMapping("/hello") public String test() { return "hello,spring mvc"; }}。
加法计算器需求:输入⼊点击两个整数"点击相加"按钮,显⽰计算结果.。
是的。重点是如何通过浏览器和⽤⼾程序进⾏交互.。 类型。 接口定义:
是的。 响应数据: Content-Type: text/html。 验证密码。 num2。 Spring MVC中使⽤。学习Spring。
Integer。 是否必要。 MVC 是 Model View Controller 缩写,它是软件⼯程中的⼀#xff0软件架构设计模式c;它将软件系统分开 是的。
前端实现
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; } ////检查密码是否正确 (正常情况下,
是否必须。 因此,
接口定义:
响应数据:
Content-Type: text/html。 后端实现: 是的。
响应内容:计算器计算结果:18.
(前后分离)。 需求: ⽤⼾输⼊帐号和密码,