前言

在Servlet中编写html的画面输出不是好的主意，在JSP上编写Java语言也不是很建议；对于Java程序代码与呈现画面的html等混杂在一起，非但撰写不易、日后对维护人员也不友好，而且对大型项目的分工合作也是一大困扰，将来若需要转换为其它页面模板技术上也会遇到很大麻烦。

一、MVC模式的介绍

MVC是Model、View、Controller的缩写，是编写JSP的一种模式。

Model是模型层

也称为数据可持续层
主要用到JavaBean技术
实现对业务逻辑处理，数据类（结果的保存）

View是视图层

主要是用JSP/HTML技术来实现
对页面的输入和结果的输出

Controller是控制层

主要使用Servlet技术
接收用户的请求
调用方法，处理业务来得到结果
根据结果来跳转目的页面（实现页面跳转）

MVC模式关键在结果：

结果的保存是采用JavaBean即Java对象。
结果的获取是通过Servlet来调用Java的方法得到。
结果的显示需要在JSP的页面中去显示。
结果的传递关键在于通过作用域对象（request或session对象）把Java对象从Servlet传递给JSP。

MVC中数据传递步骤：

一、在Servlet中

创建JavaBean对象；在flower.grass.crateJavaBeanclass目录下

JavaBeanClass bean = new JavaBeanClass();

接收输入JSP页面发送的请求数据存储到JavaBean；
调用Java方法得到结果；
将JavaBean实例保存到相应的作用域对象中，例如request、session中；

//request对象
request.setAttribute("keyWord",bean);
//session对象
HttpSession session = request.getSession(true);
session.setAttribute("keyWord",bean);

跳转到结果页面JSP上。

//request
RequestDispatcher dis = request.getRequestDispatcher(结果URL地址"xxx.Jsp")dispatcher.forward(request,respone);//请求xxx.Jsp中的结果
//session
forward或者是重定向都可以

二、输出JSP页面

显示JavaBean的数据（结果）
用标签来显示结果，用如下标记来获取Servlet所创建的JavaBean的引用：

<jsp:useBean id = "keyword" type = "flower.grass.crateJavaBeanclass" 
scope = "request/session"/>

在JSP页面显示具体数据

<jsp:getProperty name="keyword" property="Java属性"

用EL表达式则可以直接使用

${
    
    keyword.属性名}

EL的具体使用可以看：大佬连接

二、使用MVC简单做一个题目

题目：用户通过JSP页面输入三角形的三边或梯形的上底、下底和高给一个servlet控制器，控制器负责计算三角形和梯形的面积，并将结果存储到数据模型中，然后请求JSP页面显示数据模型中的数据。。

1.模式设计分析

模型层JavaBean：封装类Compute_Bean的属性
视图层View：用login.jsp来输入三角形的三条边或者是梯形的上底、下底、高。
控制层Servlet：从login.jsp三角形的三条边或者是梯形的上底、下底、高的数据，创建响应的JavaBean实例，验证输入的合法性后计算三角形或梯形的面积从而输出结果。

2.代码解读

Model：

package com.example;

public class Compute_Bean {
    
    
	private double number1 = 0;
	private double number2 = 0;
	private double number3 = 0;
	private double result;
	private String name = "null";
	private String number1_name = "null";
	private String number2_name = "null";
	private String number3_name = "null";
	
	public void setNumber1(double newNumber1) {
    
    
		number1 = newNumber1;
	}
	public double getNumber1() {
    
    
		return number1;
	}
	
	
	public void setNumber2(double newNumber2) {
    
    
		number2 = newNumber2;
	}
	public double getNumber2() {
    
    
		return number2;
	}
	
	
	public void setNumber3(double newNumber3) {
    
    
		number3 = newNumber3;
	}
	public double getNumber3() {
    
    
		return number3;
	}
	
	
	public void setResult(double newResult) {
    
    
		result = newResult;
	}
	public double getResult() {
    
    
		return result;
	}
	
	public void setName(String newName) {
    
    
		name = newName;
	}
	public String getName() {
    
    
		return name;
	}
	
	public void setNumber1_name(String newNumber1_name) {
    
    
		number1_name = newNumber1_name;
	}
	public String getNumber1_name() {
    
    
		return number1_name;
	}
	
	public void setNumber2_name(String newNumber2_name) {
    
    
		number2_name = newNumber2_name;
	}
	public String getNumber2_name() {
    
    
		return number2_name;
	}
	
