web開發(fā)技術(shù)課程總結(jié)

201*-201*第一學(xué)期《web開發(fā)技術(shù)》課程總結(jié)

教材：《基于web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作》，唐四薪編著，清華大學(xué)出版社，北京。

實驗教材：《網(wǎng)頁設(shè)計與網(wǎng)站開發(fā)實驗指導(dǎo)書》，李翔主編，南京大學(xué)出版社，南京。

1．教學(xué)情況

能認(rèn)真?zhèn)湔n、遵守學(xué)院的教學(xué)規(guī)章制度，沒有遲到、提前下課、誤課等教學(xué)事故發(fā)生。教學(xué)過程中，教師之間相互聽課，本學(xué)期相繼聽了老師的課程，感覺受益匪淺，從中學(xué)習(xí)了很多本課程的教學(xué)重難點以及教學(xué)方法；本學(xué)期計算機基礎(chǔ)教學(xué)部每周都會組織各種科研講座或教學(xué)研討，內(nèi)容豐富，本學(xué)期通過教研活動學(xué)了很多東西，找到一些科研的方向。

本課程知識點較多，教師授課內(nèi)容要有高度概括性，重點突出，課堂信息量要大。為達到上述要求，我認(rèn)真?zhèn)浜谜n，查找大量的音視頻資料，精心制作多媒體課件，精簡文字表述內(nèi)容、突出重點，主要采用案例式教學(xué)從而激發(fā)學(xué)生的學(xué)習(xí)興趣；充分利用網(wǎng)絡(luò)課堂的資源，增加教學(xué)信息量和提高學(xué)生的學(xué)習(xí)興趣；使用天空教室中的“文件”存儲下載功能，提供本門課程相關(guān)的所有資料給學(xué)生下載學(xué)習(xí)，較大地提高了教學(xué)效率。

2．學(xué)生反饋意見

每學(xué)期課程結(jié)束時，學(xué)校教務(wù)網(wǎng)都要求學(xué)生對教師課堂教學(xué)情況進行評價，分值為4.78，學(xué)生的反映較好。

3．改進措施及建議

《web開發(fā)技術(shù)》是一門實踐性很強的課程，在今后的教學(xué)中要更加注意理論與實踐的結(jié)合，把枯燥的理論知識與鮮活的案例結(jié)合起來，這就要求教師平時要多注意積累資料。在多媒體課件制作方面，不僅要做到圖文并茂，還要做到聲文并茂、影文并茂，這一方面要求教師平時要多積累教學(xué)資料，另一方面也要求教師要提高計算機應(yīng)用能力。

另外，本門課程操作性教強，比較適合在機房授課，本學(xué)期采用的是24學(xué)時在教室授課，另外24學(xué)時在機房授課的形式。教室的投影儀效果較差，尤其是講授PhotoShop應(yīng)用時，某些效果在教室的投影儀中效果不是太好，建議均采用機房授課形式，學(xué)生接受效果將更好。

201*年1月10日

擴展閱讀：《web開發(fā)技術(shù)》課程設(shè)計報告

《web開發(fā)技術(shù)》

課程設(shè)計報告

題目創(chuàng)建web網(wǎng)站及數(shù)據(jù)庫

成員_張慶__徐克強專業(yè)10網(wǎng)絡(luò)工程指導(dǎo)教師梅申信高寧成績

網(wǎng)絡(luò)工程系201*年6月19日

1

目錄

