《網(wǎng)站開(kāi)發(fā)與維護(hù)實(shí)訓(xùn)》指導(dǎo)書(shū)

1、網(wǎng)站開(kāi)發(fā)與維護(hù) 實(shí)訓(xùn)指導(dǎo)書(shū)姓名:學(xué)號(hào):班級(jí):計(jì)算機(jī)多媒體技術(shù)教研室編寫(xiě)2010-12目錄網(wǎng)站開(kāi)發(fā)與維護(hù)實(shí)訓(xùn)教學(xué)大綱 1網(wǎng)站開(kāi)發(fā)與維護(hù)實(shí)訓(xùn)項(xiàng)目 3項(xiàng)目一：前臺(tái)信息顯示 3項(xiàng)目二：后臺(tái)登陸驗(yàn)證 6項(xiàng)目三：新聞添加以及修改刪除 9項(xiàng)目四：圖片上傳及顯示 13項(xiàng)目五：新聞搜索 16項(xiàng)目實(shí)訓(xùn)報(bào)告： 20網(wǎng)站開(kāi)發(fā)與維護(hù)實(shí)訓(xùn)個(gè)人總結(jié) 25網(wǎng)站開(kāi)發(fā)與維護(hù)實(shí)訓(xùn)成績(jī)?cè)u(píng)定表 26網(wǎng)站開(kāi)發(fā)與維護(hù)實(shí)訓(xùn)教學(xué)大綱學(xué) 分：1學(xué)分學(xué) 時(shí)：28適用專(zhuān)業(yè)：計(jì)算機(jī)多媒體技術(shù)專(zhuān)業(yè)一、實(shí)訓(xùn)的目的與任務(wù)實(shí)訓(xùn)的目的：專(zhuān)業(yè)技能綜合實(shí)訓(xùn)是我院為計(jì)算機(jī)多媒體技術(shù)專(zhuān)業(yè)開(kāi)設(shè)的專(zhuān)業(yè)必修整周實(shí)訓(xùn)課程之一，網(wǎng)站開(kāi)發(fā)與維護(hù)實(shí)訓(xùn)是整個(gè)實(shí)訓(xùn)過(guò)程的一部分，其主要目

2、的是為了讓學(xué)生鞏固網(wǎng)站設(shè)計(jì)與制作的基本知識(shí)與創(chuàng)作技巧，通過(guò)項(xiàng)目案例實(shí)訓(xùn)的方式培養(yǎng)學(xué)生的崗位職業(yè)技能。實(shí)訓(xùn)的任務(wù)：本課程要求在一個(gè)星期內(nèi)完成實(shí)訓(xùn)指導(dǎo)書(shū)中的多個(gè)實(shí)訓(xùn)項(xiàng)目，共28個(gè)課時(shí)。二、實(shí)訓(xùn)基本要求1知識(shí)與能力要求：掌握網(wǎng)站創(chuàng)建的基本流程，掌握網(wǎng)頁(yè)制作的基本方法，熟練掌握dreamweaver軟件的操作，會(huì)使用軟件配合其他工具制作常見(jiàn)類(lèi)型的網(wǎng)站。2實(shí)訓(xùn)過(guò)程要求：（1）實(shí)訓(xùn)過(guò)程中學(xué)生不得隨意遲到、曠課，必須按時(shí)在實(shí)訓(xùn)室參加實(shí)訓(xùn)。（2）學(xué)生要正確使用實(shí)訓(xùn)器材，愛(ài)惜實(shí)訓(xùn)設(shè)施，不得隨意浪費(fèi)、損壞實(shí)訓(xùn)設(shè)備。（3）每個(gè)實(shí)訓(xùn)項(xiàng)目學(xué)生都要認(rèn)真填寫(xiě)實(shí)訓(xùn)報(bào)告或?qū)嵱?xùn)項(xiàng)目單以及其他實(shí)訓(xùn)材料。（4）實(shí)訓(xùn)過(guò)程中教師要加強(qiáng)對(duì)

