第1章-使用JSP實現(xiàn)系統(tǒng)登錄

第1章-使用JSP實現(xiàn)系統(tǒng)登錄第一頁，共41頁。本門課程目標能夠使用JSP開發(fā)Web應(yīng)用程序能夠使用Servlet實現(xiàn)業(yè)務(wù)控制2第二頁，共41頁。新聞發(fā)布系統(tǒng)課程項目展示演示示例：新聞發(fā)布系統(tǒng)3第三頁，共41頁。本章相關(guān)學(xué)習(xí)資源《搭建Web應(yīng)用環(huán)境》專題《使用JSP實現(xiàn)輸出》專題《實現(xiàn)數(shù)據(jù)傳遞》專題《實現(xiàn)數(shù)據(jù)保存》專題《JSP總結(jié)》專題《使用JSP/Servlet技術(shù)開發(fā)新聞發(fā)布系統(tǒng)》第1章《使用JSP實現(xiàn)系統(tǒng)登錄》學(xué)習(xí)平臺“Java

Web開發(fā)技術(shù)”課程學(xué)生用書4第四頁，共41頁。預(yù)習(xí)檢查JSP的執(zhí)行過程包括哪幾個階段？什么是會話?在JSP中有幾種頁面輸出方式?提問5第五頁，共41頁。本章任務(wù)任務(wù)1：格式化的日期顯示任務(wù)2：顯示用戶注冊信息任務(wù)3：手機話費充值任務(wù)4：使用session控制郵箱查看任務(wù)5：使用Cookie自動填寫用戶名6第六頁，共41頁。了解Web應(yīng)用開發(fā)基礎(chǔ)知識解決中文亂碼顯示JSP內(nèi)置對象的使用掌握JSP基本語法理解轉(zhuǎn)發(fā)與重定向本章目標點重點難點重點重點難7第七頁，共41頁。串講：程序的架構(gòu)請根據(jù)你的理解描述在使用QQ軟件與使用淘寶進行購物時有哪些區(qū)別？B/S架構(gòu)程序通過Internate訪問應(yīng)用程序QQ用戶通過客戶端程序訪問服務(wù)器QQ服務(wù)器淘寶服務(wù)器C/S架構(gòu)程序淘寶用戶提問8第八頁，共41頁。B/S結(jié)構(gòu)中瀏覽器端與服務(wù)器端采用請求/響應(yīng)模式進行交互IE124串講：B/S架構(gòu)的工作原理客戶端的請求信息從服務(wù)器端檢索到的信息3服務(wù)器端程序解釋執(zhí)行HTML文件9第九頁，共41頁。http:///news/201207/newslist.jsp?page=6串講：統(tǒng)一資源定位符在互聯(lián)網(wǎng)上如何實現(xiàn)資源訪問？計算機通過統(tǒng)一資源定位符實現(xiàn)資源訪問URL：UniformResourceLocator的縮寫唯一能識別Internet上具體的計算機、目錄或文件夾位置的命名約定協(xié)議部分主機地址目標資源地址傳遞的參數(shù)輸入網(wǎng)址（URL）問題10第十頁，共41頁。串講：Web服務(wù)器服務(wù)器介紹向發(fā)出請求的瀏覽器提供文檔的程序提供網(wǎng)上信息瀏覽服務(wù)Tomcat服務(wù)器輕量級應(yīng)用服務(wù)器開源、穩(wěn)定資源占用小11第十一頁，共41頁。小結(jié)URL的中文名稱是什么？由幾部分組成？Tomcat服務(wù)器有哪些特點？提問12第十二頁，共41頁。串講：JSP介紹JSP(JavaServerPages)運行在服務(wù)器端的Java頁面使用HTML嵌套Java代碼實現(xiàn)工作原理1243嵌入編譯、執(zhí)行數(shù)據(jù)交互返回頁面信息Java代碼JSP頁面客戶端服務(wù)器端13第十三頁，共41頁。串講：JSP執(zhí)行過程Web容器處理JSP請求的三個階段翻譯階段：生成Java文件編譯階段：生成class文件執(zhí)行階段123請求響應(yīng)應(yīng)用服務(wù)器翻譯編譯執(zhí)行客戶端當二次請求頁面時，Web容器會直接執(zhí)行上次編譯好的字節(jié)碼文件。14第十四頁，共41頁。串講：page指令的語法page指令通過屬性定義了JSP的特性，實現(xiàn)與JSP容器的通信<%@page