1.WEB網(wǎng)站運行的基本環(huán)境.................................................................................................................21.1JDK簡介........................................................................................................................................21.1.1JDK的安裝配置及測試.........................................................................................................31.2JSP簡介.........................................................................................................................................41.2.1了解JSP.................................................................................................................................41.2.2Tomcat服務(wù)器的安裝配置....................................................................................................52創(chuàng)建數(shù)據(jù)庫..........................................................................................................................................52.1創(chuàng)建數(shù)據(jù)庫的步驟.......................................................................................................................52.2創(chuàng)建ACCESS數(shù)據(jù)庫.....................................................................................................................73JSP訪問WEB數(shù)據(jù)庫的程序代碼....................................................................................................73.1用戶登錄的程序代碼....................................................................................................................73.2處理用戶登錄的程序代碼............................................................................................................83.3插入記錄的程序編碼...................................................................................................................83.4更新記錄的程序編碼..................................................................................................................123.5查詢記錄的程序編碼.................................................................................................................153.6刪除記錄的程序編碼..............................................................................................................183.7顯示所有記錄的程序編碼........................................................................................................214創(chuàng)建WEB主頁.................................................................................................................................235瀏覽網(wǎng)頁及訪問WEB數(shù)據(jù)庫.........................................................................................................245.1添加數(shù)據(jù)源..................................................................................................................................245.2測試結(jié)果.....................................................................................................................................24

1.web網(wǎng)站運行的基本環(huán)境

1.1JDK簡介

①JDK是整個Java的核心，包括了Java運行環(huán)境（JavaRuntimeEnvirnment），一堆Java工具和

Java基礎(chǔ)的類庫(rt.jar),SUN公司不斷對它進行升級，發(fā)布不同的版本，就是所謂的jdk1.5也就是jdk5.0

1、實際上jdk和j2sdk是基本同樣的。j2sdk有幾個版本對應(yīng)于java2的幾個版本，

其中j2ee需要用到開發(fā)工具就是J2eesdk了，只不過大部分應(yīng)用服務(wù)器（weblogicjboss等）都內(nèi)置了j2eesdk。

2、j2sdk標(biāo)準(zhǔn)版是基礎(chǔ)，所以要安裝先；j2eesdk因為是企業(yè)應(yīng)用嘛，所以是注冊后才能下載

②至于JRE，jdk中包括了它，但是對于不需要開發(fā)只是運行的用戶是可以只單獨安裝jre的，所以sun提供了jre的下載。

③J2SDk包含了(JDK)、(JRE)和JavaPlug-in。原先SUN的JAVA軟件開發(fā)工具包是JDK，現(xiàn)在就稱為J2SDk了。

1.1.1JDK的安裝配置及測試

第一步：安裝JDK。注意記住JDK的安裝位置，要放在英文目錄下。第二步：配置環(huán)境變量

在桌面“我的電腦”圖標(biāo)上單擊鼠標(biāo)右鍵，選擇“屬性”選項，在彈出的界面窗口中選擇“高級”選項，在對話框中單擊“環(huán)境變量”按鈕，然后在彈出的界面窗口中的“系統(tǒng)變量”區(qū)域中，單擊“新建”命令按鈕。如圖所示：

新建的有倆個：

java_home=C:\\ProgramFiles\\Java\\jdk1.5.0(JDK的安裝具體位置)classpath=C:\\ProgramFiles\\Java\\jdk1.5.0\\jre\\lib\\rt.jar;.;編輯的有一個：

path=C:\\ProgramFiles\\Java\\jdk1.5.0\\bin第三步：測試是否配置成功。

依次執(zhí)行“開始”菜單中的“運行”選項，在文本框中輸入cmd命令，將顯示一個提供輸入DOS命令的窗口界面，再提示符后輸入javac命令，若得到如圖所示的界面，則說明JDK配置成功

1.2JSP簡介

1.2.1了解JSP

