【案例+源码】详解MVC框架模式及其应用-阿里云开发者社区

【案例+源码】详解MVC框架模式及其应用

2024-10-12 6

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 【案例+源码】详解MVC框架模式及其应用

【案例+源码】详解MVC框架模式及其应用

写在开头：
    首先我们需要知道，框架模式、模式、开发模式是三种不同的概念，
但他们的目的都一样：解耦！

1、关于MVC框架模型

MVC是三个单词的缩写：

M，Model（模型）；
V,View( 视图 )，
C，Control（控制）。

Model层：实现系统的业务逻辑(javaBean)
View层：负责与用户交互，即在界面上展示数据对象给用户(html，jsp)
Control层：Model与View之间沟通的桥梁，它可以分派用户的请求并选择恰当的视图以用于显示，同时它也可以解释用户的输入并将它们映射为模型层可执行的操作(Servlet)

[

2、MVC设计登录案例

MVC框架模型之间的关系处理：

2.1设计登录案例交互图

2.1.1明确各个模型：

2.2项目结构图一览

2.3、代码部分

2.3.1View视图层代码

login.jsp:

<%--
  Created by IntelliJ IDEA.
  User: 编程小哥令狐
  Date: 2020/10/8
  Time: 22:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<center>
    <form action="UserServlet" method="post">
        <h4>登录</h4>
        <hr/>
        姓名：<input type="text" name="username"/><br/>
        密码：<input type="password" name="password"/><br/>
        <input type="submit" value="提交"/>
    </form>
</center>
</body>
</html>

success.jsp:

<%--
  Created by IntelliJ IDEA.
  User: 编程小哥令狐
  Date: 2020/10/8
  Time: 22:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<center>
    <h3>登陆成功</h3>
    <%--<a href="<%= path %>/login.jsp">后退</a>--%>
</center>
</body>
</html>

unsuccess.jsp:

<%--
  Created by IntelliJ IDEA.
  User: 编程小哥令狐
  Date: 2020/10/8
  Time: 22:00
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<div style="text-align: center;">
    <h3>登陆失败</h3>
    <%--<a href="<%= path %>/login.jsp">后退</a>--%>
</div>
</body>
</html>

2.3.2Controller控制层代码

UserServlet.java：

package com.mvc.servlet;
import com.mvc.javabean.User;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
public class UserServlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        this.doPost(req, resp);
    }
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        String userName = req.getParameter("username");
        String password = req.getParameter("password");
        User user = new User();
        if(user.validatorUser(userName, password)){
            resp.sendRedirect("success.jsp");
        }
        else{
            resp.sendRedirect("unsuccess.jsp");
        }
    }
}

2.3.3Model模型层代码：

User.java:

package com.mvc.javabean;
public class User {
    public boolean validatorUser(String username, String password){
        if(username.equals("admin") && password.equals("admin")){
            return true;
        }
        else{
            return false;
        }
    }
}

2.4、Web.xml配置

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd" id="WebApp_ID" version="3.0">
    <display-name>MVC</display-name>
    <welcome-file-list>
        <welcome-file>login.jsp</welcome-file>
    </welcome-file-list>
    <servlet>
        <servlet-name>UserServlet</servlet-name>
        <servlet-class>com.mvc.servlet.UserServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>UserServlet</servlet-name>
        <url-pattern>/UserServlet</url-pattern>
    </servlet-mapping>
</web-app>