自定义mvc框架

最新推荐文章于 2023-07-02 01:25:10 发布

路过、错过、不想再放过

最新推荐文章于 2023-07-02 01:25:10 发布

阅读量104

点赞数

本文链接：https://blog.csdn.net/qiu_hyun/article/details/97184543

版权

自定义MVC框架

一、什么是MVC

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

Model1 jsp+jdbc

Model2 ->MVC

核心思想：各司其职

自定义mvc解决的问题

在这里插入图片描述

二、 MVC结构

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

jsp
<%
%>

web 做浏览器请求分发
service 调用dao处理项目业务的
dao 操作数据库

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

现今开发
实体类、dao、web
AddBookServlet
DelBookServlet
。。。。。。

web.xml
AddBookServlet
DelBookServlet
。。。。。。

…

BookServlet
web.xml
BookServlet

		String methodName = req.getParamater("methodName");
		String methodName = req.getParamater("bname");
		String methodName = req.getParamater("pice");
		String methodName = req.getParamater("type");

		........
		Book b = new Book();
		b.set()
		......
		
		if("add".equals(methodName)){
			add(req,resp);
		}
		
		重定向、转发
		req.getResquestDispather("xxx.jsp").forward(req,resp);
		resp.sendRedirect();

jsp--->methodName=add/del/....

–>前一种方式有一种方式有什么不好呢？
1、BookServlet中的if语句判断非常多
2、省去jsp传递到后台封装成对象的过程
3、省去结果集的处理

中央控制器
子控制器

三、自定义MVC工作原理图

主控制动态调用子控制器调用完成具体的业务逻辑
（火车、控制台、车轨）
请求、主控制器、子控制器

总结：

主控制器： 查看是否有对应的子控制器来处理用户请求，如果就调用子控制器来处理请求；没有就报错，就处理不了请求

子控制器： 就是处理用户请求用的

四、定义中央控制器以及子控制器

DispatcherServlet：（中央控制器）

package com.qiuwenfan.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 javax.swing.ActionMap;

import com.qiuwenfan.web.AddCalAction;
import com.qiuwenfan.web.DelCalAction;
import com.qiuwenfan.web.DivideCalAction;
import com.qiuwenfan.web.RideCalAction;

/**
 * 中央控制器
 * 作用：
 *  接受用户请求，通过用户请求的url寻找指定的子控制器去处理业务
 * @author qiuwenfan
 *
 */
public class DispatcherServlet extends HttpServlet {

	private static final long serialVersionUID = -8266484005379629318L;
	private Map<String, Action> actionMap = new HashMap<String, Action>();
	
	public void init() {
		actionMap.put("/cal_add", new AddCalAction());
		actionMap.put("/cal_del", new DelCalAction());
		actionMap.put("/cal_ride", new RideCalAction());
		actionMap.put("/cal_divide", new DivideCalAction());
	}
	
	@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 {
		String url = req.getRequestURI();
		url = url.substring(url.lastIndexOf("/"),url.lastIndexOf("."));
//		AddCalAction action = (AddCalAction) actionMap.get(url);
//		Action a = action;
		Action action = actionMap.get(url);
		action.execute(req, resp);
		
	}

}

Action：（子控制器）

package com.qiuwenfan.framework;

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

/**
 * 子控制器：
 *   作用：具体处理用户请求的类（实现了Action接口的类）
 * @author qiuwenfan
 *
 */
public interface Action {
	String execute(HttpServletRequest req, HttpServletResponse resp);
}

Web.xml:

<servlet>
    <servlet-name>dispatcherServlet</servlet-name>
    <servlet-class>com.qiuwenfan.framework.DispatcherServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>dispatcherServlet</servlet-name>
    <url-pattern>*.action</url-pattern>
  </servlet-mapping>

Entity包：

Cal:

package com.qiuwenfan.entity;

public class Cal {
	private String num1;
	private String num2;
	
	public Cal() {
		super();
	}
	
	public Cal(String num1, String num2) {
		super();
		this.num1 = num1;
		this.num2 = 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;
	}
	
}

Web包：

AddCalAction:(加)

package com.qiuwenfan.web;

import java.io.IOException;

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

import com.qiuwenfan.entity.Cal;
import com.qiuwenfan.framework.Action;

public class AddCalAction implements Action {