JSP(JavaServerPages)是由SunMicrosystems公司倡導(dǎo)、許多公司參與一起建立的一種動態(tài)網(wǎng)頁技術(shù)標(biāo)準(zhǔn)，其網(wǎng)址為。該技術(shù)為創(chuàng)建顯示動態(tài)生成內(nèi)容的Web頁面提供了一個簡捷而快速的方法。JSP技術(shù)的設(shè)計目的是使得構(gòu)造基于Web的應(yīng)用程序更加容易和快捷，而這些應(yīng)用程序能夠與各種Web服務(wù)器，應(yīng)用服務(wù)器，瀏覽器和開發(fā)工具共同工作。JSP規(guī)范是Web服務(wù)器、應(yīng)用服務(wù)器、交易系統(tǒng)、以及開發(fā)工具供應(yīng)商間廣泛合作的結(jié)果。在傳統(tǒng)的網(wǎng)頁HTML文件(*htm,*.html)中加入Java程序片段(Scriptlet)和JSP標(biāo)記(tag)，就構(gòu)成了JSP網(wǎng)頁(*.jsp)。Web服務(wù)器在遇到訪問JSP網(wǎng)頁的請求時，首先執(zhí)行其中的程序片段，然后將執(zhí)行結(jié)果以HTML格式返回給客戶。程序片段可以操作數(shù)據(jù)庫、重新定向網(wǎng)頁以及發(fā)送email等等，這就是建立動態(tài)網(wǎng)站所需要的功能。所有程序操作都在服務(wù)器端執(zhí)行，網(wǎng)絡(luò)上傳送給客戶端的僅是得到的結(jié)果，對客戶瀏覽器的要求最低，可以實現(xiàn)無Plugin，無ActiveX，無JavaApplet，甚至無Frame。

1.2.1.1JSP的工作原理

在一個JSP文件第一次被請求時，JSP引擎把該JSP文件轉(zhuǎn)換成為一個servlet。而這個引擎本身也是一個servlet，在JSWDK或WEBLOGIC中，它就是JspServlet。JSP引擎先把該JSP文件轉(zhuǎn)換成一個Java源文件，在轉(zhuǎn)換時如果發(fā)現(xiàn)jsp文件有任何語法錯誤，轉(zhuǎn)換過程將中斷，并向服務(wù)端和客戶端輸出出錯信息；如果轉(zhuǎn)換成功，JSP引擎用javac把該Java源文件編譯成相應(yīng)的class文件。然后創(chuàng)建一個該SERVLET的實例，該SERVLET的jspInit()方法被執(zhí)行，jspInit()方法在servlet的生命周期中只被執(zhí)行一次。然后jspService()方法被調(diào)用來處理客戶端的請求。對每一個請求，JSP引擎創(chuàng)建一個新的線程來處理該請求。如果有多個客戶端同時請求該JSP文件，則JSP引擎會創(chuàng)建多個線程。每個客戶端請求對應(yīng)一個線程。以多線程方式執(zhí)行可大大降低對系統(tǒng)的資源需求,提高系統(tǒng)的并發(fā)量及響應(yīng)時間.但應(yīng)該注意多線程的編程限制，由于該servlet始終駐于內(nèi)存，所以響應(yīng)是非�？斓�。如果.jsp文件被修改了，服務(wù)器將根據(jù)設(shè)置決定是否對該文件重新編譯，如果需要重新編譯，則將編譯結(jié)果取代內(nèi)存中的servlet，并繼續(xù)上述處理過程。雖然JSP效率很高，但在第一次調(diào)用時由于需要轉(zhuǎn)換和編譯而有一些輕微的延遲。此外，如果在任何時候如果

由于系統(tǒng)資源不足的原因，JSP引擎將以某種不確定的方式將servlet從內(nèi)存中移去。當(dāng)這種情況發(fā)生時jspDestroy()方法首先被調(diào)用,然后servlet實例便被標(biāo)記加入"垃圾收集"處理。jspInit()及jspDestory()格式如下：可在jspInit()中進行一些初始化工作,如建立與數(shù)據(jù)庫的連接，或建立網(wǎng)絡(luò)連接，從配置文件中取一些參數(shù)等，在jspDestory()中釋放相應(yīng)的資源。

1.2.1.2JSP的特點

1）.WriteOnce,RunAnywhere特性。作為Java平臺的一部分，JSP技術(shù)擁有Java語言“一次編寫，各處執(zhí)行”的特點，這意味著，一個JSP程序可以運行于支持JSP的任何應(yīng)用服務(wù)器，而不需要對代碼做任何修改。