3、學(xué)生的項(xiàng)目指導(dǎo)。三、實(shí)訓(xùn)主要內(nèi)容序號(hào)項(xiàng)目名稱(chēng)主要內(nèi)容課時(shí)分值所占比例1前臺(tái)信息顯示從數(shù)據(jù)庫(kù)中提取相應(yīng)信息顯示615 =SUM(ABOVE)*100 # 0% 25%2后臺(tái)登陸驗(yàn)證驗(yàn)證用戶(hù)名是否合法4203新聞添加以及修改刪除數(shù)據(jù)庫(kù)的插入，更新，刪除操作6304圖片上傳及顯示文件的移動(dòng)6205新聞搜索模糊查詢(xún)615合計(jì)100 =SUM(ABOVE)*100 # 0% 25%四、教學(xué)方法實(shí)訓(xùn)課主要是培養(yǎng)學(xué)生使用所學(xué)技術(shù)處理實(shí)際問(wèn)題的能力，即專(zhuān)業(yè)職業(yè)技能，所以在教法上應(yīng)該選擇基于生產(chǎn)過(guò)程的項(xiàng)目式教學(xué)方法，并且所選項(xiàng)目要典型，要能體現(xiàn)綜合技能。同時(shí)要編寫(xiě)出“實(shí)訓(xùn)指導(dǎo)書(shū)”，描述出每個(gè)項(xiàng)目具體的實(shí)施過(guò)程，

4、學(xué)生在完成項(xiàng)目的時(shí)候老師要加強(qiáng)指導(dǎo)，并督促其完成實(shí)訓(xùn)材料的填寫(xiě)。具體教學(xué)方法可使用：1任務(wù)驅(qū)動(dòng)法2項(xiàng)目案例法3演示法4個(gè)別輔導(dǎo)法5網(wǎng)絡(luò)教學(xué)法五、考核方式采取形成性非筆試考核。形成性考核選擇考勤和項(xiàng)目完成質(zhì)量考核，其中考勤占30%，項(xiàng)目質(zhì)量占70%。（每一個(gè)項(xiàng)目都有具體的分值）六、說(shuō)明1.實(shí)訓(xùn)過(guò)程中，每位學(xué)生必須在指定的機(jī)房進(jìn)行設(shè)計(jì)操作。2.本課程重點(diǎn)：綜合使用dreamweaver結(jié)合其它輔助軟件進(jìn)行各種網(wǎng)絡(luò)常見(jiàn)類(lèi)型網(wǎng)站的制作。3.本課程難點(diǎn)：培養(yǎng)學(xué)生的網(wǎng)站創(chuàng)意和整體視覺(jué)效果的把握。七、教材與參考書(shū)教材：專(zhuān)業(yè)技能綜合實(shí)訓(xùn)指導(dǎo)書(shū)，自編講義。參考書(shū)：用ASP輕松開(kāi)發(fā)Web網(wǎng)站， 李香敏 等 編著，

5、北京希望電子出版社，2006年1月第二網(wǎng)站開(kāi)發(fā)與維護(hù)實(shí)訓(xùn)項(xiàng)目項(xiàng)目一：前臺(tái)信息顯示項(xiàng)目分析:主要是數(shù)據(jù)庫(kù)鏈接以及讀取，在網(wǎng)頁(yè)中建立數(shù)據(jù)庫(kù)的鏈接后，用sql語(yǔ)句讀取相應(yīng)的內(nèi)容，并顯示在網(wǎng)頁(yè)上。實(shí)訓(xùn)目的:（1）掌握數(shù)據(jù)庫(kù)的鏈接命令（2）掌握sql語(yǔ)句讀取數(shù)據(jù)庫(kù)（3）掌握篩選功能，顯示不同專(zhuān)題的信息實(shí)訓(xùn)要點(diǎn)：（1）要鏈接數(shù)據(jù)庫(kù)，要在網(wǎng)站內(nèi)固定一個(gè)conn文件或在每個(gè)網(wǎng)頁(yè)前輸入連接語(yǔ)句。（2）顯示信息用到記錄集對(duì)象語(yǔ)句。項(xiàng)目最終效果如圖1-1圖1-1實(shí)訓(xùn)指導(dǎo)：一、數(shù)據(jù)庫(kù)鏈接1打開(kāi)發(fā)下去的index.asp文件在文章前加入代碼。二、顯示新聞標(biāo)題以及時(shí)間1建立對(duì)象rs，并將它的前后兩部分放入到要顯示新聞的行