language="屬性值"import="屬性值"contentType="屬性值"%>屬性說明language指定JSP頁面使用的腳本語言import通過該屬性來引用腳本語言中使用到的類文件contentType用來指定頁面的MIME類型，以及字符編碼方式語法15第十五頁，共41頁。串講：out對象out對象out對象是JSP的內(nèi)置對象無需實例化即可使用實現(xiàn)數(shù)據(jù)的輸出顯示out對象的方法方法說明print向頁面輸出顯示println向頁面輸出顯示，在結(jié)尾處添加換行16第十六頁，共41頁。上機練習(xí)需求說明在JSP頁面中輸出格式化的系統(tǒng)日期，并判斷是否是閏年格式要求為“XXXX年XX月XX日XXXX是閏年”分析獲取當前的系統(tǒng)日期，并完成格式化判斷閏年的條件能夠被4整除但不能被100整除，或者能夠被400整除推薦使用Calendar來獲取年份完成時間：15分鐘共性問題集中講解練習(xí)17第十七頁，共41頁。串講：request對象request對象處理用戶請求方法名稱說明getParameter(Stringname)返回指定參數(shù)名稱數(shù)值，返回類型為String類型，若無對應(yīng)名稱的參數(shù)，返回NULLgetParameterValues（Stringname）返回具有相同參數(shù)名稱的數(shù)值集合，返回類型為String類型的數(shù)組18第十八頁，共41頁。講解：中文亂碼的顯示產(chǎn)生原因數(shù)據(jù)提交時的編碼方式常見的編碼方式編碼方式說明gb2312包含常用的簡體漢字gbk收錄比gb2312更多的漢字，包括簡體和繁體的漢字utf-8包含全世界所有國家的字符、屬于國際編碼，通用性強19第十九頁，共41頁。講解：中文亂碼解決POST方式提交數(shù)據(jù)設(shè)置請求時的編碼方式設(shè)置響應(yīng)時的編碼方式request.setCharacterEncoding("utf-8");response.setCharacterEncoding("utf-8");如果在page指令中設(shè)置了contentType的charset屬性，則該句可省略語法語法20第二十頁，共41頁。講解：中文亂碼解決GET方式提交數(shù)據(jù)讀取數(shù)據(jù)時直接對數(shù)據(jù)進行編碼通過配置文件制定編碼方式NewString(str.getBytes("iso-8859-1"),"utf-8");配置tomcat\conf\server.xml文件<ConnectorconnectionTimeout="20000"port="8080"protocol="HTTP/1.1"redirectPort="8443"URIEncoding="UTF-8"/>演示示例：解決中文亂碼顯示語法語法21第二十一頁，共41頁。上機練習(xí)需求說明用戶注冊時輸入中文的用戶名，表單提交后正確顯示用戶名分析注冊以表單形式提交，確定提交方式根據(jù)提交方式選擇不同的編碼方案完成時間：15分鐘共性問題集中講解練習(xí)22第二十二頁，共41頁。串講：使用屬性存取數(shù)據(jù)使用屬性保存數(shù)據(jù)name:屬性名稱obj：屬性的值從屬性中讀取數(shù)據(jù)name:屬性名稱返回類型Objectrequest.setAttribute(Stringname,Objectobj)request.getAttribute(Stringname)使用屬性存取數(shù)據(jù)時，要確保數(shù)據(jù)在保存時必須是Object類型，而在取出時還要轉(zhuǎn)換成原先自己的類型語法語法23第二十三頁，共41頁。講解：頁面的重定向response對象對請求作出響應(yīng)并返回結(jié)果頁面重定向?qū)⒂脩粽埱笾匦露ㄎ坏揭粋€新的URLresponse.sendRedirect(url);Stringusername=request.getParameter("username");if(！username.equals("admin")){//允許注冊，注冊成功后進入主頁response.sendRedirect("index.jsp");}重定向是對請求的重新定位，所以重定向后，原請求中的數(shù)據(jù)將會丟失頁面重定向語法24第二十四頁，共41頁。講解：頁面的轉(zhuǎn)發(fā)頁面的轉(zhuǎn)發(fā)在多個頁面交互過程中實現(xiàn)請求數(shù)據(jù)的共享轉(zhuǎn)發(fā)的實現(xiàn)RequestDispatcher對象forward()方法RequestDispatcherrd=request.getRequestDispatcher(url);rd.forward(request,response)if(username.equals("admin")){//不允許注冊，返回注冊頁面request.setAttribute("mess","注冊失敗，請更換其他用戶名");request.getRequestDispatcher("userCreate.jsp").forward(request,response);}轉(zhuǎn)發(fā)會將本次請求數(shù)據(jù)一并發(fā)送，從而實現(xiàn)數(shù)據(jù)的共享演示示例：轉(zhuǎn)發(fā)與重定向頁面轉(zhuǎn)發(fā)25第二十五頁，共41頁。講解：轉(zhuǎn)發(fā)與重定向的比較轉(zhuǎn)發(fā)重定向Web服務(wù)器調(diào)用內(nèi)部方法實現(xiàn)請求處理，在同一個Web應(yīng)用中，共享request請求數(shù)據(jù)Web服務(wù)器返回一個響應(yīng)后，瀏覽器再次發(fā)送一個新的請求，重定向后數(shù)據(jù)無法共享服務(wù)器端發(fā)揮作用，通過forward()方法在多個頁面間傳遞數(shù)據(jù)在客戶端發(fā)揮作用，通過新的請求完成頁面跳轉(zhuǎn)內(nèi)部控制的轉(zhuǎn)移，地址欄不會發(fā)生變化新的請求導(dǎo)致地址欄會發(fā)生變化26第二十六頁，共41頁。上機練習(xí)需求說明模擬手機話費充值的功能分析充值成功，顯示手機號碼及充值金額如果失敗，使用重定向返回充值頁面完成時間：15分鐘共性問題集中講解練習(xí)27第二十七頁，共41頁。串講：會話的概念如何記錄用戶的狀態(tài)信息？下載前判斷是否登錄在JSP中使用會話記錄用戶的狀態(tài)信息問題28第二十八頁，共41頁。串講：會話的概念會話瀏覽器與服務(wù)器之間的一次通話是客戶與Web服務(wù)器間一連串的交互過程請求響應(yīng)請求n響應(yīng)n客戶端服務(wù)器端29第二十九頁，共41頁。串講：session對象session對象JSP的內(nèi)置對象用于存儲與用戶相關(guān)的會話信息返回值類型方法名稱說明voidsetAttribute(Stringkey,Objectobj)以key/value形式保存數(shù)據(jù)ObjectgetAttribute(Stringkey)通過key獲取數(shù)據(jù)StringgetId()獲取sessionidvoidinvalidate()設(shè)置session對象失效voidsetMaxInactiveInterval(intinterval)設(shè)置session對象有效期voidremoveAttribute(Stringkey)移除session中的屬性30第三十頁，共41頁。講解：使用session對象存取數(shù)據(jù)使用session對象存取數(shù)據(jù)的步驟使用屬性保存數(shù)據(jù)從屬性中讀取數(shù)據(jù)，必要時需要進行數(shù)據(jù)類型轉(zhuǎn)換演示示例：使用session存取數(shù)據(jù)session.setAttribute("user",username);……Stringstr=(String)session.getAttribute("user");將數(shù)據(jù)保存到session從session中讀取數(shù)據(jù)關(guān)鍵代碼31第三十一頁，共41頁。上機練習(xí)需求說明用戶必須通過登錄才能訪問郵件列表分析郵件列表屬于私人信息，必須有權(quán)限的人才能查看使用session保存用戶信息在郵件列表頁面判斷session信息是否存在完成時間：20分鐘共性問題集中講解練習(xí)32第三十二頁，共41頁。串講：Cookie介紹Cookie的生活應(yīng)用使用Cookie記錄上網(wǎng)瀏覽的信息33第三十三頁，共41頁。講解：CookieCookie的概念由服務(wù)器端生成，發(fā)送到客戶端保存的一段文本信息Cookie的應(yīng)用步驟創(chuàng)建Cookie寫入CookieCookiecn=newCookie(Stringkey,Objectvalue);response.addCookie(Cookiecookie);語法語法34第三十四頁，共41頁。講解：CookieCookie的讀取讀取Cookie時得到Cookie數(shù)組單個Cookie的讀取Cookie[]cn=request.getCookies();Cookie[]cookies=request.getCookies();Stringuser="";for(inti=0;i<cookies.length;i++){if(cookies[i].getName().equals("user")){user=cookies[i].getValue();}}演示示例：使用Cookie自動填寫用戶名通過遍歷的方式讀取的Cookie內(nèi)容語法35第三十五頁，共41頁。串講：CookieCookie的常用方法返回值類型方法名稱說明voidsetMaxAge(intexpiry)設(shè)置Cookie的有效期，以秒為單位voidsetValue(Stringvalue)創(chuàng)建Cookie后，為Cook