1、北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,MVC模式,授課老師：白靜 聯(lián)系方式：,2020/7/22,1,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,內(nèi)容簡介,MVC模式介紹 JSP中的MVC模式 模型的生命周期與視圖更新 MVC模式的簡單實(shí)例 MVC模式與文件操作 MVC模式與數(shù)據(jù)庫操作 MVC模式與注冊登錄,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,2020/7/22,2,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,重點(diǎn)難點(diǎn),模型的生命周期與視圖更新 MVC模式與注冊登錄 實(shí)踐計(jì)算數(shù)列之和,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,2020/7/22,3,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,第9章 M

2、VC模式,MVC模式的核心思想是有效地組合“視圖”、“模型”和“控制器”。 本章將介紹MVC模式，掌握該模式對于設(shè)計(jì)合理的Web應(yīng)用框架有著十分重要的意義。,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,1. MVC模式介紹,MVC是一種通過三個不同部分構(gòu)造一個軟件或組件的理想辦法： 模型（Model）用于存儲數(shù)據(jù)的對象。 視圖（View）為模型提供數(shù)據(jù)顯示的對象。 控制器（Controller）負(fù)責(zé)具體的業(yè)務(wù)邏輯操作，即控制器根據(jù)視圖提出的要求對數(shù)據(jù)做出處理，并將有關(guān)結(jié)果存儲到模型中，同時(shí)負(fù)責(zé)讓模型和視圖進(jìn)行必要的交互，當(dāng)模型中的數(shù)據(jù)變化時(shí)，讓視圖更新顯示。,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,2. JS

3、P中的MVC模式,在JSP技術(shù)中，“視圖”、“模型”和“控制器”的具體實(shí)現(xiàn)如下： 模型（Model）： 一個或多個JavaBean對象，用于存儲數(shù)據(jù)，JavaBean主要提供簡單的setXXX()方法和getXXX()方法，在這些方法中不涉及對數(shù)據(jù)的具體處理細(xì)節(jié)。 視圖（View）：一個或多個JSP頁面，為模型提供數(shù)據(jù)顯示，JSP頁面主要使用 HTML標(biāo)記和JavaBean標(biāo)記來顯示數(shù)據(jù)。 控制器（Controller）：一個或多個Servlet對象，根據(jù)視圖提交的要求進(jìn)行數(shù)據(jù)處理操作，并將有關(guān)的結(jié)果存儲到JavaBean中，然后Servlet使用重定向方式請求視圖中的某個JSP頁面更新顯示.

4、,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,2. JSP中的MVC模式,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,3.模型的生命周期與視圖更新,在JSP中的MVC模式中，由控制器servlet負(fù)責(zé)創(chuàng)建Javabean，并將有關(guān)數(shù)據(jù)存儲到所創(chuàng)建的Javabean中，然后servlet請求某個JSP頁面使用Javabean的getProperty動作標(biāo)記： 顯示Javabean的中的數(shù)據(jù)。 在JSP中的MVC模式中，servlet創(chuàng)建的Javabean也涉及到生命周期，生命周期分為request、session和application。 以下假設(shè)創(chuàng)建Javabean的類的名字是BeanClass，該類的包名為us

5、er.yourbean。,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,3.1 request周期的Javabean,1Javabean的創(chuàng)建 用BeanClass類的構(gòu)造方法創(chuàng)建bean對象 BeanClass bean=new BeanClass(); 將所創(chuàng)建的bean對象存放到HttpSerletRequest對象request中，并指定查找該bean的關(guān)鍵字 request.setAttribute(keyWord,bean); 2視圖更新 servlet請求一個JSP頁面 RequestDispatcher dispatcher= request.getRequestDispatcher(sh

6、ow.jsp); dispatcher.forward(request,response); JSP頁面使用如下標(biāo)記獲得Servlet所創(chuàng)建的JavaBean的引用 : JSP頁面使用如下標(biāo)記顯示bean中的數(shù)據(jù)。 ,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,3.2 session周期的Javabean,1Javabean的創(chuàng)建 用BeanClass類的某個構(gòu)造方法創(chuàng)建bean對象 BeanClass bean=new BeanClass(); 將所創(chuàng)建的bean對象存放到HttpSerletSession對象session中，并指定查找該bean的關(guān)鍵字 HttpSession session=re

7、quest.getSession(true); session.setAttribute(keyWord,bean); 2視圖更新 一個用戶在訪問Web服務(wù)目錄的各個JSP中都可以使用如下標(biāo)記獲得servlet所創(chuàng)建的bean的引用 JSP頁面使用如下標(biāo)記顯示bean中的數(shù)據(jù)。 ,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,3.3 application周期的Javabean,1Javabean的創(chuàng)建 用BeanClass類的某個構(gòu)造方法創(chuàng)建bean對象 BeanClass bean=new BeanClass(); servlet使用getServletContext()方法返回服務(wù)器的Servlet

8、Context內(nèi)置對象的引用，將所創(chuàng)建的bean對象存放到服務(wù)器這個ServletContext內(nèi)置對象中，并指定查找該bean的關(guān)鍵字 getServletContext().setAttribute(keyWord,bean); 2視圖更新 一個用戶在訪問Web服務(wù)目錄的各個JSP中都可以使用如下標(biāo)記獲得servlet所創(chuàng)建的bean的引用 JSP頁面使用如下標(biāo)記顯示bean中的數(shù)據(jù)。 ,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,4. MVC模式的簡單實(shí)例,1 計(jì)算三角形和梯形的面積 例題 P270 inputData.jsp 2 簡單的計(jì)算器 例題 P274 inputNumber.jsp ,北

9、方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,5. MVC模式與文件操作,在MVC模式中，讀取文件的工作由servlet對象負(fù)責(zé)，bean僅僅負(fù)責(zé)存儲servlet對象所讀取的文件內(nèi)容。 例題 P278 choiceFile.jsp,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,6. MVC模式與數(shù)據(jù)庫操作,在MVC模式中，查詢記錄的任務(wù)由servlet對象負(fù)責(zé)，bean僅僅負(fù)責(zé)存儲servlet對象所查詢到的記錄。 例題 P282 choiceDatabase.jsp,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì) 白靜,1 注冊 例題 P289 register.jsp 2 登錄 例題 P293 login.jsp 3 驗(yàn)證 例題 P298 lookPic.jsp,7. MVC模式與注冊登錄,北方民族大學(xué) 網(wǎng)絡(luò)程序設(shè)計(jì)