6、的前后，比如說(shuō)，顯示“熱門(mén)文章”，以下是循環(huán)顯示6條新聞的語(yǔ)句。%生成Select語(yǔ)句sql= select * from guide where type=熱門(mén)文章 order by auto_id desc 建立顯示對(duì)象set rs=conn.execute(sql)序號(hào)變量設(shè)置i=1開(kāi)始循環(huán)，判斷條件為指針是否移到表的尾部do while not rs.eof and i 要顯示新聞標(biāo)題的行（顯示新聞的標(biāo)題以及時(shí)間用 以及）2其他新聞顯示的操作一樣，只需要將sql= select * from guide where type=熱門(mén)文章 order by auto_id desc 中的t

7、ype=“熱門(mén)文章”中改成要顯示的類(lèi)別名稱(chēng)即可，即數(shù)據(jù)庫(kù)中對(duì)應(yīng)的名稱(chēng)。、項(xiàng)目二：后臺(tái)登陸驗(yàn)證項(xiàng)目分析:這個(gè)是一個(gè)后臺(tái)登陸的驗(yàn)證頁(yè)面，主要包含的知識(shí)點(diǎn)有表單的設(shè)計(jì)，以及數(shù)據(jù)庫(kù)中數(shù)據(jù)的驗(yàn)證，主要用到session對(duì)象。實(shí)訓(xùn)目的:（1）掌握表單的設(shè)計(jì)（2）掌握session的設(shè)置與使用實(shí)訓(xùn)要點(diǎn)：（1）密碼驗(yàn)證、Session對(duì)象的使用（2）密碼判斷最終效果如圖：登陸成功后到頁(yè)面失敗后到頁(yè)面：實(shí)訓(xùn)指導(dǎo)：一、設(shè)置登陸頁(yè)面及判斷頁(yè)面建立存放密碼的數(shù)據(jù)庫(kù)表，表名為：password，字段為三個(gè)字段：ID，user，password;設(shè)計(jì)后臺(tái)登錄頁(yè)面，頁(yè)面名稱(chēng)為：login.asp如圖所示：設(shè)置與密碼表相對(duì)應(yīng)

8、的表單對(duì)象名稱(chēng)，設(shè)置表單頁(yè)面跳轉(zhuǎn)到登錄判斷頁(yè)面（loginpass.asp）登錄判斷頁(yè)面（loginpass.asp）代碼設(shè)計(jì)：連接數(shù)據(jù)庫(kù)；保存網(wǎng)頁(yè)中輸入用戶(hù)名與密碼；生成Select語(yǔ)句，搜索密碼表中的滿(mǎn)足用戶(hù)名與密碼和輸入的數(shù)據(jù)符合的信息；建立對(duì)象，為判斷做準(zhǔn)備；判斷如果有符合的用戶(hù)名與密碼則跳轉(zhuǎn)到后臺(tái)首頁(yè)（index.asp），否則跳轉(zhuǎn)到錯(cuò)誤提示頁(yè)面（error.asp）。 代碼如下： 制作錯(cuò)誤提示頁(yè)面，名稱(chēng)為：error.asp，如圖所示：二Session 對(duì)象的使用在后臺(tái)登錄判斷頁(yè)面找到相應(yīng)的位置設(shè)置Session變量的值為“yes”（注：只有當(dāng)用戶(hù)名與密碼都輸入正確時(shí)才進(jìn)行設(shè)置）建

9、立是否登錄判斷頁(yè)面（iflogin.asp），頁(yè)面如圖所示：在后臺(tái)中的每一個(gè)頁(yè)面的第二行加入如下代碼段，判斷是否進(jìn)行過(guò)登錄驗(yàn)證。新建退出后臺(tái)頁(yè)面，名稱(chēng)為：exit.asp，頁(yè)面為純代碼頁(yè)面，實(shí)現(xiàn)兩個(gè)功能：清除session變量；跳轉(zhuǎn)到后臺(tái)登錄頁(yè)面。如圖所示：項(xiàng)目三：新聞添加以及修改刪除 項(xiàng)目分析:主要是表單的運(yùn)用以及sql語(yǔ)句的配合使用，還有就是頁(yè)面間參數(shù)的傳遞。實(shí)訓(xùn)目的:（1）掌握數(shù)據(jù)庫(kù)表記錄的修改命令（2）掌握參數(shù)的傳遞與頁(yè)面跳轉(zhuǎn)的方法。實(shí)訓(xùn)要點(diǎn)：（1）信息修改（2）各類(lèi)表單對(duì)象Value值的設(shè)置（3）參數(shù)的傳遞實(shí)訓(xùn)指導(dǎo)：一、新聞的添加1建立與實(shí)訓(xùn)內(nèi)容相對(duì)符合的網(wǎng)頁(yè)界面，頁(yè)面名稱(chēng)為：add

