深入淺出Java MVC(Model View Controller) ---- (JSP + servlet + javabean實例)

DRP中終於接觸到了MVC,感觸是確實這樣的架構系統靈活性不少,現在感觸最深的就是使用tomcat作爲服務器發佈比IIS好多了,起碼發佈很簡單,使用起來方便。


    首先來簡單的學習一下MVC的基礎知識,MVC全名是Model View Controller,是模型(model)-視圖(view)-控制器(controller)的縮寫,一種軟件設計典範,用一種業務邏輯和數據顯式分離的方法組織代碼,將業務邏輯被聚集到一個部件裏面,在界面和用戶圍繞數據的交互能被改進和個性化定製的同時而不需要重新編寫業務邏輯。


概覽



    MVC被獨特的發展起來用於映射傳統的輸入、處理和輸出功能在一個邏輯的圖形化用戶界面的結構中,MVC是分層的思想的體現,但是區別於三層設計模式(區別以後再和大家分享)。


  



   MVC是一個框架模式,它強制性的使應用程序的輸入、處理和輸出分開。使用MVC應用程序被分成三個核心部件:模型、視圖、控制器。它們各自處理自己的任務。最典型的MVC就是JSP + servlet + javabean的模式。



實例解析


UML圖:大家熟悉MVC的調用流程邏輯





第一:JSP:由頁面指令和HTML組成的查詢界面query_condention.jsp,也就是咱們現在的html頁和asp頁面類似。



  1. <span style="font-family:FangSong_GB2312;font-size:18px;"><%@ page language="java" contentType="text/html;charset=GBK"%>  
  2. <html>  
  3.     <head>  
  4.         <title>學生信息</title>  
  5.     </head>  
  6.     <body>  
  7.         <form action="SearchStudentServlet" method="post">  
  8.             出生日期:<input type="text" name="beginDate"><input type="text" name="endDate">  
  9.             <input type="submit" value="查詢學生">  
  10.         </form>  
  11.     </body>  
  12. </html></span>  

 


第二:控制層 SearchStudentServlet用來接受客戶的請求,來處理流程,調用Model(StudentManager.java),轉發到要請求的後臺服務器的student_list.jsp頁面




  1. <span style="font-family:FangSong_GB2312;font-size:18px;">import java.text.*;  
  2. import java.util.*;  
  3. import java.io.*;  
  4. import javax.servlet.http.*;  
  5. import javax.servlet.*;  
  6.   
  7. import com.bjpowernode.exam.model.*;  
  8. import com.bjpowernode.exam.manager.*;  
  9.   
  10. public class SearchStudentServlet extends HttpServlet {  
  11.   
  12.     public void doGet(HttpServletRequest request, HttpServletResponse response)   
  13.     throws ServletException, IOException {  
  14.         doPost(request, response);  
  15.     }  
  16.       
  17.     public void doPost(HttpServletRequest request, HttpServletResponse response)  
  18.     throws ServletException, IOException {  
  19.           
  20.         String sBeginDate = request.getParameter("beginDate");  
  21.         String sEndDate = request.getParameter("endDate");  
  22.           
  23.         Date beginDate = new Date();  
  24.         Date endDate = new Date();  
  25.         try {  
  26.             beginDate = new SimpleDateFormat("yyyy-MM-dd").parse(sBeginDate);  
  27.             endDate = new SimpleDateFormat("yyyy-MM-dd").parse(sEndDate);  
  28.          }catch(Exception e) {  
  29.             e.printStackTrace();           
  30.          }     
  31.           
  32.         StudentManager studentManager = new StudentManagerImpl();  
  33.         List<Student> studentList = studentManager.findStudentList(beginDate, endDate);  
  34.           
  35.         //將學生列表設置到requet範圍中  
  36.         //request.setAttribute("student_list", studentList);  
  37.           
  38.         //轉發,轉發是在服務器端轉發的,客戶端是不知道的  
  39.         //request.getRequestDispatcher("/student_list.jsp").forward(request, response);  
  40.           
  41.           
  42.         //將studentList放到session中  
  43.         HttpSession session = request.getSession();  
  44.         session.setAttribute("student_list", studentList);  
  45.           
  46.         //重定向,不會共享request  
  47.         //以下寫法錯誤,該 "/"代表了8080端口  
  48.         //response.sendRedirect("/student_list.jsp");  
  49.         response.sendRedirect(request.getContextPath() + "/student_list.jsp");  
  50.     }  
  51. }</span>  

