jsp学习（六.MVC模式）

I Am Rex

已于 2022-04-11 23:59:22 修改

阅读量1.4k

点赞数 1

分类专栏： jsp 文章标签： jsp 后端

于 2022-04-11 23:53:51 首次发布

本文链接：https://blog.csdn.net/m0_49936845/article/details/124112760

版权

jsp 专栏收录该内容

15 篇文章 1 订阅

订阅专栏

本文通过一个简单的计算器应用实例，介绍了MVC模式在Java Web开发中的运用。在该模式中，Servlet作为控制器处理请求，javabean作为模型存储数据，JSP作为视图展示结果。当用户输入两个数并选择运算符后，Servlet计算结果并将数据存入javabean，然后转发回JSP页面显示。然而，初次加载页面时，javabean的属性值未初始化，导致显示为0。这是一个需要注意的问题。

摘要由CSDN通过智能技术生成

MVC模式

MVC模式就是一整构架：模型+视图+控制器

模型就是java bean，视图是jsp页面，控制器是servlet
也就是说我们的servlet作为数据的处理程序，java bean只拿来当作一个对象存储数据，jsp负责显示
其实我们学过都知道，servlet也可以控制jsp页面(resp.getWriter()),但太混杂了，MVC模式便于管理和维护
在这里插入图片描述

例子

制作一个计算器，和书上的稍微有改动，我让输入框里的数不会消失了，具体方法见下面代码
在这里插入图片描述

在这里插入图片描述
index.jsp

<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<jsp:useBean id="digitBean" class="com.ljq.Example_operation" scope="request"/>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>计算器</title>
<style>
	.bg {
		width: 500px;
		height: 300px;
		background-color: yellow;
		margin: 100px auto;
	}
</style>

</head>
<body>
	<div class="bg">
		<form action="op" method="post">
			请输入两个数<input type="input" name="num1" value ="<%=request.getParameter("num1")==null?"":request.getParameter("num1") %>" ><input type="input" name="num2" value ="<%=request.getParameter("num2")==null?"":request.getParameter("num2") %>">
			<br>
			选择运算符: <select name = "op" >
			<option value="+" selected>+</option>
			<option value="-">-</option>
			<option value="*">*</option>
			<option value="/">/</option>
						</select>
						<input type="submit" value="提交">
		</form>
		<p>
			运算结果：
			<jsp:getProperty name="digitBean" property="numberOne"/>
			<jsp:getProperty name="digitBean" property="operator"/>
			<jsp:getProperty name="digitBean" property="numberTwo"/> = 
			<jsp:getProperty name="digitBean" property="result"/>
		</p>
	</div>
</body>
</html>

Example_operation.java

package com.ljq;

public class Example_operation {
	double numberOne,numberTwo,result;
	String operator = "+";
	public double getNumberOne() {
		return numberOne;
	}
	public void setNumberOne(double numberOne) {
		this.numberOne = numberOne;
	}
	public double getNumberTwo() {
		return numberTwo;
	}
	public void setNumberTwo(double numberTwo) {
		this.numberTwo = numberTwo;
	}
	public double getResult() {
		return result;
	}
	public void setResult(double result) {
		this.result = result;
	}
	public String getOperator() {
		return operator;
	}
	public void setOperator(String operator) {
		this.operator = operator;
	}
	
}

Servlet.java

package com.ljq;

import java.io.IOException;

import javax.servlet.RequestDispatcher;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//配置
@WebServlet("/op")
public class Servlet extends HttpServlet{
	@Override
	public void init() throws ServletException {
		// TODO Auto-generated method stub
		super.init();
	}
	
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		// TODO Auto-generated method stub
		req.setCharacterEncoding("utf-8");
		resp.setContentType("text/html;charset=utf-8");
		Example_operation bean = new Example_operation();
		req.setAttribute("digitBean", bean);
		String s1 = req.getParameter("num1");
		String s2 = req.getParameter("num2");
		String op = req.getParameter("op");
		
		if (s1 == null || s2 == null)
		{
			return;
		}
		double numberOne = Double.parseDouble(s1);
		double numberTwo = Double.parseDouble(s2);
		double result = 0;
		if (op.equals("+")) {
			result = numberOne + numberTwo;
		}
		else if (op.equals("-")) {
			result = numberOne - numberTwo;
		}
		else if (op.equals("*")) {
			result = numberOne * numberTwo;
		}
		else if (op.equals("/")) {
			result = numberOne / numberTwo;
		}
		bean.setNumberOne(numberOne);
		bean.setNumberTwo(numberTwo);
		bean.setOperator(op);
		bean.setResult(result);
		RequestDispatcher dispatcher = req.getRequestDispatcher("index.jsp");
		dispatcher.forward(req, resp);
	}
}