10、.asp插入表單插入表格，合理布局插入相應(yīng)的表單對(duì)象給每個(gè)表單對(duì)象命名（注：與數(shù)據(jù)庫(kù)表中的字段名一致，以便代碼的書(shū)寫(xiě)）設(shè)置表單頁(yè)面的跳轉(zhuǎn)頁(yè)面（注：應(yīng)跳轉(zhuǎn)到ASP代碼頁(yè)面）2、建立提示信息頁(yè)面，頁(yè)面名稱(chēng)為：addend.asp3、建立數(shù)據(jù)庫(kù)和數(shù)據(jù)庫(kù)表新建數(shù)據(jù)庫(kù)新建數(shù)據(jù)庫(kù)表，設(shè)計(jì)相應(yīng)的字段名（注：根據(jù)頁(yè)面表單對(duì)象設(shè)置）設(shè)置表中字段的類(lèi)型、是否為空等4、建立ASP代碼頁(yè)面，實(shí)現(xiàn)添加功能，頁(yè)面名稱(chēng)為：addpass.asp指定Access數(shù)據(jù)庫(kù)的路徑建立與以上數(shù)據(jù)庫(kù)連接的connection對(duì)象，為執(zhí)行SQL語(yǔ)句作準(zhǔn)備打開(kāi)數(shù)據(jù)庫(kù)，等待SQL語(yǔ)句的操作保存網(wǎng)頁(yè)中輸入的數(shù)據(jù)生成插入的SQL命令語(yǔ)句執(zhí)行插入

11、命令，將數(shù)據(jù)添加到數(shù)據(jù)庫(kù)表中關(guān)閉數(shù)據(jù)庫(kù)返回到提示頁(yè)面，查看是否已經(jīng)添加二、信息的修改1建立修改信息頁(yè)面，頁(yè)面名稱(chēng)為：update.asp，頁(yè)面設(shè)計(jì)部分，如圖所示（注意先加表單再加表格）：頁(yè)面代碼設(shè)計(jì)部分： 連接數(shù)據(jù)庫(kù)；生成Select語(yǔ)句，搜索出要修改的記錄值；建立顯示對(duì)象，為頁(yè)面上顯示值做準(zhǔn)備；設(shè)置每個(gè)表單對(duì)象的value值，注意不同對(duì)象的顯示方法；設(shè)置本頁(yè)面表單的跳轉(zhuǎn)頁(yè)面（updateend.asp）頁(yè)面部分：建立如圖所示頁(yè)面代碼部分設(shè)計(jì)：連接數(shù)據(jù)庫(kù)；保存網(wǎng)頁(yè)中修改的數(shù)據(jù)（無(wú)論有沒(méi)有修改都保存）；建立顯示對(duì)象，為頁(yè)面上顯示值做準(zhǔn)備；生成Update語(yǔ)句；執(zhí)得Update語(yǔ)句；關(guān)閉數(shù)據(jù)庫(kù) 三

12、、信息的瀏覽與刪除1.瀏覽頁(yè)面設(shè)計(jì)部分：建立與實(shí)訓(xùn)內(nèi)容相對(duì)符合的網(wǎng)頁(yè)界面，頁(yè)面名稱(chēng)為：display.asp，插入一個(gè)兩行三列的表格，合理布局,輸入與數(shù)據(jù)庫(kù)表中信息對(duì)應(yīng)的列名，如圖所示：2.瀏覽代碼設(shè)計(jì)部分： 找出須循環(huán)的行的HTML代碼，在前后插入相應(yīng)的ASP腳本代碼，包含如下分步驟：連接數(shù)據(jù)庫(kù)；生成Select語(yǔ)句建立顯示對(duì)象序號(hào)變量設(shè)置開(kāi)始循環(huán)，判斷條件為指針是否移到表的尾部（循環(huán)的HTML代碼段）移動(dòng)數(shù)據(jù)庫(kù)表指針序號(hào)變量增加回到開(kāi)始循環(huán)在表格單元格中插入與列名相對(duì)應(yīng)的字段顯示對(duì)象，瀏覽結(jié)果如下圖所示：3、建立編輯頁(yè)面，頁(yè)面名稱(chēng)為：edit.asp，頁(yè)面是建立在display.asp頁(yè)面

