Java Web程序設計項目實戰(zhàn)（微課版）教案 項目二 JSP技術_第1頁
Java Web程序設計項目實戰(zhàn)（微課版）教案 項目二 JSP技術_第2頁
Java Web程序設計項目實戰(zhàn)（微課版）教案 項目二 JSP技術_第3頁
Java Web程序設計項目實戰(zhàn)（微課版）教案 項目二 JSP技術_第4頁
Java Web程序設計項目實戰(zhàn)（微課版）教案 項目二 JSP技術_第5頁
已閱讀5頁，還剩15頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權，請進行舉報或認領

文檔簡介

766-項目二JSP技術主題任務2.1化妝品框架設計序號1課時2教學手段啟發(fā)引導法項目教學法任務教學法教學方法演示法教學課型□理論□實訓R一體化□（其它）教學目標知識目標熟悉HTML常用標簽的綜合應用能力目標能綜合應用HTML標簽完成項目任務育人目標培養(yǎng)學生對國產(chǎn)品牌的認同，提升專業(yè)自信和職業(yè)底氣，增強民族自信，深化愛國主義情懷教學重點HTML常用標簽的綜合應用教學難點HTML常用標簽的綜合應用教學過程設計備注一、創(chuàng)建情境，導入新課（5分鐘）首先引入《2020中國消費品牌發(fā)展報告》分析：“國貨崛起正當時，在‘數(shù)字賦能、綠色發(fā)展、國貨創(chuàng)新、扶貧助農(nóng)、助力實體’政策引領下，中國消費品牌和品質(zhì)共舉。”從而引導學生依靠專業(yè)技能支持國貨、支持民族企業(yè)，科技報國、技術強國，進一步培養(yǎng)學生對國產(chǎn)品牌的認同，提升專業(yè)自信和職業(yè)底氣，增強民族自信，深化愛國主義情懷。從而引出“化妝品網(wǎng)站設計”。二、教學實施（80分鐘）1．任務演示當我們在網(wǎng)上購買化妝品時，需要在網(wǎng)上注冊、依據(jù)注冊的用戶名和密碼進行登錄、然后瀏覽化妝品、選擇自己所需要的化妝品，本任務頁面將包括一個導航條，該導航條由注冊、登錄、瀏覽化妝品、查看訂單等組成。如圖所示：2．知識準備（1）font字體標簽（2）<hn></hn>標題標簽（3）<div>標簽（4）<p>標簽（5）<br>標簽（6）<hr>標簽（7）<B></B><I></I><U></U>標簽<I>標簽顯示斜體文本效果。<B>標簽規(guī)定粗體文本。<U>標簽可定義下劃線文本。（8）img標簽（9）超級鏈接標簽（10）表格課堂練習（教師演示、學生操作）課堂練習1：在網(wǎng)頁上顯示我是字體標簽，并修改字體為宋體，顏色為紅色，如圖所示。課堂練習2：常用標簽的應用1，如圖所示課堂練習3：常用標簽應用2，如圖所示課堂練習4：使用img標簽顯示一張照片。并修改寬高和邊框?qū)傩?，如圖所示。課堂練習5：超級鏈接示例課堂練習6：基本表格示例，如圖所示3．任務實施（教師演示、學生操作）關鍵代碼：<bodybgcolor="f0fff0"><divalign="center"><fontcolor="019858"><h3>歡迎進入化妝品網(wǎng)站，祝你購物愉快!</h3></font><tablecellSpacing="1"cellPadding="1"width="660"align="center"border="0"><trvalign="bottom"><td><ahref="">登錄</a></td><td><ahref="">注冊</a></td><td><ahref="">瀏覽化妝品</a></td><td><ahref="">查看化妝品</a></td><td><ahref="">查看購物車</a></td><td><ahref="">查看訂單</a></td><td><ahref="">退出</a></td><td><ahref="">主頁</a></td></tr></table><imgalt=""src="image/hzp.JPG"></body>4．任務拓展（1）head與title標簽（2）<meta>標簽課堂練習：顯示標題為七大傳統(tǒng)節(jié)日，如圖所示。課堂練習：進入head2.html，5秒后自動跳轉(zhuǎn)到head21.html頁面，如圖所示。三、教學小結（3分鐘）通過本節(jié)課的學習，問學生掌握了哪些知識？HTML的常用標簽的基本格式，屬性，應用。作業(yè)布置（2分鐘）實訓一設計中秋節(jié)主界面教學反思注重培養(yǎng)學生實踐動手能力7612-項目二JSP技術主題任務2.2設計一天的溫馨提示語序號1課時2教學手段啟發(fā)引導法項目教學法任務教學法教學方法演示法教學課型□理論□實訓R一體化□（其它）教學目標知識目標1．了解什么是JSP以及JSP頁面的基本結構2．掌握JSP程序的腳本元素3.熟悉JSP注釋能力目標1．能應用JSP腳本元素完成簡單程序的編寫育人目標培養(yǎng)團隊合作的精神教學重點熟悉集成開發(fā)環(huán)境的搭建教學難點開發(fā)環(huán)境的安裝、環(huán)境配置、環(huán)境測試教學過程設計備注一、創(chuàng)建情境，導入新課（5分鐘）溫馨提示語的好處多多，首先溫馨就讓人舒服，提示語讓人免受傷害，比如，小心路滑，上電梯時必免摔倒，小心碰頭，在公共場所，提醒客人，為了別人的身體健康，請勿吸煙，吸煙有害，在飯店吃飯，請客，會提示您，喝酒不要開車，開車不能喝酒…從而引出本節(jié)課的內(nèi)容。二、教學實施（80分鐘）1．任務演示設計一個程序，在各時間段有不同的溫馨提示語，如表所示，運行結果，如圖所示：時間段溫馨提示6:00-8:00早上好！吃個營養(yǎng)豐盛的早餐8:00-12:00早上上班，美好開始12:00-14:00把工作暫時放在一邊，對自己的努力微笑著給予肯定，然后吃個營養(yǎng)美味的午餐吧14:00-18:00在這樣一個不錯的午后，給自己的心情加點陽光，然后愉悅的讓今天繼續(xù)18:00-21:00下午下班，輕松過關21:00-24:00已經(jīng)是深夜，注意休息24:00-6:00時間還早，再睡會吧！2．知識準備（1）什么是JSP（2）JSP頁面的基本結構變量和方法的聲明表達式腳本程序（3）JSP注釋課堂練習（教師演示、學生操作）課堂練習1：JSP頁面的基本結構應用，運行結果如圖所示。課堂練習2：設計簡單的計數(shù)器，如圖所示課堂練習3：通過方法調(diào)用，計算兩個數(shù)的乘和除,如圖所示課堂練習4：在JSP頁面中通過JSP表達式輸出“保護環(huán)境,愛護地球！”文字，如圖所示。課堂練習5：獲得一個7至19之間的隨機數(shù)，如果獲得的數(shù)小于或等于13就顯示一幅重慶小面的圖像，否則顯示一幅紅燒牛肉面的圖像，程序運行的效果如圖所示3．任務實施（教師演示、學生操作）任務要求：首先獲取當前系統(tǒng)的時間，根據(jù)當前的時間，輸出對應的溫馨提示語。關鍵代碼：<%@pageimport="java.util.Date,java.text.*"%><body><%Datenowday=newDate();inthour=nowday.getHours();SimpleDateFormatformat=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");Stringtime=format.format(nowday);%><center> <tableborder="1"width="300"> <trheight="40"><tdalign="center">溫馨提示!</td></tr> <trheight="90"><td>現(xiàn)在時間為:<%=time%></td></tr> <trheight="50"> <tdalign="center"> <% if(hour>=6&&hour<8) out.print("早上好！吃個營養(yǎng)豐盛的早餐"); elseif(hour>=8&&hour<12) out.print("早上上班，美好開始"); elseif(hour>=12&&hour<=14) out.print("把工作暫時放在一邊，對自己的努力微笑著給予肯定，然后吃個營養(yǎng)美味的午餐吧"); elseif(hour>=14&&hour<18) out.print("在這樣一個不錯的午后，給自己的心情加點陽光，然后愉悅的讓今天繼續(xù)"); elseif(hour>=18&&hour<21) out.print("下午下班，輕松過關"); elseif(hour>=21&&hour<24) out.print("已經(jīng)是深夜，注意休息!"); elseif(hour>=24&&hour<6) out.print("時間還早，再睡會吧！"); %> </td> </table></center></body>4．任務拓展設計一個鄉(xiāng)村振興歡迎網(wǎng)站要求：網(wǎng)站包括標題、圖片，訪問網(wǎng)站的次數(shù)以及版權，如圖所示三、教學小結（3分鐘）通過本節(jié)課的學習，問學生掌握了哪些知識？JSP的基本概念以及基本結構，JSP程序的變量和方法的聲明、腳本元素和表達式。作業(yè)布置（2分鐘）完成實訓任務和拓展任務教學反思注重培養(yǎng)學生實踐動手能力項目二JSP技術主題任務2.3欣賞美景序號1課時2教學手段啟發(fā)引導法項目教學法任務教學法教學方法演示法教學課型□理論□實訓R一體化□（其它）教學目標知識目標1．熟悉page指令2.掌握include指令、<jsp:include><jsp:forward>動作元素的應用能力目標能進行JSP指令標識和動作元素制作小型網(wǎng)站育人目標培養(yǎng)學生的審美情操。教學重點JSP指令標識和動作元素教學難點JSP的動作元素教學過程設計備注一、創(chuàng)建情境，導入新課（5分鐘）許多人都很喜歡春天，因為那里山美、水美、花更美，讓我們應用專業(yè)知識來完成美景網(wǎng)站。二、教學實施（80分鐘）1．任務演示人生處處皆風景，只要你的心中有風景，只要你的眼中有風景，只要你學會欣賞身邊的風景美景…,下面編寫一個風景圖片和花的世界網(wǎng)站，如圖所示。欣賞美景頁面花的世界風景圖2．知識準備（1）JSP的指令標識指令通常以“<%@”標記開始，以“%>”標記結束，通用格式如下：<%@指令名稱屬性1=“屬性值”屬性2=“屬性值”…%>page指令page指令即頁面指令，可以定義在整個JSP頁面范圍內(nèi)有效的屬性，其使用格式如下：<%@page屬性名1=“屬性值1”屬性名2=“屬性值2”…%>include指令在實際的開發(fā)中，有時需要在JSP頁面中包含另一個JSP頁面，這時可以通過include指令實現(xiàn),include指令的具體語法格式是：<%@includefile=“fileurl”說明：file指定包含的靜態(tài)文件的路徑，其值fileurl可以為相對路徑和絕對路徑，一般為相對路徑。 （2）JSP動作元素JSP動作元素用于控制JSP的行為，執(zhí)行一些常見的JSP頁面動作。通過動作元素可以實現(xiàn)使用多行Java代碼才能夠?qū)崿F(xiàn)的效果，例如包含頁面文件，實現(xiàn)請求轉(zhuǎn)發(fā)等。常用的動作元素有：<jsp:include>、<jsp:forward>、<jsp:param>、<jsp:useBean>、<jsp:setProperty>、<jsp:getProperty>、<jsp:fallback>、<jsp:plugin>，下面介紹比較常用的幾個動作元素。課堂練習（教師演示、學生操作）課堂練習1：在JSP頁面中能顯示中文，并顯示當前的時間，如圖所示。課堂練習2：設計兩個jsp文件，一個為head.jsp,用于顯示框架的頭部，另一個jsp頁面，命名為includedemo.jsp，該頁為化妝品主界面，如圖所示。課堂練習3：設計一個用戶登錄的界面，包含用戶名、密碼和驗證碼的輸入，如圖所示。課堂練習4：計算三角形的面積，并顯示在頁面上。課堂練習5：<jsp:forward>請求轉(zhuǎn)發(fā)元素應用，如圖所示3．任務實施（教師演示、學生操作）任務要求：編寫4個JSP頁面：one.jsp,two.jsp,three.jsp和error1.jsp。one.jsp,two.jsp,three.jsp頁面包含一個導航條，可以超鏈接訪問這三個頁面。one.jsp,two.jsp,three.jsp通過應用include動態(tài)加載導航條文件head1.jsp。依據(jù)在one.jsp頁面輸入的數(shù)據(jù)進行判斷執(zhí)行那個頁面，如果輸入的是1-300，執(zhí)行風景圖頁面，如果輸入的是301-400，執(zhí)行花的世界頁面，否則，跳到error1.jsp頁面。關鍵代碼：第一步創(chuàng)建head1.jsp頁面<body><tablecellspacing="1"cellpadding="1"width="60%"align="center"border="0"><trvalign="bottom"><td><ahref="one.jsp">首頁</a></td><td><ahref="two.jsp">風景圖片</a></td><td><ahref="three.jsp">花的世界</a></td></tr></table></body>第二步創(chuàng)建one.jsp<bodybgcolor="f0fff0"><jsp:includepage="head1.jsp"></jsp:include><formaction=""method="get"name="form">請輸入1~400之間的整數(shù)：<inputtype="text"name="number"><br/><inputtype="submit"value="送出"name="submit"/></form><%Stringnum=request.getParameter("number");if(num==null) num="0";try{ intn=Integer.parseInt(num); if(n>=1&&n<=300) { %><jsp:forwardpage="two.jsp"><jsp:paramvalue="<%=n%>"name="number"/></jsp:forward><%}elseif(n>300&&n<=400){%><jsp:forwardpage="three.jsp"><jsp:paramvalue="<%=n%>"name="number"/></jsp:forward><%}elseif(n>400){%><jsp:forwardpage="error.jsp"><jsp:paramvalue="<%=n%>"name="mess"/></jsp:forward><%}%><%}catch(Exceptione){ %><jsp:forwardpage="error.jsp"><jsp:paramvalue="<%=e.toString()%>"name="mess"/></jsp:forward><%}%></body>第三步創(chuàng)建two.jsp<bodybgcolor="f0fff0"><divalign="center"><jsp:includepage="head1.jsp"></jsp:include><h1>風景圖</h1><%Strings=request.getParameter("number");%><h2>瀑布</h2><imgalt=""src="image/pb.JPG"width="<%=s%>"height="<%=s%>"/><p>日照香爐生紫煙，遙看瀑布掛前川;<br/>飛流直下三千尺，疑是銀河落九天。</p><h2>登高</h2><imgalt=""src="image/cj.JPG"width="<%=s%>"height="<%=s%>"/><p>風急天高猿嘯哀，渚清沙白鳥飛回;<br/>無邊落木蕭蕭下，不盡長江滾滾來。</p></div></body>第四步創(chuàng)建three.jsp<bodybgcolor="f0fff0"><divalign="center"><jsp:includepage="head1.jsp"></jsp:include><h1>花的世界</h1><%Strings=request.getParameter("number");%><h2>郁金香</h2><imgalt=""src="image/yjx.JPG"width="<%=s%>"height="<%=s%>"/><p>蘭陵美酒郁金香，玉碗盛來琥珀光;<br/>但使主人能醉客，不知何處是他鄉(xiāng)。</p><h2>朱頂紅</h2><imgalt=""src="image/zdh.JPG"width="<%=s%>"height="<%=s%>"/>

溫馨提示

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

評論

0/150

提交評論