1、精選優(yōu)質(zhì)文檔-傾情為你奉上中國礦業(yè)大學(xué)計(jì)算機(jī)學(xué)院 2012 級本科生課程報(bào)告課程名稱 Web技術(shù) 學(xué)生姓名 周鵬 學(xué) 號 專 業(yè) 計(jì)科 13-5班 任課教師 趙瑩 報(bào)告時(shí)間 2015.11.12 任課教師評語實(shí)驗(yàn)成果評價(jià)評價(jià)項(xiàng)目評分標(biāo)準(zhǔn)評價(jià)對課程的基礎(chǔ)理論掌握很好地掌握了本課程的基礎(chǔ)理論較好地掌握了本課程的基礎(chǔ)理論一般地掌握了本課程的基礎(chǔ)理論基礎(chǔ)理論知識掌握不夠堅(jiān)實(shí)對課程知識應(yīng)用能力的掌握很好地將所學(xué)的相關(guān)知識應(yīng)用到WEB程序開發(fā)中較好地將所學(xué)的相關(guān)知識應(yīng)用到WEB程序開發(fā)中一般地將所學(xué)的相關(guān)知識應(yīng)用到WEB程序開發(fā)中將所學(xué)的相關(guān)知識應(yīng)用到WEB程序開發(fā)中的能力不足實(shí)驗(yàn)成果評價(jià)全部實(shí)驗(yàn)成果運(yùn)行

2、效果很好全部實(shí)驗(yàn)成果運(yùn)行效果較好1-2個(gè)實(shí)驗(yàn)成果運(yùn)行效果不理想1-2個(gè)實(shí)驗(yàn)成果無法運(yùn)行實(shí)驗(yàn)成果和報(bào)告工作量實(shí)驗(yàn)成果及報(bào)告內(nèi)容比較充實(shí)，工作量較大實(shí)驗(yàn)成果及報(bào)告內(nèi)容完整，工作量大實(shí)驗(yàn)成果及報(bào)告內(nèi)容基本完整，工作量一般實(shí)驗(yàn)成果及報(bào)告內(nèi)容有欠缺，工作量不足各實(shí)驗(yàn)成果評分實(shí)驗(yàn)成果一二三總分分值252550得分成 績： 任課教師簽字： 年 月 日目 錄專心-專注-專業(yè)實(shí)驗(yàn)一、靜態(tài)web頁面設(shè)計(jì)實(shí)驗(yàn)1.1、實(shí)驗(yàn)要求1、使用HTML 5 開發(fā)Web靜態(tài)頁面。按照HTML 5的規(guī)范設(shè)計(jì)與開發(fā)網(wǎng)站。2、練習(xí)HTML 5的新HTML5新特性和效果。3、練習(xí)使用Web頁面開發(fā)工具。（MyEclipse、Dreamw

3、ear、VS.NET或其它）4、完成實(shí)驗(yàn)報(bào)告和實(shí)驗(yàn)成果。 1.2、實(shí)驗(yàn)?zāi)康?.配置Web(TOMCAT)服務(wù)器，了解Web工作原理。2.熟悉常用HTML 5標(biāo)記的含義，能夠熟練使用這些標(biāo)記設(shè)計(jì)靜態(tài)Web頁面，實(shí)現(xiàn)Web頁面上的各種元素的合理布局，如表單、表格、圖片以及框架等標(biāo)記的使用。3.了解 CSS樣式表的定義和使用方法，能夠使用CSS美化和布局Web頁面。4.掌握J(rèn)avaSript腳本語言的基本語法。5.能夠使用JavaScript 與瀏覽器對象進(jìn)行交互。6.能夠使用JavaSript處理表單和表單元素事件。1.3、詳細(xì)設(shè)計(jì)1.3.1、實(shí)驗(yàn)內(nèi)容1.能夠獨(dú)立安裝Web服務(wù)器,TOMCAT，理