	public void setNumber3_name(String newNumber3_name) {
    
    
		number3_name = newNumber3_name;
	}
	public String getNumber3_name() {
    
    
		return number3_name;
	}

}

View:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>求 三角形/梯形 面积</title>
</head>
<body>
	<jsp:useBean id="compute_bean" class="com.example.Compute_Bean" scope="request" />

	<h1>求 三角形/梯形 面积</h1>
	<form action="Compute_Servlet" method="post">
		边1/上底：<input type="text" name="number1" value=<jsp:getProperty name="compute_bean" property="number1" />>	<br> 
		边2/下底：<input type="text" name="number2" value=<jsp:getProperty name="compute_bean" property="number2" />> <br> 
		边3/高：	<input type="text" name="number3" value=<jsp:getProperty name="compute_bean" property="number1" />>	<br> 
				<input type="submit" name="submit" value="求三角形面积"><br>
				<input type="submit" name="submit" value="求梯形面积">	<br>
	</form>
	
	
	<table border="1">
	  	<tr>
		    <th><jsp:getProperty name="compute_bean" property="number1_name" /></th>
		    <th><jsp:getProperty name="compute_bean" property="number2_name" /></th>
		    <th><jsp:getProperty name="compute_bean" property="number3_name" /></th>
		    <th><jsp:getProperty name="compute_bean" property="name" />：	</th>
	  	</tr>
	  	<tr>
		    <td><jsp:getProperty name="compute_bean" property="number1" />	</td>
		    <td><jsp:getProperty name="compute_bean" property="number2" />	</td>
		    <td><jsp:getProperty name="compute_bean" property="number3" />	</td>
		    <td><jsp:getProperty name="compute_bean" property="result" />	</td>
	  	</tr>
	</table>
	
</body>
</html>

Controller

package com.example;

import jakarta.servlet.RequestDispatcher;
import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import java.io.IOException;

import org.apache.jasper.tagplugins.jstl.core.Out;

/**
 * Servlet implementation class Compute_Servlet
 */
public class Compute_Servlet extends HttpServlet {
    
    
	private static final long serialVersionUID = 1L;
       
    /**
     * @see HttpServlet#HttpServlet()
     */
    public Compute_Servlet() {
    
    
        super();
        // TODO Auto-generated constructor stub
    }

	/**
	 * @see HttpServlet#service(HttpServletRequest request, HttpServletResponse response)
	 */
	protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    
    
		// TODO Auto-generated method stub
		request.setCharacterEncoding("utf-8");
		response.setContentType("text/html;charset=utf-8");
		Compute_Bean compute_bean = new Compute_Bean();
		request.setAttribute("compute_bean", compute_bean);
		double number1 = Double.parseDouble(request.getParameter("number1"));
		double number2 = Double.parseDouble(request.getParameter("number2"));
		double number3 = Double.parseDouble(request.getParameter("number3"));
		String mess = request.getParameter("submit");
		
		
		compute(number1, number2, number3, mess, compute_bean);
		RequestDispatcher dispatcher = request.getRequestDispatcher("login.jsp");
		dispatcher.forward(request, response);
		System.out.print(compute_bean.getResult());
	
	}

	
	public void compute(double num1, double num2,double num3, String mess, Compute_Bean bean) {
    
    
		boolean flag = mess.contains("三角");
		
		bean.setNumber1(num1);
		bean.setNumber2(num2);
		bean.setNumber3(num3);
		
		if(flag) {
    
    
			double p = (num1 + num2 + num3) * 0.5;
			double result = Math.sqrt(p * (p-num1) * (p-num2) * (p-num3));
			bean.setResult(result); 
			bean.setName("三角形面积"); 
			bean.setNumber1_name("边1"); 
			bean.setNumber2_name("边2"); 
			bean.setNumber3_name("边3"); 
		}
		else {
    
    
			double result = (num1 + num2) * num3 * 0.5;
			bean.setResult(result);
			bean.setName("梯形面积"); 
			bean.setNumber1_name("上底"); 
			bean.setNumber2_name("下底"); 
			bean.setNumber3_name("高");
		}
		
	}
}

对Java Web的MVC模式认识

MVC模式

前言

一、MVC模式的介绍

二、使用MVC简单做一个题目

1.模式设计分析

2.代码解读

猜你喜欢