MVC之自定义框架【1】

自定义MVC【1】

什么是MVC

MVC全名是Model View Controller,是模型(model)-视图(view)-控制器(controller)的缩写,
它是一种软件设计典范,用一种业务逻辑、数据、界面显示分离的方法组织代码

核心思想:各司其职

req.getServletPath()	单纯的一个请求
req.getContextPath()	项目名
req.getRequestURI()	项目名+请求
req.getRequestURL()	请求的全路径

原理图:

在这里插入图片描述

mvc结构:
M
实体域模型(名词)
过程域模型(动词)
V
jsp/ios/android
C
servlet/action

注1:不能跨层调用
注2:只能出现由上而下的调用

那么接下来咱们做个计算器的demo:
创建实体类Cal

package com.wt.entity;

public class Cal {
	private String num1;
	private String num2;
	public String getNum1() {
		return num1;
	}
	public void setNum1(String num1) {
		this.num1 = num1;
	}
	public String getNum2() {
		return num2;
	}
	public void setNum2(String num2) {
		this.num2 = num2;
	}
	public Cal(String num1, String num2) {
		super();
		this.num1 = num1;
		this.num2 = num2;
	}
	public Cal() {
		super();
	}
	
}

其次咱们创建主控制器:

package com.wt.framework;

import java.io.IOException;
import java.util.HashMap;
import java.util.Map;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.wt.web.AddCalAction;
import com.wt.web.DelCalAction;
import com.wt.web.cCalAction;
import com.wt.web.xCalAction;

/**
 * 主控制器
 * 	
 * @author MRCHENIKE
 *
 */
public class DispatcherServlet extends HttpServlet{

	private static final long serialVersionUID = 7986425427339711656L;
	
	private Map<String, Action> actionMap = new HashMap<>();
	
	public void init() {
		actionMap.put("/addCal", new AddCalAction());
		actionMap.put("/delCal", new DelCalAction());
		actionMap.put("/cCal", new cCalAction());
		actionMap.put("/xCal", new xCalAction());
	}
	
	@Override
	protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		doPost(req, resp);
	}
	
	@Override
	protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		init();
		String url = req.getRequestURI(); //mvc/xxx.action
		url = url.substring(url.lastIndexOf("/"), url.lastIndexOf("."));
		Action action = actionMap.get(url);
		action.execute(req, resp);

	}
}

然后创建一个子控制器,同来处理用户的请求:

package com.wt.framework;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
 * 子控制器
 *   专门用来处理业务逻辑的
 * @author MRCHENIKE
 *
 */
public interface Action {
	 void execute(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException ;
}

接着咱们创建web层:
注意这里要实现子控制器
其余三个咱们就不一一演示了,只需要改一个运算符号就好了

package com.wt.web;

import java.io.IOException;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.wt.framework.Action;

public class AddCalAction implements Action {

	@Override
	public void execute(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
		//加
		String num1 = req.getParameter("num1");
		String num2 = req.getParameter("num2");
		//负责运算 
		req.setAttribute("res", Integer.parseInt(num1)+Integer.parseInt(num2));
		req.getRequestDispatcher("calRes.jsp").forward(req, resp);
		
	}

}

这些都有了以后,还少了界面,那么咱们弄一个简单的计算器界面:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
	function doSub(val){
		if(val==1){
			calForm.action = "${pageContext.request.contextPath }/addCal.action";
		}
		else if(val==2){
			calForm.action = "${pageContext.request.contextPath }/delCal.action";
		}
		else if(val==3){
			calForm.action = "${pageContext.request.contextPath }/cCal.action";
		}
		else if(val==4){
			calForm.action = "${pageContext.request.contextPath }/xCal.action";
		}
		calForm.submit();
	}
</script>
</head>
<body>
	<form id="calForm" name="calForm" action="${pageContext.request.contextPath }/addCal.action">
		num1:<input type="text" name="num1"><br>
		num2:<input type="text" name="num2"><br>
		<button onclick="doSub(1)">+</button>
		<button onclick="doSub(2)">-</button>
		<button onclick="doSub(3)">*</button>
		<button onclick="doSub(4)">/</button>
	</form>
</body>
</html>

然后接受结果
在这里插入图片描述

咱们看看最后的结果
在这里插入图片描述

我们选择加:
在这里插入图片描述
结果为24,其余的功能就不一一演示了

总结:主控制器:查看是否有对应的子控制器来处理用户请求,如果就调用子控制器来处理请求;没有就报错,就处理不了请求
子控制器:就是处理用户请求用的

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值