4、解Web服務(wù)器的常用配置，并利用其搭建網(wǎng)站，設(shè)計(jì)一組靜態(tài)的網(wǎng)頁，至少5個(gè)頁面，其中包括1個(gè)注冊頁面。2.利用CSS技術(shù)布局并美化頁面。3.使用JavaScript腳本對注冊頁面進(jìn)行驗(yàn)證，防止錯(cuò)誤數(shù)據(jù)輸入。4.使用一些JavaScript腳本實(shí)現(xiàn)網(wǎng)面部分內(nèi)容的動態(tài)顯示，加入時(shí)鐘等（不限于此）。1.3.2、設(shè)計(jì)步驟（1） 搭建平臺在搭建平臺過程中，由于自己開始用Eclipse開發(fā)過簡單的JSP，自己就首選了Eclipse，自己的Tomcat在開始是也都配置完成了，主要就是主題選用。 （2） 主題選擇在著手寫網(wǎng)頁之前，自己先構(gòu)思一下，具體要以什么為主題，寫一個(gè)什么風(fēng)格的網(wǎng)頁，最終決定寫一個(gè)以礦大考研

5、為主題的網(wǎng)頁。（3） 網(wǎng)頁搭建在開發(fā)中，因?yàn)殚_始開發(fā)JSP時(shí)只是很簡單的功能，自己對HTML語法并不熟悉，在同學(xué)幫助下先，然后通過百度以及課件知識，一步一步往框架中添加各個(gè)元素，圖片、鏈接、文本框等等，最終形成現(xiàn)在這個(gè)頁面。（4） 報(bào)告撰寫依照自己做實(shí)驗(yàn)過程，根據(jù)老師給的實(shí)驗(yàn)要求，將自己的這一流程記錄而成。1.4、設(shè)計(jì)心得在去年的課程里就接觸過Eclipse，而通過本次實(shí)驗(yàn)，我對Eclipse又有了進(jìn)一步的認(rèn)識。做了這次實(shí)驗(yàn)之后，我對各個(gè)網(wǎng)頁的大體結(jié)構(gòu)和HTML語法有了一定的了解，對于網(wǎng)頁的頁面的整體規(guī)劃上也比開始好了很多。實(shí)驗(yàn)二、動態(tài)web頁面設(shè)計(jì)實(shí)驗(yàn)2.1、實(shí)驗(yàn)要求1.實(shí)驗(yàn)之前認(rèn)真查閱相關(guān)

6、資料，準(zhǔn)備好實(shí)驗(yàn)方案。2.認(rèn)真實(shí)驗(yàn)，對實(shí)驗(yàn)過程、結(jié)果進(jìn)行分析，注意驗(yàn)證實(shí)驗(yàn)效果。3.完成實(shí)驗(yàn)報(bào)告和實(shí)驗(yàn)成果2.2、實(shí)驗(yàn)?zāi)康?、熟悉JSP的開發(fā)工具，掌握服務(wù)器端Web程序的工作原理2、熟悉JSP編譯指令，動作標(biāo)記3、熟悉JSP的隱含對象，正確理解request、session、application三個(gè)對象的作用域。4、掌握編寫JavaBean的方法，使用JSP <jsp:useBean>、<jsp:set Property>、 <jsp:getProperty>3個(gè)動作指令。5、掌握J(rèn)SP中表單和表單Bean的映射。2.3、詳細(xì)設(shè)計(jì)與編碼2.3.1、實(shí)驗(yàn)內(nèi)