	@Override
	public String execute(HttpServletRequest req, HttpServletResponse resp) {
		String num1 = req.getParameter("num1");
		String num2 = req.getParameter("num2");
		Cal cal = new Cal(num1, num2);
		req.setAttribute("rs", Integer.valueOf(cal.getNum1())+Integer.valueOf(cal.getNum2()));
		try {
			req.getRequestDispatcher("/rs.jsp").forward(req, resp);
		} catch (ServletException | IOException e) {
			e.printStackTrace();
		}
		return null;
	}

}

DelCalAction：（减）

package com.qiuwenfan.web;

import java.io.IOException;

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

import com.qiuwenfan.entity.Cal;
import com.qiuwenfan.framework.Action;

public class DelCalAction implements Action {

	@Override
	public String execute(HttpServletRequest req, HttpServletResponse resp) {
		String num1 = req.getParameter("num1");
		String num2 = req.getParameter("num2");
		Cal cal = new Cal(num1, num2);
		req.setAttribute("rs", Integer.valueOf(cal.getNum1())-Integer.valueOf(cal.getNum2()));
		try {
			req.getRequestDispatcher("/rs.jsp").forward(req, resp);
		} catch (ServletException | IOException e) {
			e.printStackTrace();
		}
		return null;
	}

}

DivideCalAction：（乘）

package com.qiuwenfan.web;

import java.io.IOException;

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

import com.qiuwenfan.entity.Cal;
import com.qiuwenfan.framework.Action;

public class DivideCalAction implements Action {

	@Override
	public String execute(HttpServletRequest req, HttpServletResponse resp) {
		String num1 = req.getParameter("num1");
		String num2 = req.getParameter("num2");
		Cal cal = new Cal(num1, num2);
		req.setAttribute("rs", Integer.valueOf(cal.getNum1())/Integer.valueOf(cal.getNum2()));
		try {
			req.getRequestDispatcher("/rs.jsp").forward(req, resp);
		} catch (ServletException | IOException e) {
			e.printStackTrace();
		}
		return null;
	}

}

RideCalAction：（除）

package com.qiuwenfan.web;

import java.io.IOException;

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

import com.qiuwenfan.entity.Cal;
import com.qiuwenfan.framework.Action;

public class RideCalAction implements Action {

	@Override
	public String execute(HttpServletRequest req, HttpServletResponse resp) {
		String num1 = req.getParameter("num1");
		String num2 = req.getParameter("num2");
		Cal cal = new Cal(num1, num2);
		req.setAttribute("rs", Integer.valueOf(cal.getNum1())*Integer.valueOf(cal.getNum2()));
		try {
			req.getRequestDispatcher("/rs.jsp").forward(req, resp);
		} catch (ServletException | IOException e) {
			e.printStackTrace();
		}
		return null;
	}

}

cal.jsp:

<%@ 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(v){
		if(v==1){
			calForm.action = "${pageContext.request.contextPath}/cal_add.action";
		}else if(v==2){
			calForm.action = "${pageContext.request.contextPath}/cal_del.action";
		}else if(v==3){
			calForm.action = "${pageContext.request.contextPath}/cal_ride.action";
		}else if(v==4){
			calForm.action = "${pageContext.request.contextPath}/cal_divide.action";
		}
		calForm.submit;
	} 
</script>
</head>
<body>
<form id="calForm" action="" method="post">
    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>

Rs.jsp:

<%@ 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>
</head>
<body>
结果：${rs}
</body>
</html>

五、通过XML对自定义mvc框架进行增强

5.1 将Action的信息配置到xml(反射实例化)

5.2 通过结果码控制页面的跳转

5.3 将一组相关的操作放到一个Action中(反射调用方法)

 DispatcherAction
 
 methodName:add/minus/mul/div

 CalAction extends DispatcherAction
 
 提供一组与execute方法的参数、返回值相同的方法，只有方法名不一样

5.4 利用ModelDriver接口对Java对象进行赋值(反射读写方法)

  BeanUtils.populate(calBean, parameterMap);

  ModelDriver接口返回的对象不能为空

5.5 使得框架的配置文件可变

注1：Action多例模式？因为Action的属性要用来接收参数

需要的驱动包如图：

在这里插入图片描述

代码演示：

Framework包：

DispatcherServlet：

package com.qiuwenfan.framework;

import java.io.IOException;
import java.lang.reflect.InvocationTargetException;
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 javax.swing.ActionMap;

import org.apache.commons.beanutils.BeanUtils;
import org.apache.commons.beanutils.PropertyUtils;

import com.qiuwenfan.web.AddCalAction;
import com.qiuwenfan.web.DelCalAction;
import com.qiuwenfan.web.DivideCalAction;
import com.qiuwenfan.web.RideCalAction;

