SSH框架項(xiàng)目教程課件第1章第二講_第1頁(yè)
SSH框架項(xiàng)目教程課件第1章第二講_第2頁(yè)
SSH框架項(xiàng)目教程課件第1章第二講_第3頁(yè)
SSH框架項(xiàng)目教程課件第1章第二講_第4頁(yè)
SSH框架項(xiàng)目教程課件第1章第二講_第5頁(yè)
已閱讀5頁(yè)，還剩4頁(yè)未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶(hù)提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

重慶正大軟件學(xué)院軟件系《MVC框架程序設(shè)計(jì)》電子教案重慶正大軟件學(xué)院軟件系《MVC框架程序設(shè)計(jì)》課程組重慶正大軟件職業(yè)技術(shù)學(xué)院教案（項(xiàng)目類(lèi)）授課對(duì)象系別軟件系本次課學(xué)時(shí)4學(xué)時(shí)年級(jí)班次大二章節(jié)題目第1章struts標(biāo)簽?zāi)康囊螅ê寄芤螅┝私釹truts2標(biāo)簽相關(guān)概念掌握Struts2常用標(biāo)簽的基本用法本節(jié)重點(diǎn)掌握Struts2常用標(biāo)簽的基本用法本節(jié)難點(diǎn)了解Struts2標(biāo)簽相關(guān)概念教學(xué)方法項(xiàng)目教學(xué)法教學(xué)用具機(jī)房、屏幕廣播問(wèn)題引入通過(guò)用戶(hù)注冊(cè)案例，從而引出本次課程。難點(diǎn)與重點(diǎn)講解方法引導(dǎo)、分析、講解、實(shí)作演示本次課小結(jié)課程小結(jié)教后禮記討論、思考題、作業(yè)（含實(shí)訓(xùn)作業(yè)）完成本次課的課堂任務(wù)填寫(xiě)實(shí)驗(yàn)報(bào)告任務(wù)介紹（5分鐘）使用Struts2標(biāo)簽實(shí)現(xiàn)簡(jiǎn)單注冊(cè)頁(yè)面(如圖1.2-1所示)，表單項(xiàng)目有：用戶(hù)名、真實(shí)名、密碼、確認(rèn)密碼、年齡、手機(jī)、電子郵箱等單行輸入框；有性別單選框（選擇男或女）省份下拉框（選擇重慶、北京、上海、天津）；個(gè)人愛(ài)好多選框（可選擇游泳、徒步、打乒乓、看書(shū)、其他）；提交按鈕以及用戶(hù)注冊(cè)標(biāo)題。圖1.2-1用戶(hù)注冊(cè)頁(yè)面任務(wù)解析（50-60分鐘）創(chuàng)建名為Register.jsp的注冊(cè)頁(yè)面文件導(dǎo)入Struts2標(biāo)簽庫(kù)標(biāo)記在注冊(cè)頁(yè)面中添加注冊(cè)標(biāo)題并加入表單標(biāo)簽在注冊(cè)頁(yè)面中加入各種注冊(cè)所需輸入框及按鈕詳細(xì)步驟創(chuàng)建名為Register.jsp的注冊(cè)頁(yè)面文件在已建的工程的WebContent或webroot目錄下創(chuàng)建一個(gè)Register.jsp頁(yè)面。導(dǎo)入Struts2標(biāo)簽庫(kù)標(biāo)記在代碼<%@pagelanguage="java"contentType="text/html;charset=UTF-8"pageEncoding="UTF-8"%>下面，導(dǎo)入Struts2標(biāo)簽庫(kù)。代碼為：<%@taglibprefix="s"uri="/struts-tags"%>在注冊(cè)頁(yè)面中添加注冊(cè)標(biāo)題并加入表單標(biāo)簽首先在頁(yè)面中加入標(biāo)題且居中顯示，關(guān)鍵代碼如下：<center>用戶(hù)注冊(cè)</center>接著加入表單標(biāo)簽且同樣居中顯示，關(guān)鍵代碼如下：<center> <s:formaction="register.action"> </s:form></center>在注冊(cè)頁(yè)面中加入各種注冊(cè)所需輸入框及按鈕在<s:form></s:form>表單標(biāo)簽間加入各種Struts2表單標(biāo)簽，完成注冊(cè)頁(yè)面。具體用法請(qǐng)參考前文中各種標(biāo)簽的使用方法，最后完成注冊(cè)頁(yè)面的完整參考代碼如下：<%@pagelanguage="java"pageEncoding="utf-8"%><%@taglibprefix="s"uri="/struts-tags"%><%@taglibprefix="sx"uri="/struts-dojo-tags"%><html> <head> <title>用戶(hù)注冊(cè)</title> <sx:headextraLocales="utf-8"/> </head> <body> <center> 用戶(hù)注冊(cè) </center> <center> <s:formaction="register.action"> <s:textfieldname="name"label="*會(huì)員登陸名"> </s:textfield> <s:textfieldname="username"label="真實(shí)姓名"> </s:textfield> <s:passwordname="pass"label="*輸入密碼"> </s:password> <s:passwordname="repass"label="*確認(rèn)密碼"> </s:password> <s:radiolist="#{‘1’:’男’,’0’:’女’}"value="1" label="性別"name="sex"> </s:radio> <s:selectname="province" list="{‘重慶’,’北京’,’上?！?’天津’}" label="省份"> </s:select> <s:textfieldname="age"label="年齡"></s:textfield> <sx:datetimepickername="birth" displayFormat="yyyy-MM-dd"label="生日" accesskey="false"language="utf-8"> </sx:datetimepicker> <s:checkboxlistname="love"label="愛(ài)好" list="{‘游泳’,’徒步’,’打乒乓’,’看書(shū)’,’其他’}"> </s:checkboxlist> <s:textfieldname="mobile"label="手機(jī)"> </s:textfield> <s:textfieldname="email"label="電子郵箱"> </s:textfield> <s:submitvalue="提交"></s:submit> </s:form> </center> </body></html>根據(jù)任務(wù)提出問(wèn)題（45-55分鐘）什么是struts2標(biāo)簽？它有什么哪些類(lèi)別？使用Struts2標(biāo)簽的前提？如何使用Struts2標(biāo)簽來(lái)制作注冊(cè)頁(yè)面?表單如何做？輸入框、密碼框如何做？單選框如何做？復(fù)選框如何做？下拉選擇框如何做？多行輸入框如何做？提交按鈕如何做？日期選擇如何做？問(wèn)題解析（45-55分鐘）Struts2標(biāo)簽的相關(guān)概念在早期Web應(yīng)用開(kāi)發(fā)過(guò)程中，表現(xiàn)層的JSP頁(yè)面主要使用JAVA腳本來(lái)控制輸出。在這種方式下，JSP頁(yè)面里大量嵌套了JAVA腳本，并且通過(guò)JAVA語(yǔ)言里的if條件語(yǔ)句，for循環(huán)，while循環(huán)等等來(lái)控制輸出。這種方式的結(jié)果導(dǎo)致JSP頁(yè)面里幾乎是JAVA語(yǔ)言的子集。當(dāng)JSP頁(yè)面里大量嵌套了JAVA腳本時(shí)，整個(gè)頁(yè)面的可讀性下降，因而可維護(hù)性也隨之下降。即使在前期的開(kāi)發(fā)階段，由于頁(yè)面美工人員不懂JAVA語(yǔ)言，故無(wú)法參與JSP頁(yè)面的開(kāi)發(fā)；然而懂JAVA語(yǔ)言的人員，卻不懂頁(yè)面的美工設(shè)計(jì)。因此，大量嵌套JAVA腳本的JSP技術(shù)不利于團(tuán)隊(duì)協(xié)作開(kāi)發(fā)。從JSP規(guī)范1.1版以后，JSP增加了自定義標(biāo)簽庫(kù)的規(guī)范，自定義標(biāo)簽庫(kù)是一種非常優(yōu)秀的組件技術(shù)。通過(guò)使用自定義標(biāo)簽庫(kù)，可以在簡(jiǎn)單的標(biāo)簽中封裝復(fù)雜的功能。通過(guò)自定義標(biāo)簽庫(kù)，我們就可以在自定義標(biāo)簽中封裝復(fù)雜的表現(xiàn)邏輯，從而避免了在JSP嵌套JAVA腳本。自定義標(biāo)簽是一種非常優(yōu)秀的可復(fù)用技術(shù)，一旦開(kāi)發(fā)了滿(mǎn)足某個(gè)表現(xiàn)邏輯的標(biāo)簽，就可以多次重復(fù)使用該標(biāo)簽。使用自定義標(biāo)簽的優(yōu)勢(shì)有：標(biāo)簽的使用更加簡(jiǎn)單，無(wú)需JAVA語(yǔ)言知識(shí)，即可開(kāi)發(fā)JSP頁(yè)面，可以通過(guò)使用簡(jiǎn)單的標(biāo)簽，完成復(fù)雜的表現(xiàn)邏輯。避免了JSP頁(yè)面中嵌套JAVA腳本，因此開(kāi)發(fā)了JSP頁(yè)面無(wú)需JAVA語(yǔ)言知識(shí)，故更有利于大型應(yīng)用的團(tuán)隊(duì)協(xié)作開(kāi)發(fā)。JSP頁(yè)面不再嵌套JAVA腳本，JSP頁(yè)面的可讀性提高，更有利于頁(yè)面的后期維護(hù)，升級(jí)。

