《 Java Web開發從入門到實戰（第2版·微課視頻版）》-實驗教學大綱_第1頁
《 Java Web開發從入門到實戰（第2版·微課視頻版）》-實驗教學大綱_第2頁
《 Java Web開發從入門到實戰（第2版·微課視頻版）》-實驗教學大綱_第3頁
《 Java Web開發從入門到實戰（第2版·微課視頻版）》-實驗教學大綱_第4頁
《 Java Web開發從入門到實戰（第2版·微課視頻版）》-實驗教學大綱_第5頁
已閱讀5頁，還剩16頁未讀， 繼續免費閱讀

下載本文檔

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

文檔簡介

第21頁共21頁《JavaWeb開發從入門到實戰（第2版·微課視頻版）》實驗教學大綱大綱版本：v1.0課程名稱（中/英）：JavaWeb開發/JavaWebDevelopment學分：3實驗學時：24（含實戰）課程類別：專業課課程性質：必修課開課學期：4適用專業：軟件工程、計算機科學與技術先修課程：Java程序設計、數據庫原理及應用一、課程目標《JavaWeb開發》是軟件工程、計算機科學與技術等專業本科階段的重要專業課程，該課程實驗環境選用Eclipse或IntelliJIDEA。通過本課程的學習和上機實戰操作，使學生掌握JavaWeb開發中JSP、Servlet以及Ajax、JSON、jQuery技術的基礎知識和實際應用，熟練使用Eclipse或IntelliJIDEA集成開發工具進行JavaWeb開發。注重培養學生的實踐與實戰能力，掌握基本的JavaWeb開發創新方法和應用解決方案，為企業級Java應用開發打下堅實基礎。二、項目及課時分配序號項目名稱課時數項目類別項目類型要求每組人數1調查問卷制作1專業基礎設計性必做12頁面布局1專業基礎設計性必做13表單驗證1專業基礎設計性必做14JSP腳本元素的應用1專業基礎設計性必做15JSP動作標記的應用1專業基礎設計性必做16JSP內置對象的應用2專業基礎設計性必做17使用JavaBean計算三角形面積和周長1專業基礎設計性必做18基于Servlet的登錄驗證1專業基礎設計性必做19使用基于Servlet的MVC模式設計一個Web應用（四則運算）1專業基礎設計性必做110會話跟蹤技術的應用：登錄注銷系統1專業基礎設計性選做111監聽器的實際應用——統計在線用戶1專業基礎設計性選做112使用JSTL標簽打印九九乘法表1專業基礎設計性選做113使用PreparedStatement語句實現多條件查詢2專業基礎設計性選做114使用jQueryAjax技術實現注冊郵箱的唯一性驗證1專業基礎設計性選做115綜合實戰1：基于JSP+JavaBean+Servlet的電子商務平臺的設計與實現8專業綜合綜合性選做1-3三、教學方法學生自己動手實驗為主，老師指導為輔。四、教學內容及要求實驗一調查問卷制作（1課時）實驗目的：1、掌握HTML的常用標簽；2、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：編寫網頁practice1_1.html，具體要求如下：（1）網頁中有個form表單，表單處理程序為本頁面程序，表單提交方式為“post”，表單提交編碼方式為“multipart/form-data”；（2）頁面運行效果如圖1所示。圖1practice1_1.html頁面運行效果主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗二頁面布局（1課時）實驗目的：1、掌握CSS的基本語法；2、掌握常見的DIV+CSS布局類型；3、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：按照下面的步驟編寫網頁practice1_2.html：步驟1：使用DIV定義結構一個典型的版面分欄結構：頁頭、導航欄、內容、版權。結構代碼如下： <divid="header"></div> <divid="navigator"></div> <divid="content"></div> <divid="footer"></div>將這四個盒子裝進一個更大的盒子，body中，如下：<body>上面四行代碼</body>步驟2：定義body的屬性 body{ font-family:Arial,Helvetica,sans-serif; font-size:12px; margin:0pxauto; height:auto; width:800px; border:1pxsolid#006633;}步驟3：定義頁頭（header）的屬性 #header{ height:100px; width:800px; background-image:url(plane.jpg); background-repeat:no-repeat; margin:0px0px3px0px;}步驟4：定義導航欄（navigator）的屬性#navigator{/*定義一個導航欄的長盒子*/ height:25px; width:800px; font-size:14px; list-style-type:none;/*讓nav這個大盒子下面的小盒子LI列表樣式不顯示,這對于標準瀏覽器很重要*/}#navigatorli{ float:left;/*讓LI這些小盒子左對齊*/}#navigatorlia{ color:#000000; text-decoration:none;/*讓LI盒子里面的鏈接樣式沒有下滑線*/ padding-top:4px; display:block;/*讓LI里面的鏈接塊狀呈現，就像一個按鈕，而不必一定要點中鏈接文字才起作用*/ width:131px; height:22px; text-align:center; background-color:#009966; margin-left:2px;}#navigatorlia:hover{ background-color:#006633;/*鼠標移到鏈接盒子上面改變盒子背景色*/ color:#FFFFFF;}步驟5：定義內容部分（content）的屬性#content{ height:auto; width:780px; line-height:1.5em; padding:10px;}#contentp{ text-indent:2em;}#contenth3{ font-size:16px; margin:10px;}步驟6：定義頁腳（footer）的屬性#footer{ height:50px; width:780px; line-height:2em; text-align:center; background-color:#009966; padding:10px;}步驟7：定義各標記的邊界和填充（開頭處） *{ margin:0px; padding:0px;}步驟8：結構代碼如下<body> <divid="header"></div> <divid="navigator"> <ulid="navigator"> <li><ahref="#">首頁</a></li> <li><ahref="#">文章</a></li> <li><ahref="#">相冊</a></li> <li><ahref="#">Blog</a></li> <li><ahref="#">論壇</a></li> <li><ahref="#">幫助</a></li> </ul> </div> <divid="content"> <h3>前言</h3> <p>CSS是英文CascadingStyleSheet的縮寫，又稱為“層疊樣式表”，簡稱為樣式表。它是W3C定義的標準，一種用來為結構化文檔（如HTML文檔）添加樣式（字體、間距和背景等）的計算機語言。</p> <h3>理解DIV+CSS布局</h3><p>簡單地說DIV+CSS(DIVCSS)被稱為“WEB標準”中常用術語之一。首先認識DIV是用于搭建html網頁結構（框架）標簽，再認識CSS是用于創建網頁表現（樣式/美化）樣式表統稱，通過css來設置div標簽樣式，這一切常常我們稱之為div+css。 </p> </div> <divid="footer"> <p>關于|廣告服務|招聘|客服中心|QQ留言|網站管理|會員登錄|購物車</p> <p>Copyright?清華大學出版社</p> </div></body>步驟9：頁面運行效果如圖2所示。圖2DIV+CSS布局主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗三表單驗證（1課時）實驗目的：1、掌握JavaScript的語法基礎；2、掌握JavaScript的事件處理機制；3、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：制作一個用戶注冊頁面practice1_3.html，具體要求如下：（1）有常用的登錄賬號、密碼、確認密碼、姓名、身份證號碼（只考慮18位的身份證）、出生年月日、住址、郵編、E-mail等輸入區域（自己設定）；（2）自己設定驗證規則，在提交時檢驗是否符合要求，alert出非法的輸入，并將焦點返回要輸入的控件對象；（3）根據出生年月日判斷身份證號碼是否合法（只考慮18位身份證）；（4）其它驗證：登錄賬號只能是字母或數字且以字母開頭；密碼要在8位以上且需要有字母和數字之外的字符；出生年月日的格式為yyyy-mm-dd；郵編為6位數字；E-mail的基本格式驗證。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗4JSP腳本元素的應用（1課時）實驗目的：1、掌握Java程序片的定義與使用；2、掌握JSP成員變量與方法的定義與使用；3、掌握Java表達式的定義與使用；4、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：1、編寫1個JSP頁面，在JSP頁面中使用Java程序片輸出26個小寫的英文字母表；2、利用成員變量被所有客戶共享這一性質，實現一個簡單的計數器，頁面效果如圖3所示。圖3簡單的計數器3、使用JSP腳本元素，在瀏覽器中輸出大小為15*10表格，頁面效果如圖4所示。圖415*10表格主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗五JSP動作標記的應用（1課時）實驗目的：1、掌握動作標記include、forward和param的應用；2、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：1、include和param動作標記的應用：編寫3個JSP頁面：input.jsp、first.jsp和second.jsp，將3個JSP文件保存在同一個Web服務目錄中，input.jsp使用include動作標記加載first.jsp和second.jsp頁面。first.jsp頁面可以畫出一個表格，second.jsp頁面可以計算出兩個正整數的最大公約數。當first.jsp被加載時獲取input.jsp頁面中include動作標記的param子標記提供的表格的行數和列數，當second.jsp被加載時獲取input.jsp頁面中include動作標記的param子標記提供的兩個正整數的值；2、登錄驗證：編寫3個JSP頁面：login.jsp、validate.jsp和success.jsp，login.jsp輸入用戶名與密碼信息，提交給validate.jsp進行用戶驗證，如果驗證為合法用戶（用戶名：tom，密碼：jenny）則轉到（forward動作標記）success.jsp頁面，否則轉到login.jsp頁面重新登錄。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗六JSP內置對象的應用（2課時）實驗目的：1、掌握JSP內置對象的定義及常用方法；2、理解request、session以及application的區別；3、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：1、獲取客戶端的基本信息：編寫1個JSP頁面practice4_1.jsp，在該頁面中使用request的方法獲取客戶端的IP地址、客戶機名稱、服務器名稱以及服務器端口號。2、登錄驗證：編寫3個JSP頁面login_1.jsp、server.jsp和loginSuccess.jsp。在頁面login_1.jsp中輸入用戶名和密碼，單擊“提交”按鈕將輸入的信息提交給頁面server.jsp。在server.jsp頁面中進行登錄驗證：如果輸入正確（用戶名“zhangsan”，密碼“123”），提示“成功登錄，3秒鐘后進入loginSuccess.jsp頁面”，如果輸入不正確，重新定向到login_1.jsp頁面。先運行login_1.jsp頁面，頁面運行效果如圖5~7所示。圖5login_1.jsp頁面圖6server.jsp頁面圖7loginSuccess.jsp頁面3、購物車：用戶到便民超市采購商品，購物前需要先登錄會員卡號，購物時先將選購的商品放入購物車，最后到柜臺清點商品。請借助于session對象模擬購物車，并存儲客戶的會員卡號和購買的商品名稱。會員卡號輸入后可以修改，購物車中的商品可以查看。編寫程序模擬上述過程。loginID.jsp實現會員卡號輸入，shop.jsp實現商品導購，food.jsp實現商品購物，count.jsp實現清點商品。本節實踐環節的4個JSP頁面都保存在目錄practice4中，先運行loginID.jsp頁面，運行效果如圖8~11所示。圖8會員卡輸入頁面圖9導購頁面圖10購物頁面圖11查看購物車商品頁面4、網站訪客計數器：使用application對象實現網站訪客計數器的功能。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗七使用JavaBean計算三角形面積和周長（1課時）實驗目的：1、掌握JavaBean的編寫與定義；2、掌握<jsp:useBean>、<jsp:setProperty>、<jsp:getProperty>等JSP動作標記的使用；3、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：使用JavaBean計算三角形面積和周長：編寫兩個JSP頁面：inputTriangle.jsp與showTriangle.jsp。inputTriangle.jsp提供一個表單，用戶可以通過表單輸入三角形的三條邊提交給showTriangle.jsp。用戶提交表單后，JSP頁面將計算三角形面積和周長的任務交給一個bean去完成，創建bean的源文件是Triangle.java。頁面運行效果如圖12與13所示。圖12三角形邊長輸入頁面圖13信息顯示頁面主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗八基于Servlet的登錄驗證（1課時）實驗目的：1、掌握Servlet對象的創建與運行；2、理解JSP頁面訪問Servlet的運行機制；3、掌握重定向與轉發的使用方法；4、理解重定向與轉發的區別；5、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：登錄驗證：編寫登錄頁面login_1.jsp，在該JSP頁面中通過表單向urlPatterns為“{"/loginServlet_1"}”的Servlet（由LoginServlet_1類負責創建）提交用戶名和密碼。如果用戶輸入的數據不完整，loginServlet_1將用戶重定向到login_1.jsp頁面；如果用戶輸入的數據完整并正確（用戶名“zhangsan”，密碼“123”），loginServlet_1將用戶的請求轉發給loginSuccess_1.jsp頁面，loginSuccess_1.jsp頁面顯示用戶輸入的信息。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗九使用基于Servlet的MVC模式設計一個Web應用（1課時）實驗目的：1、掌握MVC的基本概念；2、理解MVC模式的基本思想；3、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：使用基于Servlet的MVC模式設計一個Web應用（四則運算），要求如下：用戶通過JSP頁面inputNumber.jsp輸入兩個操作數，并選擇一種運算符，點擊提交按鈕后，調用HandleComputer.java這個Servlet。在HandleComputer中首先獲取用戶輸入的數字和運算符并將這些內容存入到實體模型（由Computer.java創建）中，然后調用業務模型（由CalculateBean.java創建）進行計算并把結果存入到實體模型中，在showResult.jsp中調用JavaBean顯示計算的結果。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗十會話跟蹤技術的應用：登錄注銷系統（1課時）實驗目的：1、理解會話跟蹤的含義；2、掌握會話跟蹤技術的應用；3、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：編寫一個登錄注銷系統，用戶登錄成功的情況下，將用戶的信息保存在會話HttpSession中，用戶信息可以在會話過程中任意頁面或Servlet中被獲取并顯示，使用HttpSession的invalidate()方法實現系統的注銷功能。一旦注銷，該用戶信息丟失，用戶需要重新登錄。該系統需要考慮用戶瀏覽器禁用Cookie的情況。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗十一監聽器的實際應用——統計在線用戶（1課時）實驗目的：1、理解監聽器的原理；2、掌握監聽器的實際應用；3、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：做一個網站ch8SS，實現在線用戶的統計。可以通過ServletContextListener監聽，當Web應用上下文啟動時，在ServletContext中添加一個List.用來準備存放在線的用戶名。然后通過HttpSessionAttributeListener監聽，當用戶登錄成功，把用戶名設置到session中，同時將用戶名放到ServletContext的List中。當用戶注銷會話時，將用戶名從應用上下文范圍中的List列表中刪除。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗十二使用JSTL標簽打印九九乘法表（1課時）實驗目的：1、了解JSTL的環境配置；2、掌握JSTL的核心標簽庫的應用方法；3、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：編寫1個JSP頁面，在該頁面中使用<c:forEach>標簽輸出九九乘法表。頁面運行效果如圖14所示。圖14使用<c:forEach>打印九九乘法表主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗十三使用PreparedStatement語句實現多條件查詢（2課時）實驗目的：1、理解JDBC的基本原理；2、掌握PreparedStatement語句的編寫方法；3、掌握數據庫的基本操作CRUD；4、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：使用PreparedStatement語句實現多條件查詢：編寫兩個JSP頁面：inputQuery.jsp和showGoods.jsp。用戶可以在inputQuery.jsp頁面輸入查詢條件，單擊“查詢”按鈕后，在showGoods.jsp頁面中顯示符合查詢條件的商品信息。需要編寫一個Servlet類SelectGoodsServlet.java實現該題的條件查詢功能，另外需要使用例11-2的實體類Goods。頁面運行效果如圖15和16所示。圖15輸入條件圖16符合條件的記錄主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗十四使用jQueryAjax技術實現注冊郵箱的唯一性驗證（1課時）實驗目的：1、掌握Ajax、JSON以及jQuery等技術的應用；2、理解異步請求的實現方法及機制；3、掌握jQuery對Ajax的實現方法；4、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：使用jQueryAjax技術實現注冊郵箱的唯一性驗證。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具實驗十五（綜合實戰1）基于JSP+JavaBean+Servlet的電子商務平臺的設計與實現（8課時）實驗目的：1、掌握基于JSP+JavaBean+Servlet開發的流程、方法以及技術；2、熟悉電子商務平臺的業務需求、設計以及實現；3、熟練撰寫設計文檔；4、了解電商行業的法律法規、市場準入機制；5、加強團隊協作，積極承擔團隊成員與負責人的多種角色；6、認真書寫實驗報告，如實填寫各項實驗內容。實驗要求：按照實驗內容及實驗報告要求，完成規定的實驗內容，并認真填寫實驗報告。實驗內容：1、電子商務平臺分為兩個子系統，一是后臺管理子系統，一是電子商務子系統；2、管理員登錄成功后，進入后臺管理主頁面可以對商品、商品類型、注冊用戶以及用戶的訂單進行管理。后臺管理子系統的模塊劃分，如圖17所示；后臺管理子系統后臺管理子系統商品管理查詢訂單銷量統計安全退出新增商品刪除商品修改商品查詢商品月統計類型統計類型管理新增類型刪除類型修改類型查詢類型圖17后臺管理子系統3、非注冊用戶只可以瀏覽商品、搜索商品，不能購買商品、收藏商品、查看購物車、查看用戶中心、我的訂單和我的收藏。成功登錄的用戶可以完成電子商務子系統的所有功能，包括購買商品、支付等功能。電子商務子系統的模塊劃分，如圖18所示；圖18電子商務子系統4、使用JSP+JavaBean+Servlet開發電子商務平臺的各個模塊；5、其他具體內容要求見教材的第13章內容。主要設備和實驗環境：計算機，Eclipse或IntelliJIDEA集成開發工具五、主要教材（指導書）及參考用書（1）使用教材陳恒.JavaWeb開發從入門到實

溫馨提示

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

評論

0/150

提交評論