2).搭配可重復(fù)使用的組件。JSP技術(shù)可依賴于重復(fù)使用跨平臺的組件（如：JavaBean或EnterpriseJavaBean組件）來執(zhí)行更復(fù)雜的運算、數(shù)據(jù)處理。開發(fā)人員能夠共享開發(fā)完成的組件，或者能夠加強這些組件的功能，讓更多用戶或是客戶團體使用。

3).采用標(biāo)簽化頁面開發(fā)。JSP技術(shù)能夠?qū)⒃S多功能封裝起來，成為一個自定義的標(biāo)簽，這些功能是完全根據(jù)XML的標(biāo)準(zhǔn)來制訂的，即JSP技術(shù)中的標(biāo)簽庫(TagLibrary)。

4.)實現(xiàn)了角色的分離。JSP規(guī)范允許將工作分為兩類：頁面的圖形內(nèi)容和頁面的動態(tài)內(nèi)容。不具備Java編程語言知識的人員可以創(chuàng)建頁面的圖形內(nèi)容，然后由Java程序員向此文檔插入Java代碼，實現(xiàn)動態(tài)內(nèi)容。5).N層企業(yè)應(yīng)用架構(gòu)的支持。JSP技術(shù)是Java2PlatformEnterpriseEdition(J2EE)(相關(guān)信息請參閱)集成中的一部分，它主要是負(fù)責(zé)前端顯示，而分散性的對象系統(tǒng)則是主要依賴EJB(EnterpriseJavaBean)和JNDI(JavaNamingandDirectoryInterface)構(gòu)建而成

1.2.2Tomcat服務(wù)器的安裝配置1.2.2.1Tomcat服務(wù)器的安裝

運行Tomcat安裝程序，按照界面提示即可完成安裝

1.2.2.2Tomcat服務(wù)器的配置及測試

可以在conf中的server.xml中配置端口號。測試結(jié)果如下圖：

2創(chuàng)建數(shù)據(jù)庫

2.1創(chuàng)建數(shù)據(jù)庫的步驟

數(shù)據(jù)庫設(shè)計一般要經(jīng)過：確定創(chuàng)建數(shù)據(jù)庫的目的、確定數(shù)據(jù)庫中需要的表、確定該表中需要的字段、確定主關(guān)鍵字和確定表之間的關(guān)系等步驟1）.確定創(chuàng)建數(shù)據(jù)庫的目的

設(shè)計數(shù)據(jù)庫的第一個步驟是確定數(shù)據(jù)庫的目的及如何使用。用戶需要明確希望從數(shù)據(jù)庫得到什么信息，由此可以確定需要什么主題來保存有關(guān)事件（表）和需要什么事件來保存每一個主題（表中的字段）。與將使用數(shù)據(jù)庫的人員進行交流。集體討論需要數(shù)據(jù)庫解決的問題，并描述需要數(shù)據(jù)庫生成的報表；同時收集當(dāng)前用于記錄數(shù)據(jù)的表格，然后參考某個設(shè)計得很好且與當(dāng)前要設(shè)計的數(shù)據(jù)庫相似的數(shù)據(jù)庫。2）.確定該數(shù)據(jù)庫中需要的表

確定表可能是數(shù)據(jù)庫設(shè)計過程中最難處理的步驟。因為要從數(shù)據(jù)庫獲得的結(jié)果、要打印的報表、要使用的格式和要解決的問題不一定能夠提供用于生成表的結(jié)構(gòu)線索。

不必使用Access來設(shè)計表。實際上，先在紙上草擬并潤色設(shè)計可能是較好的方法。在設(shè)計表時，應(yīng)該按以下設(shè)計原則對信息進行分類。

（1）表不應(yīng)包含備份信息，表間不應(yīng)有重復(fù)信息。由此，關(guān)系數(shù)據(jù)庫中的表與常規(guī)文件應(yīng)用程序中的表（例如，電子表格）有所不同。