7、容1、修改實(shí)驗(yàn)1中的靜態(tài)頁面，改為JSP頁面。2、依據(jù)注冊頁面，設(shè)計(jì)1個(gè)JavaBean并實(shí)現(xiàn)服務(wù)器端的驗(yàn)證，防止錯(cuò)誤數(shù)據(jù)的錄入。3、使用session對象，實(shí)現(xiàn)登錄、注銷功能。4、練習(xí)使用客戶端跳轉(zhuǎn)、服務(wù)器端跳轉(zhuǎn)。2.3.2、設(shè)計(jì)步驟（1）修改實(shí)驗(yàn)1中的靜態(tài)頁面，改為JSP頁面。（2）使用JSP技術(shù)設(shè)計(jì)Web頁面，至少有5個(gè)頁面，一定要能夠體現(xiàn)JSP內(nèi)置對象不同的作用域可在此頁面進(jìn)行多個(gè)頁面的跳轉(zhuǎn)了，例如跳轉(zhuǎn)到注冊頁面用戶注冊和登錄都是兩個(gè)jsp跳轉(zhuǎn)頁面。（3）在“實(shí)驗(yàn)一”的基礎(chǔ)上，設(shè)計(jì)1個(gè)JavaBean實(shí)現(xiàn)注冊頁面服務(wù)器端的驗(yàn)證，防止錯(cuò)誤數(shù)據(jù)的錄入。（4）使用session對象，實(shí)現(xiàn)登錄

8、、注銷功能。練習(xí)使用客戶端跳轉(zhuǎn)、服務(wù)器端跳轉(zhuǎn)。通過這次實(shí)驗(yàn)反復(fù)頁面的跳轉(zhuǎn)都是沒有問題，可以容易實(shí)現(xiàn)客戶端與服務(wù)器的跳轉(zhuǎn)。2.4、設(shè)計(jì)心得雖然對Eclipse有一定程度的了解，但是實(shí)驗(yàn)過程中還是遇到了很多困難，第二次實(shí)驗(yàn)用到了之前沒接觸過的tomcat，因此配置過程中遇到了不少麻煩。實(shí)驗(yàn)期間，我經(jīng)過學(xué)霸同學(xué)的幫助，好不容易完成了這個(gè)作業(yè)。實(shí)驗(yàn)三、Web數(shù)據(jù)庫實(shí)驗(yàn)3.1、實(shí)驗(yàn)要求1、實(shí)驗(yàn)之前認(rèn)真查閱相關(guān)資料，準(zhǔn)備好實(shí)驗(yàn)方案。2、完成實(shí)驗(yàn)報(bào)告和實(shí)驗(yàn)成果3.2、實(shí)驗(yàn)?zāi)康?、掌握Servlet的開發(fā)、配置2、掌握Filter的開發(fā)與配置3、熟悉JDBC以及DAO的概念及工作原理4、能夠熟練運(yùn)用JDBC以

9、及DAO模式對數(shù)據(jù)庫進(jìn)行訪問，實(shí)現(xiàn)數(shù)據(jù)查詢、添加、修改等常用操作。3.3、 詳細(xì)設(shè)計(jì)與編碼3.3.1、實(shí)驗(yàn)內(nèi)容1、登錄頁面表單提交后轉(zhuǎn)到Servlet進(jìn)行處理，根據(jù)用戶類型轉(zhuǎn)到不同的頁面。2、請?jiān)O(shè)計(jì)一種過濾器實(shí)現(xiàn)權(quán)限控制機(jī)制。如果用戶進(jìn)入Web應(yīng)用沒有登錄時(shí)，要求用戶必須進(jìn)行登錄頁面。3、使用JDBC技術(shù)進(jìn)行數(shù)據(jù)庫的連接與訪問。4、采用DAO設(shè)計(jì)模式開發(fā)。使用自己熟悉的網(wǎng)絡(luò)數(shù)據(jù)庫，設(shè)計(jì)一個(gè)小的系統(tǒng)（可以在之間的頁面上實(shí)現(xiàn)），要求如下：至少包括2張數(shù)據(jù)表（字段數(shù)不少于4）；實(shí)現(xiàn)對2張表格的增、刪、改、查操作。具有不同類型用戶的登錄控制頁面。要求每一項(xiàng)操作對應(yīng)與一張頁面。3.3.2、設(shè)計(jì)步驟（1）

