您的位置：首页 > 编程语言 > Java开发

【原创】三分钟教你学会MVC框架——基于java web开发（2）

2013-08-30 16:37 405 查看
没想到我的上一篇博客有这么多人看，还有几位看完之后给我留言加油，不胜感激，备受鼓励，啥都别说了，继续系列文章之第二篇。（如果没看过我第一篇博客的朋友，可以到我的主页上先浏览完再看这篇文章，以免上下文对不上）

前面已经创建完项目了，那么下面一个步骤就是逐一新建在MVC框架中负责V（视图）、C（控制器）、M（模型）的对应文件。

第一步：创建项目（已完成）

第二步：新建负责V（视图）的JSP文件

在文件夹Web-Root下新建名为MyJsp.jsp的JSP文件，代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head></head>
<!--对于初学者，上面的代码都可以暂时不必理会 -->
<body>
<form action="login.do"  method="post">      <!--所提交的表单，action为"login.do"，发出请求是post-->
<p>账号:<input type="text" name="id" /></p>      <!--所输入的"账号"在提交后的标示是"id"，下同 -->

<p>密码:<input type="text" name="password" />

<p><input type="submit" value="登录"> </p>           <!--表单提交按钮，显示名称为"登录"-->
</form>
</body>
</html>


在创建完之后，记得在web.xml中，将<welcome-file-list>节点中的内容改成上面这个文件的文件名MyJsp.jsp。（建议初学者做完这个步骤之后先运行一遍项目，看看效果如何，再看看有没有出错的地方）
如果运行的效果如下图，那应该就没什么问题了。



所谓的V（视图），通俗地来讲，就是用户所看到的内容。具体到这个java web项目，就是用户所看到的页面。

第三步：新建负责C（控制器）的Servlet

首先，要在src目录下新建一个包，包名为cc.MyMVC.servlet。然后，再在该包下新建一个servlet文件，名为MyServlet，代码如下：

package cc.MyMVC.servlet;
import java.io.IOException;
import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import cc.MyMVC.POJO.MyPOJO;

public class MyServlet extends HttpServlet {
public MyServlet() {
super();
}

public void destroy() {
super.destroy();
}

public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
}

//以下为关键代码，初学者只需看此处，其他地方都可以暂且不管
public void doPost(HttpServletRequest request, HttpServletResponse response)//处理post请求的方法
throws ServletException, IOException {
boolean b=false;
MyPOJO myPOJO=new MyPOJO();//新建MyPOJO类的对象myPOJO

//根据标示名获取JSP文件中表单所包含的参数
String id=request.getParameter("id");
String password=request.getParameter("password");

b=myPOJO.login(id,password);//使用模型对账号和密码进行验证，返回一个boolean类型的对象

if(b){  //如果验证结果为真，跳转至登录成功页面
response.sendRedirect("LoginSuccessful.jsp");
}
else {  //如果验证结果为假，跳转至登录失败页面
response.sendRedirect("LoginFailed.jsp");
}

}

public void init() throws ServletException {
}
}


很不幸，第三步提到的模型（M）还没有创建，大家可以略过。大家可以看到，这个servlet中doGet方法里的代码都被删光光了，无法处理get请求。而这个对我们这个项目可以说是毫无影响，看到我们第二步创建的jsp文件，会发现表单提交的方式是post请求，所以，我们只需要实现doPost方法就好了，并且这个方法将处理提交的post请求。