（2）如果每條信息只保存在一個表中，只需在一處進行更新，這樣效率更高，同時也消除了包含不同信息的重復(fù)項的可能性。例如，要在一個表中只保存一次每一個客戶的地址和電話號碼。（3）每個表應(yīng)該只包含關(guān)于一個主題的信息。

（4）如果每個表只包含冠以一個主題的事件，則可以獨立于其他主題維護每個主題的信息。例如，將客戶的地址與客戶訂單存在不同表中，這樣就可以刪除某個訂單但仍然保留客戶的信息。3）.確定表中需要的字段

每個表中都包含關(guān)于同一主題的信息，并且表中的每個字段包含關(guān)于該主題的各個事件。例如，客戶表可以包含公司的名稱、地址、城市、省和電話號碼的字段。在草擬每個表的字段時，請注意下列提示：（1）每個字段直接與表的主題相關(guān)。

（2）不包含推導(dǎo)或計算的數(shù)據(jù)（表達式的計算結(jié)果）。（3）包含所需的所有信息。

（4）以最小的邏輯部分保存信息（例如，名字和姓氏而不是姓名）。4）.確定主關(guān)鍵字

Access為了連接保存在不同表中的信息，例如將某個客戶與該客戶的所有訂單相連接，數(shù)據(jù)庫中的每個表必須包含表中唯一確定的每個記錄的字段和字段集。這種字段和字段集稱作主鍵（主關(guān)鍵字）。5）畫出ER圖如下：

2.2創(chuàng)建access數(shù)據(jù)庫

創(chuàng)建access數(shù)據(jù)庫如下圖：

3JSP訪問web數(shù)據(jù)庫的程序代碼

3.1用戶登錄的程序代碼

用戶名：

密碼：

3.2處理用戶登錄的程序代碼

<%}else{%>

3.3插入記錄的程序編碼

1)ex9-09.html:

添加記錄應(yīng)用案例

td{font-family:宋體;font-size:12px;color=white;}td{

border:1pxsolidred;}

2)ex9-09.jsp:

添加記錄

td{font-family:宋體;font-size:12px;color=white;}

郵編：

src="images/top.swf"

quality="high"

type="application/x-shockwave-flash"

width="474"height="70">

td{

border:1pxsolidred;}

}

Strings_stel=request.getParameter("stel");if(s_stel==null){s_stel="";}

Strings_sbirth=request.getParameter("sbirth");if(s_sbirth==null){s_sbirth="";}

Strings_sclass=request.getParameter("sclass");if(s_sclass==null){s_sclass="";}%>

新添加的記錄

版權(quán)所有：msx工作室郵箱：1329387117@qq.com電話：18255170520地址：合肥市蜀山路大學(xué)生公寓230036

郵編：

3.4更新記錄的程序編碼

1)ex9-10.html:

更新記錄應(yīng)用案例

td{font-family:宋體;font-size:12px;color=black;}td{

border:1pxsolidred;}

width="850"height="120">

2)ex9-10.jsp:

添加記錄

td{font-family:宋體;font-size:12px;color=white;}td{

border:1pxsolidred;}

郵編：

src="images/top.swf"

quality="high"

type="application/x-shockwave-flash"

width="474"height="70">

新添加的記錄

snumsnamesexadeptaddresstel birthclass

//利用while循環(huán)將數(shù)據(jù)表中的記錄列出while(rs.next()){%>

版權(quán)所有：msx工作室郵箱：meisx@ahau.edu.cn電話：0551-5788992

地址：合肥市長江西路

130

號郵編：

230036

3.5查詢記錄的程序編碼

1)ex9-04.html:

參數(shù)查詢應(yīng)用案例

td{font-family:宋體;font-size:12px;color=white;border:1pxsolidred;}

src="images/top.swf"

quality="high"

type="application/x-shockwave-flash"

width="474"height="70">

//利用while循環(huán)將數(shù)據(jù)表中的記錄列出while(rs.next()){%>