/**
 * 中央控制器
 * 作用：
 *  接受用户请求，通过用户请求的url寻找指定的子控制器去处理业务
 *  
 * 1、对存放子控制器action容器的增强
 *   ？： 原来为了完成业务需求，需要不断修改框架的代码，这样设计是不合理的
 *   处理方式：参照web.xml的实际方法，来完成中央控制器管理的子控制器的动态配置
 * 
 * 2、处理结果码的跳转形式  
 *    达到简化代码的目地
 * 
 * 3、将一组操作放到一个子控制器去完成
 * 
 * 4、处理jsp传递到后台的参数封装
 * 
 * 5、解决框架配置文件重名冲突问题
 * 
 * @author qiuwenfan
 *
 */
public class DispatcherServlet extends HttpServlet {

	private static final long serialVersionUID = -8266484005379629318L;
//	private Map<String, Action> actionMap = new HashMap<String, Action>();
	private ConfigModel configModel = null;
private Object newInstance;
	
	public void init() {
//		actionMap.put("/cal_add", new AddCalAction());
//		actionMap.put("/cal_del", new DelCalAction());
//		actionMap.put("/cal_ride", new RideCalAction());
//		actionMap.put("/cal_divide", new DivideCalAction());
		try {
			String mvcXmlLocation = this.getInitParameter("mvcXmlLocation");
			if(null == mvcXmlLocation || "".equals(mvcXmlLocation)) {
				mvcXmlLocation = "mvc.xml";
			}
			
			System.out.println("mvcXmlLocation:"+mvcXmlLocation);
			configModel = ConfigModelFactory.newInstance(mvcXmlLocation);
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
	
	@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 {
		String url = req.getRequestURI();
		url = url.substring(url.lastIndexOf("/"),url.lastIndexOf("."));
//		AddCalAction action = (AddCalAction) actionMap.get(url);
//		Action a = action;
//		Action action = actionMap.get(url);
//		action.execute(req, resp);
		ActionModel actionModel = configModel.get(url);
	    try {
	    	if(actionModel == null) {
	    		throw new RuntimeException("你没有配置指定的子控制器来处理用户请求");
	    	}
	    	Action action = (Action) Class.forName(actionModel.getType()).newInstance();
	    	if(action instanceof ModelDriven) {
	    		ModelDriven modelDriven = (ModelDriven) action;
	    		Object model = modelDriven.getModel();
//	    		给model赋值了，那么意味着在调用add/del方法的时候cal不再是空的了
	    		try {
					BeanUtils.populate(model, req.getParameterMap());
				} catch (InvocationTargetException e) {
					e.printStackTrace();
				}
	    	}
	    	
	    	String code = action.execute(req, resp);
	    	ForwardModel forwardModel = actionModel.get(code);
	    	if("false".equals(forwardModel.getRedirect())) {
	    		req.getRequestDispatcher(forwardModel.getPath()).forward(req, resp);
	    	}else {
//	    		注意：默认会缺损项目名
	    		resp.sendRedirect(req.getContextPath()+forwardModel.getPath());
	    	}
		} catch (InstantiationException | IllegalAccessException | ClassNotFoundException e) {
			e.printStackTrace();
		}
	}

}

Action：

package com.qiuwenfan.framework;

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

/**
 * 子控制器：
 *   作用：具体处理用户请求的类（实现了Action接口的类）
 * @author qiuwenfan
 *
 */
public interface Action {
	String execute(HttpServletRequest req, HttpServletResponse resp);
}

ActionModel：

package com.qiuwenfan.framework;

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

/**
 * 用来描述action标签
 * @author Administrator
 *
 */
public class ActionModel implements Serializable{

	private static final long serialVersionUID = 6145949994701469663L;
	
	private Map<String, ForwardModel> forwardModels = new HashMap<String, ForwardModel>();
	
	private String path;
	
	private String type;
	
	public String getPath() {
		return path;
	}

	public void setPath(String path) {
		this.path = path;
	}

	public String getType() {
		return type;
	}

	public void setType(String type) {
		this.type = type;
	}

	public void put(ForwardModel forwardModel){
		forwardModels.put(forwardModel.getName(), forwardModel);
	}
	
	public ForwardModel get(String name){
		return forwardModels.get(name);
	}
	
}

ActionSupport：

package com.qiuwenfan.framework;

import java.lang.reflect.InvocationTargetException;
import java.lang.reflect.Method;

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

/**
 * 增强版的子控制器
 *   作用：将一组操作放到一个子控制器去完成
 * 
 * @author qiuwenfan
 *
 */
public class ActionSupport implements Action {

	@Override
	public String execute(HttpServletRequest req, HttpServletResponse resp) {
//		从前台传递需要调用的方法名到后台，实现动态方法调用
		String methodName = req.getParameter("methodName");
//		思考：com.qiuwenfan.web.CalAction  
		String code = null;
		try {
			Method m = this.getClass().getDeclaredMethod(methodName, HttpServletRequest.class, HttpServletResponse.class);
			m.setAccessible(true);
			code = (String) m.invoke(this, req, resp);
		} catch (NoSuchMethodException | SecurityException e) {
			e.printStackTrace();
		} catch (IllegalAccessException e) {
			e.printStackTrace();
		} catch (IllegalArgumentException e) {
			e.printStackTrace();
		} catch (InvocationTargetException e) {
			e.printStackTrace();
		}
		return code;
	}

}

ConfigModel：

package com.qiuwenfan.framework;

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

/**
 * 用来描述config标签
 * @author Administrator
 *
 */
public class ConfigModel implements Serializable{

	private static final long serialVersionUID = -2334963138078250952L;
	
	private Map<String, ActionModel> actionModels = new HashMap<String, ActionModel>();
	
	public void put(ActionModel actionModel){
		actionModels.put(actionModel.getPath(), actionModel);
	}
	
	public ActionModel get(String name){
		return actionModels.get(name);
	}
	
}

ConfigModelFactory：

package com.qiuwenfan.framework;

import java.io.InputStream;
import java.util.List;

import org.dom4j.Document;
import org.dom4j.Element;
import org.dom4j.io.SAXReader;

public class ConfigModelFactory {
	private ConfigModelFactory() {

	}

	private static ConfigModel configModel = null;

	public static ConfigModel newInstance() throws Exception {
		return newInstance("mvc.xml");
	}

	/**
	 * 工厂模式创建config建模对象
	 * 
	 * @param path
	 * @return
	 * @throws Exception
	 */
	public static ConfigModel newInstance(String path) throws Exception {
		if (null != configModel) {
			return configModel;
		}

		ConfigModel configModel = new ConfigModel();
		InputStream is = ConfigModelFactory.class.getResourceAsStream(path);
		SAXReader saxReader = new SAXReader();
		Document doc = saxReader.read(is);
		List<Element> actionEleList = doc.selectNodes("/config/action");
		ActionModel actionModel = null;
		ForwardModel forwardModel = null;
		for (Element actionEle : actionEleList) {
			 actionModel = new ActionModel();
			actionModel.setPath(actionEle.attributeValue("path"));
			actionModel.setType(actionEle.attributeValue("type"));
			List<Element> forwordEleList = actionEle.selectNodes("forward");
			for (Element forwordEle : forwordEleList) {
				forwardModel = new ForwardModel();
				forwardModel.setName(forwordEle.attributeValue("name"));
				forwardModel.setPath(forwordEle.attributeValue("path"));
				forwardModel.setRedirect(forwordEle.attributeValue("redirect"));
				actionModel.put(forwardModel);
			}

			configModel.put(actionModel);
		}

		return configModel;
	}
	
	public static void main(String[] args) {
		try {
			ConfigModel configModel = ConfigModelFactory.newInstance();
			ActionModel actionModel = configModel.get("/loginAction");
			ForwardModel forwardModel = actionModel.get("failed");
			System.out.println(actionModel.getType());
			System.out.println(forwardModel.getPath());
		} catch (Exception e) {
			e.printStackTrace();
		}
	}
}

ForwardModel：

package com.qiuwenfan.framework;

import java.io.Serializable;

/**
 * 用来描述forward标签
 * @author Administrator
 *
 */
public class ForwardModel implements Serializable {

	private static final long serialVersionUID = -8587690587750366756L;

	private String name;
	private String path;
	private String redirect;

	public String getName() {
		return name;
	}

	public void setName(String name) {
		this.name = name;
	}

	public String getPath() {
		return path;
	}

	public void setPath(String path) {
		this.path = path;
	}

	public String getRedirect() {
		return redirect;
	}

	public void setRedirect(String redirect) {
		this.redirect = redirect;
	}

}

ModelDriven：

package com.qiuwenfan.framework;

/**
 * 
 * 模型驱动接口
 *   作用：给对应处理业务的子控制器中包含的实体类进行jsp参数封装
 * @author qiuwenfan
 *
 * @param <T>
 */
public interface ModelDriven<T> {
	T getModel();
}

Mvc.xml:

<?xml version="1.0" encoding="UTF-8"?>
<config>
<!-- 	<action path="/cal_add" type="com.qiuwenfan.web.AddCalAction"> -->
<!-- 		<forward name="rs" path="/rs.jsp" redirect="false" /> -->
<!-- 	</action> -->
<!-- 	<action path="/cal_del" type="com.qiuwenfan.web.DelCalAction"> -->
<!-- 		<forward name="rs" path="/rs.jsp" redirect="false" /> -->
<!-- 	</action> -->
<!-- 	<action path="/cal_divide" type="com.qiuwenfan.web.DivideCalAction"> -->
<!-- 		<forward name="rs" path="/rs.jsp" redirect="false" /> -->
<!-- 	</action> -->
<!-- 	<action path="/cal_ride" type="com.qiuwenfan.web.RideCalAction"> -->
<!-- 		<forward name="rs" path="/rs.jsp" redirect="false" /> -->
<!-- 	</action> -->
		<action path="/cal" type="com.qiuwenfan.web.CalAction"> -->
 		<forward name="rs" path="/rs.jsp" redirect="false" /> -->
	 	</action>
</config>

Web包:

CalAction:

package com.qiuwenfan.web;

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

import com.qiuwenfan.entity.Cal;
import com.qiuwenfan.framework.ActionSupport;
import com.qiuwenfan.framework.ModelDriven;

public class CalAction extends ActionSupport implements ModelDriven<Cal>{
	private Cal cal = new Cal();
	public String add(HttpServletRequest req, HttpServletResponse resp) {
//		String num1 = req.getParameter("num1");
//		String num2 = req.getParameter("num2");
//		Cal cal = new Cal(num1, num2);
		req.setAttribute("rs", Integer.valueOf(cal.getNum1())+Integer.valueOf(cal.getNum2()));
//		try {
//			req.getRequestDispatcher("/rs.jsp").forward(req, resp);
//		} catch (ServletException | IOException e) {
//			e.printStackTrace();
//		}
		return "rs";
	}
	
	public String del(HttpServletRequest req, HttpServletResponse resp) {
//		String num1 = req.getParameter("num1");
//		String num2 = req.getParameter("num2");
//		Cal cal = new Cal(num1, num2);
		req.setAttribute("rs", Integer.valueOf(cal.getNum1())-Integer.valueOf(cal.getNum2()));
//		try {
//			req.getRequestDispatcher("/rs.jsp").forward(req, resp);
//		} catch (ServletException | IOException e) {
//			e.printStackTrace();
//		}
		return "rs";
	}
	
	public String ride(HttpServletRequest req, HttpServletResponse resp) {
//		String num1 = req.getParameter("num1");
//		String num2 = req.getParameter("num2");
//		Cal cal = new Cal(num1, num2);
		req.setAttribute("rs", Integer.valueOf(cal.getNum1())*Integer.valueOf(cal.getNum2()));
//		try {
//			req.getRequestDispatcher("/rs.jsp").forward(req, resp);
//		} catch (ServletException | IOException e) {
//			e.printStackTrace();
//		}
		return "rs";
	}
	
	public String divide(HttpServletRequest req, HttpServletResponse resp) {
//		String num1 = req.getParameter("num1");
//		String num2 = req.getParameter("num2");
//		Cal cal = new Cal(num1, num2);
		req.setAttribute("rs", Integer.valueOf(cal.getNum1())/Integer.valueOf(cal.getNum2()));
//		try {
//			req.getRequestDispatcher("/rs.jsp").forward(req, resp);
//		} catch (ServletException | IOException e) {
//			e.printStackTrace();
//		}
		return "rs";
	}

	@Override
	public Cal getModel() {
		// TODO Auto-generated method stub
		return cal;
	}

}

Cal.jsp:(运行界面)

<%@ 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(v){
		if(v==1){
			calForm.action = "${pageContext.request.contextPath}/cal.action?methodName=add";
		}else if(v==2){
			calForm.action = "${pageContext.request.contextPath}/cal.action?methodName=del";
		}else if(v==3){
			calForm.action = "${pageContext.request.contextPath}/cal.action?methodName=ride";
		}else if(v==4){
			calForm.action = "${pageContext.request.contextPath}/cal.action?methodName=divide";
		}
		calForm.submit;
	} 
</script>
</head>
<body>
<form id="calForm" action="" method="post">
    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>