JSP WEB开发(四) MVC模式

MVC模式介绍

MVC(Model-View-Controller)是一种软件设计模式,最早出现在Smalltalk语言中,后来在Java中得到广泛应用,并被Sun公司推荐为Java EE平台的设计模式。它把应用程序分成了三个核心模块:模型层、视图层和控制层。

数据模型层

表示数据封装功能,负责处理业务逻辑和数据存储。例如,在一个Web应用中,模型层可能包含数据库访问类,用来读写数据库中的数据。一个或多个JavaBean对象,用于存储数据,JavaBean主要提供简单的setXXX()方法和getXXX()方法,在这些方法中不涉及对数据的具体处理细节

java 复制代码
public class EmployeeDAO {
    public List<Employee> getAllEmployees() { ... }
    public void addEmployee(Employee employee) { ... }
    public void updateEmployee(Employee employee) { ... }
    public void deleteEmployee(int id) { ... }
}

视图层

表示数据显示功能,负责显示数据给用户看。例如,在一个Web应用中,视图层可能是HTML页面或者JSP文件,用来展示数据。一个或多个JSP页面,为模型提供数据显示,JSP页面主要使用 HTML标记和JavaBean标记来显示数据。

java 复制代码
<html>
<body>
    <table>
        <tr><th>ID</th><th>Name</th><th>Salary</th></tr>
        <% for (Employee e : employees) { %>
            <tr><td><%= e.getId() %></td><td><%= e.getName() %></td><td><%= e.getSalary() %></td></tr>
        <% } %>
    </table>
</body>
</html>

控制器层

表示流程控制功能,负责接收用户的请求,调用模型层的方法,然后决定如何显示数据。例如,在一个Web应用中,控制器可能是Servlet或者Action类,用来处理HTTP请求。一个或多个Servlet对象,根据视图提交的要求进行数据处理操作,并将有关的结果存储到JavaBean中,然后Servlet使用重定向或请求转发方式请求视图中的某个JSP页面更新显示 JSP 中实现 MVC模式

以用户注册模块来介绍在JSP中如何实现MVC模式

程序结构

bean.User:模型层,实现用户注册的业务模型及数据库操作;

java 复制代码
public class User {
    private String username;
    private String password;

    public String getUsername() 
    { 
        return this.username; 
    }
    public void setUsername(String username) 
    { 
        this.username = username; 
    }

    public String getPassword() 
    { 
        return this.password; 
    }
    public void setPassword(String password) 
    { 
        this.password = password; 
     }

    public boolean register() {
        // 这里省略了数据库操作
        return true;
    }
}

servlet.UserServlet:控制器层的角色,用于流程控制,调度模型和选择视图展示运行结果;

java 复制代码
public class UserServlet extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");
        String password = request.getParameter("password");

        User user = new User();
        user.setUsername(username);
        user.setPassword(password);

        if (user.register()) {
            request.setAttribute("result", "注册成功");
        } else {
            request.setAttribute("result", "注册失败");
        }

        RequestDispatcher dispatcher = request.getRequestDispatcher("result.jsp");
        dispatcher.forward(request, response);
    }
}

regist.jsp和result.jsp等页面为视图层,负责交互与结果展现

编程思想:

用户通过JSP页面的表单输入注册信息,表单提交后由Servlet获取表单中的数据并交由JavaBean对象储存用户数据,然后将JavaBean对象的数据保存至数据库中,最后再由Servlet通知相应的视图显示用户注册的结果。

java 复制代码
<!-- 注册页面 -->
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>用户注册</title>
</head>
<body>
<form action="UserServlet">
    用户名:<input type="text" name="username"><br>
    密码:<input type="password" name="password"><br>
    <input type="submit" value="注册">
</form>
</body>
</html>

<!-- 结果页面 -->
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>注册结果</title>
</head>
<body>
<%
    String result = (String) request.getAttribute("result");
%>
<%= result %>
</body>
</html>
相关推荐
shawxlee9 小时前
vue3在public下封装config.js自定义配置动态数据,可在打包后直接修改,方便后端部署及后续维护
前端·javascript·经验分享·vue·团队开发·js·项目优化
Jelena157795857929 小时前
电商运营分析数据比价接口实战:多平台价格监控与智能决策系统
java·大数据·数据库
kyriewen9 小时前
我给前端项目的接口请求套了6层保护——才发现以前一直在裸奔
前端·javascript·面试
神明不懂浪漫10 小时前
【第五章】Java中的继承与多态
java·开发语言
郝亚军11 小时前
如何安装webstorm、Node.js和vue CLI
前端·javascript·vue.js
AI多Agent协作实战派12 小时前
AI多Agent协作系统实战(十七):凌晨4点,我的AI系统在“假装工作“——3个bug同时爆炸的5小时
java·前端·bug
gaolei_eit12 小时前
Java+Ai+vue
java·spring·maven
qq_25183645712 小时前
基于java Web 动漫视频网站毕业论文
java·开发语言·前端
LayZhangStrive12 小时前
JUC相关的函数、注解、变量杂记
java·面试·多线程·juc
未秃头的程序猿12 小时前
给公司做了个AI客服Agent,用的Spring AI 1.0,3天上线领导拍板了
java·后端·ai编程