13、基礎(chǔ)上的，只須在加入時(shí)間列后加入一列，如圖所示：4、建立刪除功能頁(yè)面，頁(yè)面名稱(chēng)為：del.asp連接數(shù)據(jù)庫(kù)；生成刪除語(yǔ)句，刪除指定的記錄；執(zhí)行刪除操作；跳轉(zhuǎn)到編輯頁(yè)面；代碼如下：項(xiàng)目四：圖片上傳及顯示 項(xiàng)目分析:主要是asp頁(yè)面中關(guān)于文件組件的使用實(shí)訓(xùn)目的:（1）掌握數(shù)據(jù)庫(kù)表記錄的修改命令（2）掌握?qǐng)D片傳遞時(shí)參數(shù)的傳遞。實(shí)訓(xùn)要點(diǎn)：（1）信息修改（2）各類(lèi)表單對(duì)象Value值的設(shè)置（3）參數(shù)的傳遞實(shí)訓(xùn)指導(dǎo)：圖片上傳在站點(diǎn)中頁(yè)面edit.asp中加入一列，如圖所示：設(shè)定上傳圖片的超級(jí)鏈接為a-pic.asp?id=在超鏈接前放入語(yǔ)句%if rs(photo) then% a href=imags/

14、 超鏈接后放入建立頁(yè)面a-pic.asp，建立如下表單，并在表單內(nèi)設(shè)置語(yǔ)句如圖所示： 設(shè)定文件域名稱(chēng)為fruit設(shè)定表單的提交動(dòng)作為a-pic-upp.asp，方法：post，建立a-pic-upp.asp頁(yè)面，設(shè)定如下代碼： %dim filenamepath = Server.MapPath(imags/)filename = SaveFile(fruit,path,6000,0)sql=update guide set photo=&filename& where auto_id=&session(id)conn.execute sqlIf filename Then If filena

15、me *TooBig* Then Response.redirect edit.asp?message=& filename & session.Abandon()ElseResponse.redirect a-pic.asp?message=文件超出限制太大(圖片顯示在新聞顯示頁(yè)面readnews.asp中，在內(nèi)容的現(xiàn)實(shí)下加入代碼： %if xs(photo) then% img src=admin/imags/ width=450 height=300 / 項(xiàng)目五：新聞搜索項(xiàng)目分析:主要用到了模糊查詢(xún)實(shí)訓(xùn)目的:（1）掌握表單的設(shè)置（2）掌握模糊查詢(xún)語(yǔ)法。實(shí)訓(xùn)要點(diǎn)：（1）模糊查詢(xún)語(yǔ)句（2）各

16、類(lèi)表單對(duì)象Value值的設(shè)置（3）參數(shù)的傳遞實(shí)訓(xùn)指導(dǎo)：建立select頁(yè)面，插入表單，如下圖所示：設(shè)置文本框的名稱(chēng)分別為content與word，提交的動(dòng)作為select_list.asp建立select_list.asp頁(yè)面，在最上方放入數(shù)據(jù)庫(kù)鏈接語(yǔ)句，在搜索結(jié)果那行下加入代碼：%連接數(shù)據(jù)庫(kù)connstr=DBQ=+server.mappath(admin/data.mdb)+;DefaultDir=;DRIVER=Microsoft Access Driver (*.mdb);set conn=server.createobject(ADODB.CONNECTION)conn.open c

17、onnstrcontent=request(content) if request(word)=請(qǐng)輸入關(guān)鍵字 or request(word)= thenword=elseword=request(word)end ifset rs=server.CreateObject(adodb.recordset)if content0 and word then sql=select * from guide where &content& like %&word&% order by auto_id desc elseresponse.redirect select_error.aspend if

18、rs.open sql,conn,1,1page=request(page)rs.pagesize=6pgnm=rs.pagecountif page=or cint(page)=1 then page=1 end ifif pgnm0 then rs.absolutepage=page end ift=0do while not rs.eof and t在下行中加入代碼：6、在下行的td單元格內(nèi)輸入代碼： %if cint(page)=1 thenresponse.write首頁(yè)elseresponse.write首頁(yè)end if% =pgnm thenresponse.write下一頁(yè)elseresponse.write下一頁(yè)end if% %if cint(page)=1 thenresponse.writ