版權(quán)所有：msx工作室郵箱：1329387117@qq.com電話：18255170520地址：合肥市蜀山路大學(xué)生公寓230036

郵編：

3.6刪除記錄的程序編碼

1)ex9-11.html:

刪除記錄應(yīng)用案例

td{font-family:宋體;font-size:12px;color=white;}td{

border:1pxsolidred;

}

刪除記錄

輸入需要刪除的學(xué)生學(xué)號:

版權(quán)所有：msx工作室郵箱：meisx@ahau.edu.cn電話：0551-5788992

2)ex9-11.jsp:

刪除記錄

地址：合肥市長江西路

130

號郵編：

230036

td{font-family:宋體;font-size:12px;color=black;}td{

border:1pxsolidred;}

刪除后的記錄

snumsnamesexadeptaddresstel birthclass

版權(quán)所有：msx工作室郵箱：meisx@ahau.edu.cn電話：0551-5788992

地址：合肥市長江西路

130

號郵編：

230036

3.7顯示所有記錄的程序編碼

ex9-01.jsp:

JDBC建立數(shù)據(jù)庫連接

%>

版權(quán)所有：msx工作室郵箱：1329387117@qq.com電話：18255170520地址：合肥市長蜀山路大學(xué)生公寓230036

郵編：

4創(chuàng)建web主頁

1)創(chuàng)建web主頁代碼如下:

個人網(wǎng)頁

此網(wǎng)頁使用了框架，但您的瀏覽器不支持框架。

其中dyindex.html中的代碼如下：

大一

daerindex.html中的代碼如下：

大二

dasanindex.html中的代碼如下：

大三

dasiindex.html中的代碼如下：

大四

5瀏覽網(wǎng)頁及訪問web數(shù)據(jù)庫

5.1添加數(shù)據(jù)源

添加數(shù)據(jù)源步驟如下：

控制面板管理工具數(shù)據(jù)源（ODBC）系統(tǒng)DNS添加MicrosoftAccessDriver輸入數(shù)據(jù)源名稱（bookshoplk）找到你的數(shù)據(jù)庫（D:\\apache-tomcat-6.0.24\\webapps\\ROOT\\bookshoplk..mdb）

5.2測試結(jié)果

1）在瀏覽器中輸入:8080/zhuye.html打開主頁

2)點擊上圖“大一”超鏈接到如下圖：

3)點擊1）圖中“同學(xué)信息”超鏈接到如下圖：

輸入用戶名：zqxkq密碼：123456點擊提交得到下圖所示：

4)點擊3）圖中“插入”并輸入信息得到如下圖：

點擊提交得下圖：

5)點擊3）圖中“查詢”超鏈接到如下圖：

輸入10539064點擊提交得下圖：

6)點擊3）圖中“更新”超鏈接到如下圖：

輸入10539064,18755229639點擊提交得下圖：

7)點擊3）圖中“所有信息”超鏈接到如下圖：

8)點擊3）圖中“刪除”超鏈接到如下圖：

輸入10539007點擊提交得下圖：

友情提示：本文中關(guān)于《web開發(fā)技術(shù)課程總結(jié)》給出的范例僅供您參考拓展思維使用，web開發(fā)技術(shù)課程總結(jié)：該篇文章建議您自主創(chuàng)作。

來源：網(wǎng)絡(luò)整理 免責(zé)聲明：本文僅限學(xué)習(xí)分享，如產(chǎn)生版權(quán)問題，請聯(lián)系我們及時刪除。

《web開發(fā)技術(shù)課程總結(jié)》由互聯(lián)網(wǎng)用戶整理提供,轉(zhuǎn)載分享請保留原作者信息,謝謝!
鏈接地址：http://www.7334dd.com/gongwen/673060.html

• 上一篇：醫(yī)療seo工作職責(zé)總結(jié)
• 下一篇：“優(yōu)化發(fā)展環(huán)境年”活動工作總結(jié)