由一系列功能相似、邏輯上互相聯(lián)系的標(biāo)簽構(gòu)成的集合稱(chēng)為標(biāo)簽庫(kù)。由于MVC框架都是表現(xiàn)層框架，故所有的MVC框架都會(huì)提供自己的定義標(biāo)簽庫(kù)。Struts2一樣也提供了大量標(biāo)簽，用于簡(jiǎn)化應(yīng)用的表現(xiàn)邏輯。Struts2標(biāo)簽庫(kù)分類(lèi):Struts2并未嚴(yán)格提供標(biāo)簽庫(kù)的分類(lèi)，它把所有標(biāo)簽都定義在一個(gè)默認(rèn)名為s的標(biāo)簽庫(kù)里。雖然Struts2把所有的標(biāo)簽都定義在URI為”/struts-tags”的命名空間下，但我們依然可以對(duì)Struts2標(biāo)簽進(jìn)行簡(jiǎn)單的分類(lèi)，從在頁(yè)面所起的作用來(lái)區(qū)分，可以分成如下3類(lèi)：UI（UserInterface,用戶(hù)界面）標(biāo)簽：主要用于生成HTML元素的標(biāo)簽。非UI標(biāo)簽：主要用于數(shù)據(jù)訪(fǎng)問(wèn)，邏輯控制等的標(biāo)簽。Ajax標(biāo)簽：用于Ajax(AsynchronousJavaScriptAndXML)支持的標(biāo)簽。使用Struts2標(biāo)簽：使用WinRAR打開(kāi)Struts2-core-2.x.x.jar文件，在該壓縮包的META-INF路徑下找到struts-tags.tld文件，這就是Struts2的標(biāo)簽庫(kù)文件。在JSP頁(yè)面中使用Struts2標(biāo)簽的前提在使用Struts2標(biāo)簽前，必須先使用taglib指令導(dǎo)入Struts2標(biāo)簽庫(kù)定義。在頁(yè)面中使用如下代碼來(lái)導(dǎo)入Struts2標(biāo)簽庫(kù)：<%@taglibprefix=”s”uri=”/struts-tags”%>使用Struts2標(biāo)簽的UI標(biāo)簽來(lái)完成注冊(cè)頁(yè)面使用表單標(biāo)簽<s:formname=“表單名”method=“post或者get”action=“映射地址">說(shuō)明：與html的form標(biāo)簽類(lèi)似，參數(shù)沒(méi)有變化，但是action的映射地址和servlet的映射地址有區(qū)別，地址前是無(wú)需加/的。使用單行輸入框標(biāo)簽<s:textfieldname=“輸入框名字"></s:textfield>說(shuō)明：與html的inputtype=“text”標(biāo)簽類(lèi)似，簡(jiǎn)寫(xiě)<s:textfieldname=“輸入框名字”/>。使用密碼輸入框標(biāo)簽：<s:passwordname=“輸入框名"/>說(shuō)明：與html的inputtype=“password”標(biāo)簽類(lèi)似。使用單選框標(biāo)簽<s:radioname=“單選框名”list="#{'實(shí)際值':'顯示值','實(shí)際值':'顯示值',…}"value="0"></s:radio>說(shuō)明：與html的<inputtype=“radio”>標(biāo)簽類(lèi)似，list后邊就是設(shè)置單選項(xiàng)，常用OGNL表達(dá)式中的標(biāo)識(shí)符：#號(hào)配合大括號(hào)｛｝完成對(duì)選項(xiàng)集合的描述：多個(gè)選項(xiàng)之間用逗號(hào)隔開(kāi)并放入｛｝之間。其中“顯示值”即用戶(hù)在瀏覽器頁(yè)面中看到的該選項(xiàng)的名稱(chēng)，“實(shí)際值”是該選項(xiàng)在表單中實(shí)際的數(shù)值，可以理解為頁(yè)面背后的能代表該選項(xiàng)的一個(gè)數(shù)據(jù)，它和“顯示值”可以不相同。注：OGNL是Object-GraphNavigationLanguage的縮寫(xiě)，它是一種功能強(qiáng)大的表達(dá)式語(yǔ)言，通過(guò)它簡(jiǎn)單一致的表達(dá)式語(yǔ)法，可以存取對(duì)象的任意屬性，調(diào)用對(duì)象的方法，遍歷整個(gè)對(duì)象的結(jié)構(gòu)圖，實(shí)現(xiàn)字段類(lèi)型轉(zhuǎn)化等功能。value屬性：設(shè)置后能讓單選框默認(rèn)選中與“實(shí)際值”相同的一個(gè)選項(xiàng)，例如，下文中的例子，默認(rèn)會(huì)選中男。例如男和女的單選框代碼為：<s:radioname="sex"list="#{1:'男',0:'女'}"value="0"></s:radio>單選框例子的效果如圖1.2-2所示。圖1.2-2單選框標(biāo)簽其對(duì)應(yīng)的HTML代碼實(shí)際為:<inputtype="radio"name="sex"value="1"checked="checked"/>男<inputtype="radio"name="sex"value="0"/>女注意觀(guān)察，表達(dá)式#{1:'男',0:'女'}最終生成的HTML代碼，實(shí)際值（value屬性）分別為1和0，顯示值是男和女，默認(rèn)選中了“男”這一選項(xiàng)。使用復(fù)選框標(biāo)簽<s:checkboxlistname=“復(fù)選框名”list=“#{‘實(shí)際值’:’顯示值’,‘實(shí)際值’:’顯示值’,…}"value="0"></s:checkboxlist>說(shuō)明：與html的inputtype=checkbox標(biāo)簽類(lèi)似，常用ＯＧＮＬ表達(dá)式完成對(duì)多個(gè)選項(xiàng)的描述，具體使用方法請(qǐng)參考“單選框”處的說(shuō)明。例如有五個(gè)選項(xiàng)的復(fù)選框：<s:checkboxlistname="love"list="{‘游泳’,’徒步’,’打乒乓’,’看書(shū)’,’其他’}">復(fù)選框例子的效果如圖1.2-3所示。圖1.2-3復(fù)選框標(biāo)簽使用下拉框標(biāo)簽<s:selectname=“下拉框名”list="#{’實(shí)際值’:’顯示值’,‘實(shí)際值’:’顯示值’,…}"value="0"></s:select>說(shuō)明：與html的select標(biāo)簽類(lèi)似，常用ＯＧＮＬ表達(dá)式完成對(duì)多個(gè)選項(xiàng)的描述，具體使用方法請(qǐng)參考“單選框”處的說(shuō)明。例如有三個(gè)選項(xiàng)的下拉框：<s:selectlist="#{‘0’:’學(xué)生’,’1’:’教師’,’2’:’使用多行輸入框標(biāo)簽<s:textareaname=“多行輸入框名”rows=“高度”cols=“寬度"></s:textarea>說(shuō)明：與html的textarea標(biāo)簽類(lèi)似，例如3行高、30列寬的多行輸入框：<s:textareaname="note"rows="3"cols="30“></s:textarea>使用按鈕標(biāo)簽<s:submitvalue=“提交按鈕名"></s:submit><s:resetvalue=“重置按鈕名"></s:reset>說(shuō)明：與html的inputtype=submit和inputtype=reset標(biāo)簽類(lèi)似日期選擇標(biāo)簽<sx:datetimepickername="日期標(biāo)簽名"displayFormat="日期格式，如yyyy-MM-dd"label="標(biāo)簽標(biāo)題"></sx:datetimepicker>圖1.2-4日期選擇標(biāo)簽說(shuō)明：圖1.2-4中，日期選擇標(biāo)簽的顯示是用struts2集成了的dojo框架（注：dojo是一個(gè)第三方j(luò)avascript函數(shù)庫(kù)，struts2集成了部分功能以豐富動(dòng)態(tài)頁(yè)面表現(xiàn)力及交互性）的日期控件來(lái)實(shí)現(xiàn)的。但是該日期控件在struts22.1版本后就沒(méi)有集成在struts2的基本標(biāo)簽庫(kù)里，而是集成到了struts2-dojo-plugin-2.1.x.jar包里,所以在使用此控件標(biāo)簽前，必須先到導(dǎo)入struts2-dojo-plugin-2.1.x.jar包，并且在JSP頁(yè)面加入以下對(duì)應(yīng)的標(biāo)簽指令代碼<%@taglibprefix="sx"uri="/struts-dojo-tags"%>因?yàn)槿掌诳丶蕾?lài)了dojo相關(guān)的javascript函數(shù)庫(kù),所以也需要在頁(yè)面中的<head></head>區(qū)域中加入<sx:head/>以引入dojo相關(guān)函數(shù)庫(kù)，同時(shí)指定其編碼集屬性extraLocales為utf-8，如下所示：<sx:headextraLocales="utf-8"/>同時(shí)在<sx:datetimepicker>標(biāo)簽中，加入lan

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論