10、登錄頁面表單提交后轉(zhuǎn)到Servlet進(jìn)行處理，根據(jù)用戶類型轉(zhuǎn)到不同的頁面。以上是在login.html中實(shí)現(xiàn)的簡單類型選擇。當(dāng)選擇用戶登錄時(shí)，跳轉(zhuǎn)到如下login.jsp頁面：而選擇管理員時(shí)，跳轉(zhuǎn)到manage.jsp頁面：其中的判斷在servlet.java文件中實(shí)現(xiàn)，如下所示：（type是login.html中單選按鈕的名稱。）Servlet.java中doGet方法跟doPost方法一樣，實(shí)現(xiàn)功能是一樣的。Servlet的配置如下所示：（并且實(shí)現(xiàn)了服務(wù)器中的編寫代碼的隱藏。）（2） 請?jiān)O(shè)計(jì)一種過濾器實(shí)現(xiàn)權(quán)限控制機(jī)制。如果用戶進(jìn)入Web應(yīng)用沒有登錄時(shí)，要求用戶必須進(jìn)行登錄頁面。以上是使用的

11、過濾器中實(shí)現(xiàn)的doFilter方法，從該方法中可以看到，當(dāng)傳過來的type值為空時(shí)，就跳轉(zhuǎn)到error.jsp中去，顯示如下：并在7秒后重新跳到選擇用戶類型的界面。（3） 使用JDBC技術(shù)進(jìn)行數(shù)據(jù)庫的連接與訪問由于用DAO模式開發(fā)，所以與數(shù)據(jù)庫的連接放在DBC包下的DataBaseConnection類下面。如下面截圖所示。而訪問則放在名叫DAO的包下的一個(gè)UserDao接口中，如下截圖：并通過DAOimple包中的DAOimple類實(shí)現(xiàn)其具體的各個(gè)函數(shù)。此處由于函數(shù)較多，就不截代碼圖了。（4）采用DAO設(shè)計(jì)模式開發(fā)。使用自己熟悉的網(wǎng)絡(luò)數(shù)據(jù)庫，設(shè)計(jì)一個(gè)小的系統(tǒng)（可以在之間的頁面上實(shí)現(xiàn)），要求如

12、下：至少包括2張數(shù)據(jù)表（字段數(shù)不少于4）。以上是數(shù)據(jù)庫現(xiàn)有的內(nèi)容，接下來通過操作登錄界面的增、刪、改、查等操作，實(shí)現(xiàn)對 數(shù)據(jù)庫的修改。實(shí)現(xiàn)對2張表格的增、刪、改、查操作。注冊，也就是新增數(shù)據(jù)項(xiàng)的界面如下所示：以下是注冊成功之后的提示界面：當(dāng)看到上面提示界面后，在從控制臺查看數(shù)據(jù)庫中的內(nèi)容，可以看到剛剛注冊的數(shù)據(jù)已經(jīng)被完整寫入數(shù)據(jù)庫中了。如下面截圖所示：至于查找、刪除、修改等內(nèi)容都是一樣的效果，下面簡單演示一下查找的顯示情況：（從登陸界面中點(diǎn)擊“查詢某個(gè)賬戶信息”）跳轉(zhuǎn)到如下界面，輸入liaozhen點(diǎn)擊查詢即可。說明：常識性要求不要輕易將用戶密碼顯示出來，所以以上信息屏蔽了密碼的顯示。更新以及刪除就不再一一演示了，需要說明的是，更新的時(shí)候，輸入的用戶名必須要是數(shù)據(jù)庫中已經(jīng)存在的，不然就會報(bào)錯(cuò)。因?yàn)閿?shù)據(jù)庫中沒有該項(xiàng)，何來的更新呢，所以，更新操作是無法完成更新用戶名的，也是因?yàn)閿?shù)據(jù)庫中主碼是用戶名，要是用戶名都改了，那就相當(dāng)于新建了一個(gè)新的用戶了。具有不同類型用戶的登錄控制頁面。該項(xiàng)要求已經(jīng)實(shí)現(xiàn)，詳細(xì)見以上3.1 s