控制器(C）的作用，就是对流程的控制，接收视图传来的参数，交由模型进行处理，再根据处理的结果决定下一步的操作。具体到本项目，servlet接收jsp传来的参数id和password，交由POJO处理，根据返回的boolean结果跳转到登录成功（失败）的页面。

第四步：修改web.xml文件，注册servlet并且建立action与servlet之间的映射。

前面说到，MyServlet.servlet会处理提交的请求，那么，为什么servlet会接收到这个请求呢？因为，我事先修改了web.xml文件，在里面添加了相应的代码。web.xml的完整代码如下：

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5"
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_2_5.xsd"> <!--以上内容暂时不需要理解，如果不明白可跳过-->

<servlet>
<servlet-name>MyServlet</servlet-name><!--定义servlet的名称 -->
<servlet-class>cc.MyMVC.servlet.MyServlet</servlet-class><!--对应servlet所属的文件名 -->
</servlet>

<servlet-mapping> <!-- 建立servlet与action之间的映射 -->
<servlet-name>MyServlet</servlet-name>  <!-- 映射中servlet的名称，已定义 -->
<url-pattern>/login.do</url-pattern>    <!-- 所对应的action -->
</servlet-mapping>
<!--以上内容为新添加的代码，请重点关注-->

<welcome-file-list>     <!--welcome-file-list开头-->
<welcome-file>MyJsp.jsp</welcome-file>   <!--设置欢迎页面，也就是项目启动后浏览器展示的第一个页面-->
</welcome-file-list>    <!--welcome-file-list结尾-->

</web-app>


看到关于action的那一行XML代码，是否想到了什么呢？没错，就是jsp表单中所定义的action。试着修改，看看会有什么效果？

第五步：新建M（模型）的POJO文件

POJO（Plain Ordinary Java Objects）简单的Java对象，实际就是普通JavaBeans，是为了避免和EJB混淆所创造的简称。POJO实质上可以理解为简单的实体类，顾名思义POJO类的作用是方便程序员使用数据库中的数据表。——《百度百科》

首先，在src文件下新建包，包名为cc.MyMVC.POJO。然后在该包下新建class文件，名为MyPOJO。

为了让读者，尤其是初学者更快地理解MVC，而不是将精力耗费在理解POJO以及数据库操作上面，我将POJO进行了尽可能的简化。代码如下：

package cc.MyMVC.POJO;

public class MyPOJO {
public boolean login(String id,String password){
if(id.equals("admin")&&password.equals("123456")){//判断用户名以及密码是否与设定相符
return true;
}
else return false;
}
}


第六步：新建V（视图）中的另外两个JSP文件
在Web-Root文件夹下新建两个jsp文件，分别命名为LoginSuccessful.jsp以及LoginFailed.jsp。代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
Login Successful. <br>
</body>
</html>


<%@ page language="java" import="java.util.*" pageEncoding="ISO-8859-1"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>

<body>
Login Failed. <br>
</body>
</html>


第七步：跑项目，看效果

（1）输入账号：admin，密码：123456 将会跳转到页面如下：



（2）输入错误的账号或错误的密码，将会跳转到页面如下：



直到这里，示例项目已经构建和演示完毕了。为了简化说明，狠心把许多重要但是对此次说明可能有妨碍的知识点给砍掉了。例如，web.xml为什么可以决定欢迎页，为什么可以进行servlet的配置；HTTP中的post请求以及get请求又是什么样的？诸如此类，不一而足。再提一下林信良老师的《Servlet&JSP学习笔记》，里面有更加详细的讲解，强烈推荐！
MVC框架，主要是对应用的分层，在web项目中尤其流行，算是最基础的分层模式。初学者可能还不了解MVC框架的作用，甚至会觉得这样做故作高深，最后像我当初那样，把所有的代码都挤到一个或几个jsp文件当中。其实，随着项目规模的逐渐庞大以及团队成员的增加，分层的思想不仅有助于分工合作，还增加了项目的伸缩性，降低了测试和debug的工作量和难度。

最后，一句话，实践最重要！

欢迎大家给我留言。刚开始写技术博客，很多东西都不懂，虚心接受各路大牛的批评建议。如果有不明白的地方，请给我留言，如果是我所能够回答的一定会尽快回复。我关注的领域主要是在java web开发、J2EE等方面，对linux、php、算法等方面都比较感兴趣，如果有想看的专题入门文章别的地方找不到，没问题，告诉我，如果合适的话，我来写！
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航