《Web應(yīng)用技術(shù)》課程教案

WEB應(yīng)用技術(shù)課程教案授課時間：第1次課：第一章HTML語言課時安排5課時課程主要內(nèi)容1.互聯(lián)網(wǎng)應(yīng)用技術(shù)2.網(wǎng)頁的類型3.網(wǎng)頁的設(shè)計與建設(shè)4.HTML的標(biāo)記與元素5.文字版面的編輯6.文字列表的設(shè)計7.圖片的使用8.窗口框架9.表格的設(shè)計10.超鏈接11.高級HTML的使用applet的使用、網(wǎng)頁動態(tài)刷新<meta>、會移動的文字<marquee>、浮動窗口<iframe>、多媒體網(wǎng)頁、播放背景音樂<bgsound>12.表單設(shè)計重點難點·通過這一章的講解，讓學(xué)生首先建立一個頁面與網(wǎng)站開發(fā)方法的概念，同時對web開發(fā)語言以及web程序開發(fā)環(huán)境有一個初步的認(rèn)識。教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)編寫一個JSP個人主頁：實現(xiàn)電子相冊、個人簡介、心情日志以及與我聯(lián)系板塊。要求靈活使用frameset與frame標(biāo)簽布局，文字版面、文字列表、表格、超鏈接、網(wǎng)頁動態(tài)刷新、會移動的文字、多媒體網(wǎng)頁以及表單的主要標(biāo)記WEB應(yīng)用技術(shù)課程教案授課時間：第2次課：第二章JavaScript課時安排5課時課程主要內(nèi)容1.JavaScript的基本概念JavaScript的優(yōu)缺點、標(biāo)記、數(shù)據(jù)類型（變量，基本數(shù)據(jù)類型及注釋語句）、運算符（算數(shù)，連接，位，邏輯，關(guān)系，條件，遞增和遞減以及賦值運算符）2.條件語句if-else與switch語句3.循環(huán)語句For，while，do-while，continue與break語句。4.內(nèi)置函數(shù)和函數(shù)設(shè)置提示對話框prompt、Alert、confirm、eval以及isNaN函數(shù)；無返回值的函數(shù)與有返回值的函數(shù)5.函數(shù)和對象的調(diào)用遞歸函數(shù)、對象的制作和使用、在對象內(nèi)設(shè)定方法、將對象作為對象屬性使用。6.數(shù)組對象數(shù)組、數(shù)組對象的方法（join、reverse、slice、concat以及sort）重點難點·重點：函數(shù)、數(shù)組及事件。教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)制作日歷：使用二維數(shù)組創(chuàng)建下拉列表框的方法；實現(xiàn)選擇月份自動生成日期；使用JavaScript動態(tài)函數(shù)實現(xiàn)一個日歷，利用<table>標(biāo)記制作日歷。用紅色表示當(dāng)前日期，并顯示當(dāng)前時間。當(dāng)前時間以上午/下午的形式顯示；使用彈出框。WEB應(yīng)用技術(shù)課程教案授課時間：第3次課：第三章CSS層疊樣式單課時安排5課時課程主要內(nèi)容1.事件與下拉列表OnClick事件、OnChange事件、Select（下拉列表）2.JavaScript的內(nèi)置對象Function對象,Screen對象,Number對象,Date對象,Math對象,String對象3、事件OnLoad事件,OnUnload事件,click事件,event對象,OnError事件4、瀏覽器內(nèi)置對象5．把樣式加到網(wǎng)頁中的方法行內(nèi)樣式、內(nèi)嵌一個樣式單、鏈接到一個外部的樣式單文件和導(dǎo)入多個外部樣式單文件。6.擴充標(biāo)記和屬性class屬性,id屬性,<div>與<span>定位標(biāo)記,多重樣式單的層疊7.樣式單的屬性單位長度單位,百分比單位,顏色單位(用十六進制數(shù)方式,用rgb函數(shù)方式,用顏色名稱方式)8.樣式單的常用屬性字體屬性,文本屬性，控制BOX的屬性,布局屬性,背景屬性重點難點·用實例講解把樣式加到網(wǎng)頁中教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)用戶注冊檢查及CSS頁面設(shè)置WEB應(yīng)用技術(shù)課程教案授課時間：第4次課：第四章JSP技術(shù)課時安排5課時課程主要內(nèi)容1、JSP、ASP與PHP分別介紹JSP、ASP與PHP的技術(shù)特點，比較三者的應(yīng)用范圍、操作性能以及前景分析。2、Myeclipse的使用主要介紹MyEclipse的配置與使用、Web項目的創(chuàng)建、部署與運行3、JSP語法概述JSP原始代碼中包含了JSP元素和Templatedata兩類4、JSP語法JSP語法分為三種不同的類型:編譯器指令(page頁指令,include包含指令和taglib指令),腳本語法(“HTML注釋”:<!--comments-->,“隱藏注釋”:<%--comments--%>,“聲明”<%!聲明;[聲明;]...%>,“表達式”<%=表達式%>,“腳本段”<%代碼%>)重點難點·重點：演示并講清楚在Myeclipse中建立Web站點。·以實例講清楚include包含指令、<!--comments-->與<%--comments--%>區(qū)別、<%!聲明;[聲明;]...%>、<%=表達式%>、<%代碼%>、<jsp:forward>與<jsp:include>。教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)用Myeclipse建立一個工程，將幾個頁面包含在一個JSP頁面中；建立一個網(wǎng)頁九九乘法表；靈活使用page指令中的errorPage屬性與isErrorPage屬性WEB應(yīng)用技術(shù)課程教案授課時間：第5次課：第四章JSP技術(shù)課時安排5課時課程主要內(nèi)容1.動作語法<jsp:forward>，<jsp:include>，<jsp:plugin>，<jsp:getProperty>，<jsp:setProperty>和<jsp:useBean>2.HTML表單Web運行原理,HTML表單3.中文顯示問題JSP文件的漢字問題,表單處理的漢字問題4.JSP內(nèi)置對象request請求對象、response響應(yīng)對象、pageContext頁面上下文對象、session會話對象、application應(yīng)用程序?qū)ο?、out輸出對象、config配置對象、page頁面對象、exception例外對象及其與Java類的對應(yīng)關(guān)系5.request和responserequest對象代表的是來自客戶端的請求，response對象代表的是對客戶端的響應(yīng)重點難點·對于request和response對象必須要求掌握，會使用對象所具有的方法?！ぶv述清楚JSP文件與表單處理的漢字問題教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)系統(tǒng)首頁登錄驗證:設(shè)計系統(tǒng)首頁和驗證頁（要求使用<jsp:include>、<jsp:forward>、<jsp:param>、request與response對象，并能正確處理用戶名的中文輸入）WEB應(yīng)用技術(shù)課程教案授課時間：第6次課：第五章JDBC技術(shù)課時安排5課時課程主要內(nèi)容session、application、pageContextsession、application與pageContext對象的功能與作用域out、config、page、exceptionconfig對象提供一些配置信息，exception對象代表了JSP文件運行時所產(chǎn)生的例外對象3、JDBC概述JDBC是一種可用于執(zhí)行SQL語句的JAVAAPI應(yīng)用程序設(shè)計接口4、JDBC的四種類型JDBC-ODBC橋加ODBC驅(qū)動程序、本地API、JDBC網(wǎng)絡(luò)純Java驅(qū)動程序、本地協(xié)議純Java驅(qū)動程序5、DriverManager負(fù)責(zé)管理JDBC驅(qū)動程序的基本服務(wù)，作用于用戶和驅(qū)動程序之間，負(fù)責(zé)追蹤可用的驅(qū)動程序，并在數(shù)據(jù)庫和相應(yīng)驅(qū)動程序之間建立連接6、Connection對象是建立與數(shù)據(jù)庫之間的連接，也就是創(chuàng)建一個Connection的實例.Connectionconn=DriverManager.getConnection(url,user,password);重點難點·講解四種JDBC驅(qū)動程序連接數(shù)據(jù)庫的不同及其優(yōu)缺點?！ぱ菔炯虞djdbc驅(qū)動之前與之后數(shù)據(jù)庫連接情況·JDBC連接SQLServer數(shù)據(jù)庫教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)1．分別使用JDBC-ODBC橋連接與純JDBC驅(qū)動連接數(shù)據(jù)庫。2．使用application對象實現(xiàn)一個局域網(wǎng)內(nèi)的聊天室。WEB應(yīng)用技術(shù)課程教案授課時間：第7次課：第五章JDBC技術(shù)課時安排5課時課程主要內(nèi)容1、Statement對象Statement對象用于將SQL語句發(fā)送到數(shù)據(jù)庫中,Statementst=conn.createStatement();存在3種Statement對象：Statement、PreparedStatement、CallableStatement2、ResultSet對象ResultSet包含符合SQL語句執(zhí)行結(jié)果所有行，并且它通過一套get方法提供了對這些行中數(shù)據(jù)的訪問3、executeQuery與executeUpdateexecuteQuery用于產(chǎn)生單個ResultSet的語句，executeUpdate用于執(zhí)行更新操作4、SQL語言SQL與Java數(shù)據(jù)類型的對應(yīng)關(guān)系、INSERTINTO指令、DELETE指令、UPDATE指令，多表查詢5、PreparedStatement對象PreparedStatement在操作時，是先在數(shù)據(jù)表之中準(zhǔn)備好了一條SQL語句，但是此SQL語句的具體內(nèi)容暫時不設(shè)置，而是之后再進行設(shè)置重點難點·講述清楚DriverManager、Connection、Statement、ResultSet、PreparedStatement對象的功能以及之間的聯(lián)系·以實例講述清楚上述各個對象及其方法的使用，重點講解executeQuery的用法教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)使用Statement和PreparedStatement對象查詢與更新數(shù)據(jù)庫。WEB應(yīng)用技術(shù)課程教案授課時間：第8次課：第五章JDBC技術(shù)課時安排5課時課程主要內(nèi)容1、executeUpdateexecuteUpdate用于執(zhí)行INSERT、UPDATE或DELETE語句以及SQLDDL語句，例如CREATETABLE和DROPTABLE。該方法返回一個整數(shù)，指示受影響的行數(shù)2、基本結(jié)果集next()方法、getXXX（intcolumnIndex）方法、getXXX（StringcolumnName）方法3、可滾動結(jié)果集createStatement(intresultSetType,intresultSetConcurrency),previous(),first(),last(),beforefirst(),afterLast(),relative(introws),absolute(),isBeforeFirst(),isAfterLast(),isFirst(),isLast()可更新結(jié)果集updateXXX(),insertRow(),deleteRow(),cancelRowUpdates(),moveToXXX()重點難點·講述清楚基本結(jié)果集、可滾動結(jié)果集以及可更新結(jié)果集胡的異同·以實例講述清楚上述各個對象及其方法的使用，重點講解resultSetType與resultSetConcurrency中參數(shù)的含義教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)可更新結(jié)果集數(shù)據(jù)庫操作WEB應(yīng)用技術(shù)課程教案授課時間：第9次課：第六章Javabean技術(shù)課時安排5課時課程主要內(nèi)容1、組件技術(shù)組件技術(shù)概述、組件和容器2、JavaBean概述JavaBean簡介,JavaBean特性,JavaBean的特點,JavaBean頁面指令(jsp:useBean指令、jsp:setProperty指令和jsp:getProperty指令)。3、JavaBean屬性簡單屬性、索引屬性、束縛屬性、限制屬性4、修改JavaBean的屬性方法利用value為javabean中屬性賦值（<jsp:setPropertyname=""property=""value=""/>）、利用form表單的元素統(tǒng)一對javabean賦值（<jsp:setPropertyname=""property="*"/>）、利用form表單的元素逐一對javabean賦值（<jsp:setPropertyname=""property=""param=""/>）重點難點·重點講述命令：<jsp:useBeanid="beanid"scope="page|request|session|application"class="package.class"/>?！ぶv述清楚簡單屬性與索引屬性的異同，講述清楚三種修改JavaBean的屬性方法的異同教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)利用JSP+Javabean實現(xiàn)用戶注冊WEB應(yīng)用技術(shù)課程教案授課時間：第10次課：第六章Javabean技術(shù)課時安排5課時課程主要內(nèi)容1、JavaBean的作用域Page（當(dāng)前頁面文件）、request（存在于整個request的生命周期內(nèi)）、session（整個session的生命周期內(nèi)）、application（整個主機或虛擬主機的生命周期內(nèi)）2、JavaBean連接數(shù)據(jù)庫實現(xiàn)身份驗證JavaBean實現(xiàn)身份信息屬性及相關(guān)屬性方法，在JSP中調(diào)用JaveBean，在JavaBean中連接數(shù)據(jù)庫實現(xiàn)查詢，將查詢結(jié)果返回給JSP頁面以實現(xiàn)身份驗證。3、多條件SQL查詢語句4、通過實例講解利用Javebean實現(xiàn)組合條件課程查詢初次登陸頁面顯示所有課程信息，輸入查詢條件后動態(tài)組織SQL語句，Javabean連接數(shù)據(jù)庫，執(zhí)行查詢操作并在頁面上顯示。重點難點·講述清楚page、request、session、application四種作用域的異同·通過講解實例，幫助學(xué)生進一步復(fù)習(xí)掌握第七、八、九、十章內(nèi)容，尤其是出現(xiàn)的一些重要的知識點及難點。教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)利用Javebean實現(xiàn)組合條件查詢WEB應(yīng)用技術(shù)課程教案授課時間：第11次課：第六章Javabean技術(shù)課時安排5課時課程主要內(nèi)容1、通過實例講解利用Javebean實現(xiàn)分頁顯示在JSP頁面中控制顯示，包括查詢條件表單與查詢結(jié)果的顯示。在JaveBean內(nèi)實現(xiàn)邏輯操作包括SQL語句的動態(tài)合成、對數(shù)據(jù)庫進行操作。根據(jù)判斷每一數(shù)據(jù)顯示提交的toPage參數(shù)動態(tài)實現(xiàn)分頁技術(shù)。2、通過實例講解利用Javebean實現(xiàn)數(shù)據(jù)添加在JSP頁面中控制顯示，包括添加條件表單與添加結(jié)果的顯示。在JaveBean內(nèi)封裝數(shù)據(jù)庫操作包括與數(shù)據(jù)庫建立連接和對數(shù)據(jù)庫進行添加操作。重點難點·重點：講述清楚分頁顯示算法及利用Javebean實現(xiàn)分頁顯示步驟。·重點：講述清楚Javebean實現(xiàn)數(shù)據(jù)添加步驟。教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)利用Javebean實現(xiàn)分頁顯示以及數(shù)據(jù)的更新WEB應(yīng)用技術(shù)課程教案授課時間：第12次課：第七章理解Servlet技術(shù)課時安排5課時課程主要內(nèi)容Servlet概述Servlet是一個用Java編寫的程序，此程序在服務(wù)器上運行以處理客戶端請求。HttpServlet（doGet()方法，doPost()方法，HttpServletRequest接口，HttpServletResponse接口）Servlet的生命周期init()、service()、destroy()Servlet的結(jié)構(gòu)需要導(dǎo)入的包、用于處理GET/post請求的方法、創(chuàng)建設(shè)置文本格式和PrintWriter對象的方法以將數(shù)據(jù)發(fā)送給客戶端Servlet的部署<servlet>、<servlet-name>、<servlet-class>、<servlet-mapping>、<url-pattern>Servlet的使用JSP文件中使用Servlet、獲取Servlet的初始化參數(shù)重點難點·重點：講述清楚HttpServlet中doGet()方法與doPost()方法的異同，HttpServletRequest接口和HttpServletResponse接口的功能·重點：以實例講述清楚Servlet的結(jié)構(gòu)、部署和使用流程教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)利用JSP+Servlet實現(xiàn)數(shù)字計算WEB應(yīng)用技術(shù)課程教案授課時間：第13次課：第七章理解Servlet技術(shù)課時安排5課時課程主要內(nèi)容1、MVC設(shè)計模式ModelI體系結(jié)構(gòu)（JSP+JavaBean）、ModelII體系結(jié)構(gòu)（JSP視圖+Servlet控制器+JavaBean模型）、2、數(shù)據(jù)庫刪除與更新操作DELETE指令、UPDATE指令3、通過實例講解利用Servlet實現(xiàn)數(shù)據(jù)庫刪除使用Servlet技術(shù)作流程控制，進而實現(xiàn)數(shù)據(jù)刪除操作，通過實例講解是同學(xué)進一步掌握Servlet的使用，為MVC開發(fā)模式打下基礎(chǔ)。4、通過實例講解利用Servlet實現(xiàn)數(shù)據(jù)更新在JSP頁面中控制顯示，包括修改條件表單與修改結(jié)果的顯示。在JaveBean內(nèi)實現(xiàn)數(shù)據(jù)庫操作包括數(shù)據(jù)庫建立連接和對數(shù)據(jù)庫進行修改操作，在Servlet中處理用戶請求并實現(xiàn)頁面跳轉(zhuǎn)。重點難點·重點：講述清楚JSP開發(fā)模式一與模式二的區(qū)別?！ぶ攸c：講述清楚利用JSP+Javebean+Servlet實現(xiàn)數(shù)據(jù)刪除與修改操作。教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)利用MVC模式實現(xiàn)網(wǎng)絡(luò)論壇WEB應(yīng)用技術(shù)課程教案授課時間：第14次課：第八章開發(fā)Struts應(yīng)用課時安排5課時課程主要內(nèi)容1、傳統(tǒng)WebApplication開發(fā)表示、控制和業(yè)務(wù)邏輯混合，代碼可讀性差，系統(tǒng)維護成本高，沒有統(tǒng)一的處理機制2、Struts明確了各層，單一的控制入口，代碼的可維護性增加，可擴展性增加3、Struts1.0框架的主要組成ActionServet、RequestProcessor(處理器)、Action、ActionForm、struts-config.xml、資源文件、taglib（標(biāo)簽）4、struts-config.xml可以配置的屬性：ActionFormbean、全局異常處理、全局轉(zhuǎn)發(fā)、ActionMapping類、Controller、資源文件、Struts插件5、通過實例講解Struts1.0開發(fā)在JSP頁面中顯示，包括用戶登錄與登陸結(jié)果的顯示。在ActionForm內(nèi)實現(xiàn)與登陸表單用戶數(shù)據(jù)的復(fù)用，在Action中處理用戶請求并實現(xiàn)頁面跳轉(zhuǎn)。重點難點·重點：講述清楚Struts的優(yōu)勢、實現(xiàn)流程以及各組成部分的功能·重點：講述清楚struts-config.xml配置文件的作用及詳細(xì)內(nèi)容教學(xué)方法與手段以電子教案多媒體教學(xué)為主，同時輔以版書的進一步講解布置作業(yè)利用MVC模式實現(xiàn)網(wǎng)絡(luò)論壇WEB應(yīng)用技術(shù)課程教案授課時間：第15次課：第八章開發(fā)Struts應(yīng)用課時安排5課時課