《網站開發(fā)與維護實訓》指導書

1、網站開發(fā)與維護 實訓指導書姓名:學號:班級:計算機多媒體技術教研室編寫2010-12目錄網站開發(fā)與維護實訓教學大綱 1網站開發(fā)與維護實訓項目 3項目一：前臺信息顯示 3項目二：后臺登陸驗證 6項目三：新聞添加以及修改刪除 9項目四：圖片上傳及顯示 13項目五：新聞搜索 16項目實訓報告： 20網站開發(fā)與維護實訓個人總結 25網站開發(fā)與維護實訓成績評定表 26網站開發(fā)與維護實訓教學大綱學 分：1學分學 時：28適用專業(yè)：計算機多媒體技術專業(yè)一、實訓的目的與任務實訓的目的：專業(yè)技能綜合實訓是我院為計算機多媒體技術專業(yè)開設的專業(yè)必修整周實訓課程之一，網站開發(fā)與維護實訓是整個實訓過程的一部分，其主要目

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

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

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

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

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

7、ype=“熱門文章”中改成要顯示的類別名稱即可，即數據庫中對應的名稱。、項目二：后臺登陸驗證項目分析:這個是一個后臺登陸的驗證頁面，主要包含的知識點有表單的設計，以及數據庫中數據的驗證，主要用到session對象。實訓目的:（1）掌握表單的設計（2）掌握session的設置與使用實訓要點：（1）密碼驗證、Session對象的使用（2）密碼判斷最終效果如圖：登陸成功后到頁面失敗后到頁面：實訓指導：一、設置登陸頁面及判斷頁面建立存放密碼的數據庫表，表名為：password，字段為三個字段：ID，user，password;設計后臺登錄頁面，頁面名稱為：login.asp如圖所示：設置與密碼表相對應

8、的表單對象名稱，設置表單頁面跳轉到登錄判斷頁面（loginpass.asp）登錄判斷頁面（loginpass.asp）代碼設計：連接數據庫；保存網頁中輸入用戶名與密碼；生成Select語句，搜索密碼表中的滿足用戶名與密碼和輸入的數據符合的信息；建立對象，為判斷做準備；判斷如果有符合的用戶名與密碼則跳轉到后臺首頁（index.asp），否則跳轉到錯誤提示頁面（error.asp）。 代碼如下： 制作錯誤提示頁面，名稱為：error.asp，如圖所示：二Session 對象的使用在后臺登錄判斷頁面找到相應的位置設置Session變量的值為“yes”（注：只有當用戶名與密碼都輸入正確時才進行設置）建

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

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

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

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

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

14、 超鏈接后放入建立頁面a-pic.asp，建立如下表單，并在表單內設置語句如圖所示： 設定文件域名稱為fruit設定表單的提交動作為a-pic-upp.asp，方法：post，建立a-pic-upp.asp頁面，設定如下代碼： %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=文件超出限制太大(圖片顯示在新聞顯示頁面readnews.asp中，在內容的現實下加入代碼： %if xs(photo) then% img src=admin/imags/ width=450 height=300 / 項目五：新聞搜索項目分析:主要用到了模糊查詢實訓目的:（1）掌握表單的設置（2）掌握模糊查詢語法。實訓要點：（1）模糊查詢語句（2）各

16、類表單對象Value值的設置（3）參數的傳遞實訓指導：建立select頁面，插入表單，如下圖所示：設置文本框的名稱分別為content與word，提交的動作為select_list.asp建立select_list.asp頁面，在最上方放入數據庫鏈接語句，在搜索結果那行下加入代碼：%連接數據庫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)=請輸入關鍵字 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單元格內輸入代碼： %if cint(page)=1 thenresponse.write首頁elseresponse.write首頁end if% =pgnm thenresponse.write下一頁elseresponse.write下一頁end if% %if cint(page)=1 thenresponse.writ