使用Servlet+jsp构建MVC体系结构的Web应用

使用简单的MVC体系结构构建Web应用

1、客户请求得到form.html页面;

2、容器获得form.html页面;

3、容器把这个页面返回给浏览器,用户再在浏览器上回答表单上的问题;

4、浏览器把请求数据发送给容器;

5、容器根据URL查找正确servlet,并把请求传递给这个servlet;

6、servlet调用BeerExpert寻求帮助;

7、这个“专家”类返回一个回答,servlet把这个回答增加到请求对象;

8、servlet把请求转发给JSP;

9、JSP从请求对象得到回答;

10、JSP为容器生成一个页面;

11、容器把这个页面返回给心满意足的用户。

一、工程的目录结构如下图所示:


这里将servlet-api.jar包放到了lib目录下,并构建路径;

二、第一个表单页面的html:form.html

这个HTML很简单,它只包含标题文本,一个下拉列表(用户可以从中选择一种啤酒颜色),另外还有一个提交按钮。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Beer Selection Page</title>
</head>
<body>
<h1>Beer Selection Page</h1>
<form method="post" action="SelectBeer.do">
	Select beer characteristics<p>
	Color:
	<select name="color" size="1">
		<option value="light"> light </option>
		<option value="amber"> amber </option>
		<option value="brown"> brown </option>
		<option value="dark"> dark </option>
	</select>
	<br><br>	
	<input type="submit">	
</form>
</body>
</html>

三、在开发环境中创建DD

创建以下XML文档,取名为web.xml。
<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
	xmlns="http://java.sun.com/xml/ns/javaee" 
	xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" 
	id="WebApp_ID" version="2.5">
	
	<welcome-file-list>
		<welcome-file>form.html</welcome-file>
	</welcome-file-list>
	
  <servlet>
    <servlet-name>Ch3 Beer</servlet-name>
    <servlet-class>com.example.web.BeerSelect</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>Ch3 Beer</servlet-name>
    <url-pattern>/SelectBeer.do</url-pattern>
  </servlet-mapping>  
  
</web-app>

四、构建模型类

 模型可能非常复杂。通常会涉及与遗留数据库的连接,还要调用复杂的业务逻辑。以下就是我们“复杂的”、基于规则的专家系统,可以用来提供啤酒建议。
<span style="font-size:14px;">package com.example.model;

import java.util.*;

public class BeerExpert {
	public List<String> getBrands(String color) {
		List<String> brands = new ArrayList<String>();
		if(color.equals("amber")) {
			brands.add("Jack Amber");
			brands.add("Red Moose");
		}
		else {
			brands.add("Jail Pale Ale");
			brands.add("Gout Stout");
		}
		return brands;
	}
}</span><span style="font-size:24px;">
</span>

五、编写控制器servlet的代码

注意,模型只是普通的Java,所以我们会像调用任何其他Java方法一样,先实例化模型类,再调用它的方法!
<span style="font-size:14px;">package com.example.web;

import java.io.IOException;
import java.util.List;

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

import com.example.model.BeerExpert;

public class BeerSelect extends HttpServlet{

	private static final long serialVersionUID = -5212877687087164982L;

	public void doPost(HttpServletRequest request,HttpServletResponse response) throws IOException, ServletException{
		String str2 = request.getParameter("color");
		BeerExpert be = new BeerExpert();
		List<String> result = be.getBrands(str2);
		
//		response.setContentType("text/html");
//		PrintWriter out = response.getWriter();
//		out.println("Beer Selection Advice<br>");
		
//		Iterator<String> it = result.iterator();
//		while(it.hasNext()) {
//			out.println("<br>try: " + it.next());
//		}		
		
		request.setAttribute("styles", result);
		
		RequestDispatcher view = request.getRequestDispatcher("result.jsp");
		
		view.forward(request, response);
	}
	
}</span><span style="font-size:24px;">
</span>

六、创建提供建议的JSP“视图”:result.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">
<%@ page import="java.util.*" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Beer V1</title>
</head>
<body>
<h1 align="center">Beer Recommendations JSP</h1>
<p>

<%
	List<String> styles = (List<String>)request.getAttribute("styles");
	Iterator<String> it = styles.iterator();
	while(it.hasNext()) {
		out.print("<br>try: " + it.next());
	}
%>
</body>
</html>
七、测试应用
点击提交,跳转到下面的页面:









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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值