Java Web MVC 一个实例的手动实现

平台：

tomcat7.0 Servlet3.0 Windows命令行编译

实现的功能：

在网页上可以进行对Product类的三个属性的输入，点击保存之后跳转到另一个显示输入内容的界面

文件结构：

SpringDemo02
- index.html
- WEB-INF
  - web.xml
  - classes
  - jsp
  - lib

说明：

index.html是欢迎界面，当没有指定到具体的servlet（为 /SpringDemo02/）时显示
WEB-INF中的文件将被确保不会被URL直接访问到
web.xml进行servlet和欢迎文件的配置
classes放置Java文件（Controller和Model）
jsp防止不想被URL直接访问的页面文件（View）
lib放置引用的文件

index.html

随便写一个欢迎内容

web.xml

用于配置servlet/Listener/filter/welcome file等。这里只配置servlet和welcome file

<?xml version="1.0" encoding="ISO-8859-1"?>
<web-app xmlns="http://java.sun.com/xml/ns/javaee"
   xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
   xsi:schemaLocation="http://java.sun.com/xml/ns/javaee
                       http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd"
   version="3.0">
    
    <servlet>
        <servlet-name>ControllerServlet</servlet-name>
        <servlet-class>ControllerServlet</servlet-class>
    </servlet>
    <servlet-mapping>
        <servlet-name>ControllerServlet</servlet-name>
        <url-pattern>/product_input</url-pattern>
        <url-pattern>/product_save</url-pattern>
    </servlet-mapping>
    
	<welcome-file-list>
		<welcome-file>index.html</welcome-file>
		<welcome-file>index.htm</welcome-file>
		<welcome-file>index.jsp</welcome-file>
		<welcome-file>default.html</welcome-file>
		<welcome-file>default.htm</welcome-file>
		<welcome-file>default.jsp</welcome-file>
	</welcome-file-list>
</web-app>

前面的web-app的配置基本是固定的，和web的版本有关

配置ControllerServlet的<servlet-class>将到WEB-INF文件夹下的classes文件夹找对应的类文件

将这个servlet映射到/product_input和/product_save的URL模式

lib

放置会使用到的javax.servlet-api-3.0.1.jar

jsp

product_input.jsp:有表单和一个按钮，点击按钮后将向product_save方法通过POST方法发送表单中的内容

效果：

代码如下：

<!DOCTYPE HTML>
<html>
    <head>
        <title>input product</title>
    </head>
    <body>
        <form id="input_form" action="product_save" method="post">
            <label>
                <span>Name</span>
                <input id="name" type="text" name="name"/>
            </label>
            <label>
                <span>Discription</span>
                <input id="discription" type="text" name="discription"/>
            </label>
            <label>
                <span>Price</span>
                <input id="price" type="number" name="price"/>
            </label>         
            <label>
                <span>&nbsp: </span>
                <input type="submit"/>
            </label>               
        </form>
    </body>
</html>

form的action属性表示有提交按钮的时候向product_save方法提交数据，用post方法

product_save.jsp：显示传入的数据的内容

效果如下：

代码如下：

<!DOCTYPE HTML>
<html>
    <head>
        <title>save product</title>
    </head>
    <body>
        <p>
            Product Name: ${product.name}<br/>
            Discription:  ${product.discription}<br/>
            Price: ${product.price}
        </p>
    </body>
</html>

在控制器中将会向响应数据写入product对象，并将该对象命名为"product"，所以在这个jsp文件中可以通过${product.XXX}访问到对应的属性数据

classes

有五个类：

ControllerServlet：主要的控制逻辑的servlet
Product：实体类
ProductForm：提交的表单数据对应的类
SaveProductAction：数据库操作（但实际上方法是空的）
DefaultServlet：用以演示默认servlet的servlet类

Product：

代码如下：

public class Product
{
    private String name ;
    private String discription ;
    private float  price;
    
    public String getName()
    {
        return this.name;
    }
    
    public void setName(String name)
    {
        this.name = name;
    }
    
    public String getDiscription()
    {
        return this.discription;
    }
    
    public void setDiscription(String discription)
    {
        this.discription = discription;
    }
    
    public float getPrice()
    {
        return this.price;
    }
    
    public void setPrice(float price)
    {
        this.price = price;
    }    
}

ProductForm：

代码如下

public class ProductForm
{
    private String name ;
    private String discription ;
    private float  price;
    
    public String getName()
    {
        return this.name;
    }
    
    public void setName(String name)
    {
        this.name = name;
    }
    
    public String getDiscription()
    {
        return this.discription;
    }
    
    public void setDiscription(String discription)
    {
        this.discription = discription;
    }
    
    public float getPrice()
    {
        return this.price;
    }
    
    public void setPrice(float price)
    {
        this.price = price;
    }    
}

虽然在这个简单的demo中Product类和ProductForm类是一样的，看起来没有必要分开实现，但是实际上提交的数据和表示数据库的实体类可能有不一致等情况，而且为了降低耦合，还是将这两种分为两个类

DefaultServlet：

import java.io.*;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