第三 :student_list.jsp頁面接收數據形成html,返回到瀏覽器,渲染在界面上



  1. <span style="font-family:FangSong_GB2312;font-size:18px;"><%@ page language="java" contentType="text/html;charset=GBK"%>  
  2. <%@ page import="java.util.*"%>  
  3. <%@ page import="java.text.*"%>  
  4. <%@ page import="com.bjpowernode.exam.model.*"%>  
  5. <%@ page import="com.bjpowernode.exam.manager.*"%>  
  6. <html>  
  7.     <head>  
  8.         <title>學生信息</title>  
  9.         <style type="text/css">  
  10.          /*表格寬度爲1px,實線,黑色*/  
  11.            table{  
  12.                 border:1px solid black;     
  13.                 border-collapse:collapse;         
  14.            }  
  15.   
  16.            td {  
  17.                 border:1px solid black;     
  18.                 border-collapse:collapse;         
  19.            }  
  20.              
  21.         </style>        
  22.     </head>  
  23.     <body>  
  24.         <table border="1">  
  25.             <tr>  
  26.                 <td>學生代碼</td>  
  27.                 <td>姓名</td>  
  28.                 <td>性別</td>  
  29.                 <td>出生日期</td>  
  30.                 <td>聯繫電話</td>  
  31.                 <td>家庭住址</td>  
  32.                 <td>班級名稱</td>  
  33.                 <td>年齡</td>  
  34.             </tr>  
  35.             <%  
  36.                 //List<Student>  studentList = (List)request.getAttribute("student_list");  
  37.                 List<Student>  studentList = (List)session.getAttribute("student_list");  
  38.                 for (Iterator<Student> iter=studentList.iterator(); iter.hasNext();) {  
  39.                     Student student = iter.next();  
  40.             %>  
  41.             <tr>  
  42.                 <td><%=student.getStudentId()%></td>  
  43.                 <td><%=student.getStudentName()%></td>  
  44.                 <td><%=student.getSex()%></td>  
  45.                 <td><%=new SimpleDateFormat("yyyy-MM-dd").format(student.getBirthday())%></td>  
  46.                 <td><%=student.getContactTel()%></td>  
  47.                 <td><%=student.getAddress()%></td>  
  48.                 <td><%=student.getClasses().getClassesName()%></td>  
  49.                 <%  
  50.                     long b = 1000L*60L*60L*24L*365L;  
  51.                     long a = System.currentTimeMillis() - student.getBirthday().getTime();  
  52.                 %>  
  53.                 <td><%=a/b%></td>  
  54.             </tr>  
  55.             <%  
  56.                 }  
  57.             %>  
  58.         </table>  
  59.     </body>  
  60. </html></span>  



在View的student_list.jsp頁面中是大量的html和java代碼的混合,在查詢條件界面query_condention.jsp主要是html,因爲不涉及後臺數據的交互.



第四:xml配置Servlet:


  1. <span style="font-family:FangSong_GB2312;font-size:18px;"><?xml version="1.0" encoding="ISO-8859-1"?>  
  2. <web-app xmlns="http://java.sun.com/xml/ns/j2ee"  
  3.     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"  
  4.     xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"  
  5.     version="2.4">  
  6.     <servlet>  
  7.         <servlet-name>SearchStudentServlet</servlet-name>  
  8.         <servlet-class>SearchStudentServlet</servlet-class>  
  9.     </servlet>  
  10.     <servlet-mapping>  
  11.         <servlet-name>SearchStudentServlet</servlet-name>  
  12.         <url-pattern>/SearchStudentServlet</url-pattern>  
  13.     </servlet-mapping>  
  14.       
  15. </web-app></span>  


第五:顯示查詢結果


總結


    以上query_condention.jsp(輸入查詢條件)、SearchStudentServlet.java(請求控制Control分)+student_list.jsp(界面顯示)的組合相當於三層中的U層,都與界面的顯示相關,而StudentManager.java纔是進入業務處理相當於三層的B層。故,我們可以簡單理解成,MVC就是java基於U層的又一個細化,將界面顯示和請求處理做了進一步細化分工。

 

    MVC被獨特的發展起來用於映射傳統的輸入、處理和輸出功能在一個邏輯的圖形化用戶界面的結構中,MVC是分層的思想的體現,但是區別於三層設計模式(區別以後再和大家分享)。


    知識的聯繫促使學習這塊知識難度不大,更加容易的上手,編制知識網顯得格外重要啊!




接下來和大家推出《深入淺出Java》系類博客,共同學習、提高,敬請期待!



發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章