public class DefaultServlet extends HttpServlet
{
    public void doGet(HttpServletRequest req, HttpServletResponse resp)
    throws IOException, ServletException
    {
        PrintWriter out = resp.getWriter();
        out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
        out.println("<HTML>");
        out.println("  <HEAD><TITLE>A Servlet</TITLE></HEAD>");
        out.println("  <BODY>");
        out.print("    This is ");
        out.print(this.getClass());
        out.println(", using the GET method");
        out.println("  </BODY>");
        out.println("</HTML>");
        out.flush();
        out.close();
    }
    
    public void doPost(HttpServletRequest req, HttpServletResponse resp) 
    throws IOException, ServletException
    {
        PrintWriter out = resp.getWriter();
        out.println("<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">");
        out.println("<HTML>");
        out.println("  <HEAD><TITLE>A Servlet</TITLE></HEAD>");
        out.println("  <BODY>");
        out.print("    This is ");
        out.print(this.getClass());
        out.println(", using the POST method");
        out.println("  </BODY>");
        out.println("</HTML>");
        out.flush();
        out.close();
    }
}

这个类实现了HttpServlet接口，重写了doGet和doPost方法，随便输出了一些和当前对象有关的信息

ServletResponse中内置了一个PrintWriter，客户端接收到数据后会写为页面

ControllerServlet：

import java.io.IOException;
import java.io.*;
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;

// 通过注解注册servlet而不用在xml中注册
@WebServlet(name = "ControllerServlet", urlPatterns = {"/product_input","/product_save"})
public class ControllerServlet extends HttpServlet
{
    @override
    public void doGet(HttpServletRequest req, HttpServletResponse resp)
    throws IOException, ServletException
    {
        process(req,resp);
    }
    
    @override
    public void doPost(HttpServletRequest req, HttpServletResponse resp) 
    throws IOException, ServletException
    {
        process(req,resp);
    }
    
    // 
    private void process(HttpServletRequest req, HttpServletResponse resp)
    throws IOException, ServletException
    {
        // 解析URL
        String uri = req.getRequestURI();
        
        int lastIndex = uri.lastIndexOf("/");
        String action = uri.substring(lastIndex+1);
        
        // 根据URL解析出来的action进行相应的操作
        if(action.equals("product_input"))
        {
            
        }
        else if(action.equals("product_save"))
        {
            // 从HttpServletRequest获取数据到表单
            ProductForm pf = new ProductForm();
            pf.setName(req.getParameter("name"));
            pf.setDiscription(req.getParameter("discription"));
            pf.setPrice(Float.valueOf(req.getParameter("price")));
            
            // 根据表单设置实体类
            Product p = new Product();
            p.setName(pf.getName());
            p.setDiscription(pf.getDiscription());
            p.setPrice(pf.getPrice());
            
            // 写回数据库
            SaveProductAction spa = new SaveProductAction();
            spa.save(p);
            
            // 将获取到的实体对象写回到响应以便显示
            req.setAttribute("product",p);
        }
            
        // 调用View
        String requestDispatcher = null;
        if(action.equals("product_input"))
        {
            requestDispatcher = "WEB-INF/jsp/product_input.jsp";
        }
        else if(action.equals("product_save"))
        {
            requestDispatcher = "WEB-INF/jsp/product_save.jsp";
        }
        if(requestDispatcher!=null)
        {
            RequestDispatcher rd = req.getRequestDispatcher(requestDispatcher);        
            rd.forward(req,resp);            
        }
    }// process
}// class

这个类能获得的只有HttpServletRequest和HttpServletResponse，要从里面获取URL并解析

无论获取到的是POST方法还是GET方法都执行process方法

根据解析出来的action进行相应的操作之后需要跳转到相应的View中，即jsp文件。需要从HttpServletRequest中获取RequestDispatcher对象，以此进行跳转

SaveProductAction：

这是模拟数据库操作的

public class SaveProductAction
{
    public void save(Product p)
    {
        // save to database
    }
}

编译

在命令行编译的时候需要加上使用到的jar文件，方式是javac -cp jar文件路径源文件.java，-cp也可以替换为-classpath

需要注意的是当使用-cp的时候会取消默认使用当前文件夹中的class文件，所以要在 .jar文件路径后面加上 ";."表示还有当前路径下的class文件

部署

编译之后，将SpringDemo02文件夹拷贝到Tomcat中的Webapps文件夹下，运行tomcat文件夹中bin文件夹下的startup.bat运行tomcat，启动时tomcat将自动部署webapps文件夹中的应用程序

tomcat的安装：下载tomcat压缩包解压，并将这个文件夹配置到环境变量的CATALINE_HOME下，将bin文件夹配置到环境变量的PATH中

运行

tomcat会默认使用本地的8080端口

localhost:8080/SpringDemo02/product_input

点击提交之后：

posted @ 2018-07-26 13:47 biaoJM 阅读(144) 评论(0) 编辑收藏举报

刷新页面返回顶部

Java Web MVC 一个实例的手动实现

平台：

实现的功能：

文件结构：

index.html

web.xml

lib

jsp

classes

编译

部署

运行

公告