《ASP動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)》項(xiàng)目4 網(wǎng)站新聞發(fā)布與管理

項(xiàng)目四

網(wǎng)站新聞發(fā)布與管理了解新聞管理系統(tǒng)工作流程；了解新聞發(fā)布管理系統(tǒng)的頁面組成或所需的數(shù)據(jù)庫表文件；創(chuàng)建記錄集，綁定正確的字段，創(chuàng)建重復(fù)區(qū)域服務(wù)器行為；完成記錄分頁，根據(jù)需要顯示不同區(qū)域；制作轉(zhuǎn)到詳細(xì)頁面，選擇傳遞的參數(shù)和條件；正確地插入表單，使用文本域、按鈕；為表單設(shè)置正確的目標(biāo)和方法；正確作用動(dòng)態(tài)表格和記錄集導(dǎo)航；創(chuàng)建登錄用戶服務(wù)器行為；創(chuàng)建限制對(duì)頁面的訪問服務(wù)器行為；創(chuàng)建記錄的輸入、修改、刪除服務(wù)器行為。教學(xué)目標(biāo)：教學(xué)重點(diǎn):數(shù)據(jù)庫鏈接記錄集創(chuàng)建動(dòng)態(tài)數(shù)據(jù)的綁定插入記錄服務(wù)器行為教學(xué)難點(diǎn):

記錄集創(chuàng)建及服務(wù)器行為教學(xué)方法:任務(wù)驅(qū)動(dòng)法任務(wù)一、網(wǎng)站首頁新聞顯示模塊任務(wù)目標(biāo)：了解一般新聞頁面的組成；掌握數(shù)據(jù)庫連接的創(chuàng)建方法及連接字符串；掌握記錄集的創(chuàng)建及字段的綁定；掌握重復(fù)區(qū)域、轉(zhuǎn)到詳細(xì)頁面等服務(wù)器行業(yè)的創(chuàng)建任務(wù)描述將光盤中“素材\項(xiàng)目四\示例\原始文檔”文件夾中的文件夾復(fù)制到本地硬盤中如：E:\并創(chuàng)建成動(dòng)態(tài)Web站點(diǎn)，然后將網(wǎng)站首頁（index.htm）的新聞顯示模塊由靜態(tài)的修改成動(dòng)態(tài)的(index.asp)。任務(wù)分析本任務(wù)通過對(duì)網(wǎng)站首頁（index.htm）的新聞顯示模塊進(jìn)行修改使由原來的靜態(tài)鏈接變?yōu)閯?dòng)態(tài)自動(dòng)顯示數(shù)據(jù)庫最新的8條新聞，并能轉(zhuǎn)到相應(yīng)新聞的詳細(xì)頁面。一、操作體驗(yàn)步驟1．修改網(wǎng)站首頁，將新聞顯示模塊的靜態(tài)鏈接刪除步驟2．創(chuàng)建數(shù)據(jù)庫連接步驟3．創(chuàng)建記錄集步驟4．創(chuàng)建服務(wù)器行為包括轉(zhuǎn)到詳細(xì)頁面和重復(fù)區(qū)域創(chuàng)建二、知識(shí)鏈接自定義字符串有兩種方式：（1）"Driver={MicrosoftAccessDriver(*.mdb)};DBQ="&Server.MapPath("數(shù)據(jù)庫文件相對(duì)站點(diǎn)根目錄的位置")（2）針對(duì)不同的Access版本又兩種①Access2003的自定義字符串："Provider=Microsoft.Jet.OLEDB.4.0;DataSource="&Server.MapPath("數(shù)據(jù)庫文件相對(duì)站點(diǎn)根目錄的位置")②Access2007的自定義字符串："provider=Microsoft.Ace.OLEDB.12.0;DataSource="&ServerMapPath("數(shù)據(jù)庫文件相對(duì)站點(diǎn)根目錄的位置")提示：字符串中的"符號(hào)為英文狀態(tài)下的字符；數(shù)據(jù)庫文件相對(duì)站點(diǎn)根目錄的位置如："\\data\shqyw.mdb"；制作動(dòng)態(tài)網(wǎng)頁的流程（1）創(chuàng)建數(shù)據(jù)庫；（2）定義站點(diǎn)；（3）創(chuàng)建靜態(tài)頁面；（4）建立數(shù)據(jù)庫連接；（5）創(chuàng)建記錄集；（6）字段綁定到頁面；（7）頁面中添加服務(wù)器行為；（8）測(cè)試預(yù)覽頁面試一試:使用DreamweaverCS6打開“素材\項(xiàng)目四\示例\01-03\”文件夾的index.htm文檔，對(duì)網(wǎng)站首頁中的“建站知識(shí)”模塊進(jìn)行修改，使“建站知識(shí)”模塊以動(dòng)態(tài)方式來顯示相關(guān)信息。

任務(wù)二、新聞列表頁面制作任務(wù)目標(biāo)：了解新聞列表頁面的組成；了解新聞列表頁面的制作步驟掌握記錄集的創(chuàng)建及字段的綁定；掌握重復(fù)區(qū)域、轉(zhuǎn)到詳細(xì)頁面等服務(wù)器行業(yè)的創(chuàng)建；掌握記錄集導(dǎo)航條的創(chuàng)建。任務(wù)描述完成企業(yè)網(wǎng)站新聞列表頁面的制作打開網(wǎng)站目錄\\html\GongSiXinWen下的index.htm文檔將制作成新聞列表頁。任務(wù)分析動(dòng)態(tài)新聞列表頁面的制作過程包括：記錄集、綁定、重復(fù)區(qū)域、轉(zhuǎn)到詳細(xì)頁面、記錄集導(dǎo)航的創(chuàng)建等。一、操作體驗(yàn)步驟1．修改靜態(tài)新聞列表頁面步驟2．創(chuàng)建記錄集步驟3．創(chuàng)建轉(zhuǎn)到詳細(xì)頁面步驟4．創(chuàng)建重復(fù)區(qū)域步驟5．創(chuàng)建記錄集導(dǎo)航二、知識(shí)鏈接（1）記錄集對(duì)話框各項(xiàng)說明名稱：用于設(shè)置記錄集的名稱，默認(rèn)為Recordset1。連接：用于選擇數(shù)據(jù)庫的連接。如已創(chuàng)建，可單擊下拉列表直接選擇。表格：用于選擇為記錄集提供數(shù)據(jù)的數(shù)據(jù)庫表。列：用于顯示數(shù)據(jù)庫表中的字段。默認(rèn)選擇為全部，也可選擇一部分。篩選：用于進(jìn)一步限制從表中返回的記錄，根據(jù)指定的篩選條件，篩選出表符合條件的記錄。排序：對(duì)返回的記錄進(jìn)行排序，有升序和降序兩種。測(cè)試：測(cè)試是否能連接到數(shù)據(jù)庫中的表，并返回?cái)?shù)據(jù)庫表中的記錄。高級(jí)：用于通過SQL創(chuàng)建多個(gè)條件的查詢。（2）重復(fù)區(qū)域“重復(fù)區(qū)域”服務(wù)器行為允許在網(wǎng)頁頁面中顯示記錄集中的記錄個(gè)數(shù)。（3）轉(zhuǎn)到詳細(xì)頁面“轉(zhuǎn)到詳細(xì)頁面”服務(wù)器行為可以將信息或參數(shù)從一個(gè)頁面?zhèn)鬟f到另一個(gè)頁面。“轉(zhuǎn)到詳細(xì)頁面”對(duì)話框說明：鏈接：可以選擇要把行為應(yīng)用到哪個(gè)超鏈接上，如果在文檔中選擇了動(dòng)態(tài)內(nèi)容，則會(huì)自動(dòng)選擇該內(nèi)容。詳細(xì)頁面：在文本框中輸入詳細(xì)頁面對(duì)應(yīng)的URL地址。傳遞URL參數(shù)：在文本框中輸入要通過URL傳遞到詳細(xì)頁面中的參數(shù)名稱，然后設(shè)置記錄集和列的值。URL參數(shù)：表明將結(jié)果頁面聽URL參數(shù)傳遞到頁面上。表單參數(shù)：表明將結(jié)果頁面中的表單值以URL參數(shù)的方式傳遞到詳細(xì)頁面上。試一試:使用DreamweaverCS6打開“素材\項(xiàng)目四\示例\01-03\\html\JianZhanZhiShi”文件夾的index.html文檔，對(duì)頁面進(jìn)行修改，制作以動(dòng)態(tài)方式來顯示建站知識(shí)列表信息的頁面。任務(wù)三、新聞詳細(xì)頁面制作任務(wù)目標(biāo)：了解新聞頁面一般組成鞏固“記錄集”的應(yīng)用鞏固“記錄導(dǎo)航條”的應(yīng)用任務(wù)描述使用DreamweaverCS6將原來的靜態(tài)新聞頁面修改為動(dòng)態(tài)新聞頁面。網(wǎng)站目錄\\html\GongSiXinWen下的257.htm文檔任務(wù)分析在新聞列表頁面中，以列表的形式將新聞標(biāo)題和新聞發(fā)布時(shí)間顯示出來供瀏覽者訪問，然后單擊新聞標(biāo)題即可進(jìn)入新聞詳細(xì)頁面。在顯示新聞詳細(xì)頁面時(shí)，鏈接以URL參數(shù)的形式傳遞瀏覽者所選擇的記錄的ID，詳細(xì)頁面以此ID在數(shù)據(jù)庫表中查找相應(yīng)的記錄并顯示該記錄。一、操作體驗(yàn)步驟1．修改靜態(tài)新聞詳細(xì)頁面步驟2．為詳細(xì)頁面創(chuàng)建記錄集步驟3．修改文檔的標(biāo)題步驟4．修改頁面中顯示新聞的標(biāo)題步驟5．修改頁面正文內(nèi)容步驟6．為新聞詳細(xì)頁添加“上一篇”、“下一篇”鏈接二、知識(shí)鏈接（1）記錄導(dǎo)航條如果指定的每頁記錄數(shù)是有限的，并且所請(qǐng)求的記錄數(shù)可能超過這個(gè)數(shù)，則可通過添加記錄導(dǎo)航鏈接使用用戶能夠查看到其他記錄。記錄導(dǎo)航條包括：移至第一條記錄；移至前一條記錄；移至下一條記錄；移至最后一條記錄。（2）顯示區(qū)域可以根據(jù)條件動(dòng)態(tài)顯示記錄導(dǎo)航超鏈接。顯示區(qū)域包括：如果記錄集為空則顯示區(qū)域；如果記錄集不為空則顯示區(qū)域；如果為第一條記錄則顯示區(qū)域；如果不是第一條記錄則顯示區(qū)域；如果為最后一條記錄則顯示區(qū)域；如果不是最后一條記錄則顯示區(qū)域。試一試:使用DreamweaverCS6打開“素材\項(xiàng)目四\示例\01-03\\html\JianZhanZhiShi”文件夾的253.html文檔，對(duì)頁面進(jìn)行修改，制作建站知識(shí)的動(dòng)態(tài)詳細(xì)頁面。任務(wù)四、制作后臺(tái)管理登錄頁面任務(wù)目標(biāo)：了解網(wǎng)站安全機(jī)制；掌握表單對(duì)象的應(yīng)用；掌握用戶身份驗(yàn)證操作任務(wù)描述制作網(wǎng)站后臺(tái)管理的登錄頁面。任務(wù)分析網(wǎng)站后臺(tái)管理登錄頁面是進(jìn)入后臺(tái)管理的入口，是判斷合法用戶進(jìn)行管理的手段。本任務(wù)就是學(xué)習(xí)利用登錄賬號(hào)與密碼來判斷是否為合法用戶。制作網(wǎng)站后臺(tái)管理登錄頁面一般是通過制作登錄頁面及登錄驗(yàn)證功能來完成的。一、操作體驗(yàn)步驟1．制作靜態(tài)登錄頁面步驟2．設(shè)置登錄頁面的登錄驗(yàn)證二、知識(shí)鏈接（1）用戶身份驗(yàn)證用戶身份驗(yàn)證是限制用戶對(duì)網(wǎng)站相關(guān)數(shù)據(jù)的添加、修改和刪除，一般是當(dāng)瀏覽者要訪問受限制的頁面時(shí)，通常是先登錄，驗(yàn)證用戶名和密碼是否合法，決定是否允許進(jìn)入。用戶身份驗(yàn)證包括：登錄用戶：用于制作登錄頁面，在登錄頁面中驗(yàn)證表單輸入的用戶名和密碼是否為數(shù)據(jù)庫中的數(shù)據(jù)相匹配。限制對(duì)頁面的訪問：用于設(shè)置沒有經(jīng)過登錄驗(yàn)證時(shí)不能訪問的頁面。注銷用戶：與登錄用戶是一個(gè)相反的過程，主要用于注銷登錄用戶。檢查新用戶名：用于驗(yàn)證在表單中新添加的內(nèi)容是否在數(shù)據(jù)庫中存在。（2）“登錄用戶”對(duì)話框參數(shù)說明從表單獲取輸入：選擇接受哪一個(gè)表單的提交；用戶名字段：選擇用戶名所對(duì)應(yīng)的文本框架；密碼字段：選擇用戶密碼所對(duì)應(yīng)的文本框；使用連接驗(yàn)證：確定使用哪一個(gè)數(shù)據(jù)庫連接；表格：確定使用數(shù)據(jù)庫中的哪一個(gè)數(shù)據(jù)表；用戶名列：選擇用戶名對(duì)應(yīng)的字段；密碼列：選擇用戶密碼對(duì)應(yīng)的字段；如果登錄成功：將用戶引導(dǎo)到指定的頁面；如果登錄失?。簩⒂脩粢龑?dǎo)到指定的頁面；基于以下項(xiàng)限制訪問：選擇驗(yàn)證級(jí)別。試一試:將光盤中“\素材\項(xiàng)目四\試一試\原始文件\04”文件夾中所提供的數(shù)據(jù)庫和素材復(fù)制到硬盤上，然后根據(jù)所提供的素材，請(qǐng)?jiān)囍约鹤鲆粋€(gè)網(wǎng)站的后臺(tái)登錄頁面，文件名為admin_login.asp。任務(wù)五、新聞列表管理頁面制作任務(wù)目標(biāo)：了解新聞列表頁面的組成；鞏固“記錄集”的應(yīng)用；鞏固“重復(fù)區(qū)域”的應(yīng)用；鞏固“轉(zhuǎn)到詳細(xì)頁面”的應(yīng)用鞏固“表單”在頁面中的應(yīng)用掌握“限制對(duì)頁的訪問”實(shí)現(xiàn)方法及應(yīng)用。任務(wù)描述制作網(wǎng)站后臺(tái)的新聞列表管理頁面。任務(wù)分析新聞列表頁面，顯示新聞編號(hào)、新聞欄目、新聞標(biāo)題及發(fā)布時(shí)間等信息，制作新聞列表頁面顯示上述信息。本任務(wù)通過創(chuàng)建記錄集、定義重復(fù)區(qū)域、綁定動(dòng)態(tài)數(shù)據(jù)、轉(zhuǎn)到詳細(xì)頁面和限制對(duì)頁的訪問等服務(wù)器行為來實(shí)現(xiàn)新聞列表管理頁面的制作。一、操作體驗(yàn)步驟1．制作新聞列表管理靜態(tài)頁面步驟2．創(chuàng)建頁面的記錄集步驟3．創(chuàng)建頁面“重復(fù)區(qū)域”服務(wù)器行業(yè)步驟4．添加“記錄集導(dǎo)航條”鏈接步驟5．添加“轉(zhuǎn)到詳細(xì)頁面”步驟6．添加“限制對(duì)頁的訪問”

二、知識(shí)鏈接（1）限制對(duì)頁的訪問要求用戶必須通過登錄頁面登錄進(jìn)行身份驗(yàn)證才能轉(zhuǎn)到后臺(tái)的管理頁面，而用戶不能直接通過地址訪問網(wǎng)站后臺(tái)的管理頁面。如果未登錄者直接在地址欄輸入頁面地址則跳轉(zhuǎn)到登陸頁限制對(duì)頁的訪問的兩種方式：①用戶名和密碼②用戶名、密碼和訪問級(jí)別（2）URL參數(shù)使您將用戶提供的信息從瀏覽器傳遞到服務(wù)器。當(dāng)服務(wù)器收到請(qǐng)求，而且參數(shù)被追加到請(qǐng)求的URL上時(shí)，服務(wù)器在將請(qǐng)求的頁提供給瀏覽器之前，向參數(shù)提供對(duì)請(qǐng)求頁的訪問。URL參數(shù)是追加到URL上的一個(gè)“名稱-值”對(duì)。參數(shù)以問號(hào)“?”開始并采用name=value.如果存在多個(gè)URL參數(shù)，則參數(shù)之間用(&)符隔開。下例顯示帶有兩個(gè)名稱-值對(duì)的URL參數(shù)：http://server/path/document?name1=value1&name2=value2試一試:使用DreamweaverCS6打開“素材\項(xiàng)目四\示例\原始文件\01-03\\html\JianZhanZhiShi”文件夾的253.html文檔，對(duì)頁面進(jìn)行修改，請(qǐng)?jiān)囍约鹤鲆粋€(gè)網(wǎng)站的后臺(tái)建站知識(shí)列表管理頁面，文件名為jianzhanzhishi_list.asp

。任務(wù)六、制作新聞添加頁面任務(wù)目標(biāo)：了解添加新聞頁面的組成；鞏固“記錄集”的應(yīng)用；鞏固“表單”在頁面中的應(yīng)用；鞏固“限制頁面訪問”的應(yīng)用；掌握spry驗(yàn)證文本域的驗(yàn)證；掌握“插入記錄”的實(shí)現(xiàn)方法。任務(wù)描述制作網(wǎng)站后臺(tái)添加新聞的管理頁面。任務(wù)分析通過介紹“服務(wù)器行為”面板中“插入記錄”的功能及用法，完成企業(yè)網(wǎng)站后臺(tái)管理中“添加新聞”頁面的制作，從而實(shí)現(xiàn)將表單中的數(shù)據(jù)添加到數(shù)據(jù)庫表中的操作。一、操作體驗(yàn)步驟1．制作靜態(tài)“添加新聞”頁面步驟2．創(chuàng)建頁面的記錄集步驟3．創(chuàng)建頁面的插入記錄功能步驟4．為頁面添加限制頁面訪問二、知識(shí)鏈接（1）插入記錄對(duì)話框使用說明：連接：用于選擇數(shù)據(jù)庫的連接；插入到表格：用于選擇向其插入數(shù)據(jù)的數(shù)據(jù)庫表。插入后，轉(zhuǎn)到：用于設(shè)置將數(shù)據(jù)插入到數(shù)據(jù)庫表后要打開的頁面文檔。獲取值自：用于設(shè)置表單元素所在的表單域的名稱。如果一個(gè)文檔頁面中只有一個(gè)表單域，則此下拉列表中默認(rèn)選擇該表單；如果一個(gè)文檔頁面中有多個(gè)表單，則需要在下拉列表中選擇需要的表單名稱。表單元素、列：兩個(gè)選項(xiàng)是對(duì)應(yīng)關(guān)系。用于設(shè)置每個(gè)表單對(duì)象應(yīng)該更新數(shù)據(jù)庫表中的哪些字段。提交為：用于設(shè)置數(shù)據(jù)表接收的數(shù)據(jù)類型。通常使用默認(rèn)的數(shù)據(jù)類型。（2）spry驗(yàn)證包括：spry驗(yàn)證文本域；spry驗(yàn)證文本區(qū)域；spry驗(yàn)證選擇；spry驗(yàn)證復(fù)選框；spry驗(yàn)證密碼；spry驗(yàn)證確認(rèn)；spry驗(yàn)證單選按鈕組。試一試:將光盤中“\素材\項(xiàng)目四\試一試\原始文件\01-03”文件夾中所提供的數(shù)據(jù)庫和素材復(fù)制到硬盤上，然后根據(jù)所提供的素材，請(qǐng)?jiān)囍约鹤鲆粋€(gè)網(wǎng)站的后臺(tái)添加建站知識(shí)的管理頁面，文件名為jianzhanzhishi_add.asp。任務(wù)七、制作修改新聞頁面任務(wù)目標(biāo)：了解修改新聞頁面的組成；鞏固“記錄集”的應(yīng)用；鞏固“表單”在頁面中的應(yīng)用；鞏固“限制頁面訪問”的應(yīng)用；掌握“更新記錄”的實(shí)現(xiàn)方法。任務(wù)描述制作企業(yè)網(wǎng)站后臺(tái)的新聞修改頁面。任務(wù)分析通過介紹“服務(wù)器行為”面板中“更新記錄”的功能及用法，完成企業(yè)網(wǎng)站后臺(tái)管理中“新聞修改”頁面的制作。新聞修改頁面根據(jù)URL傳遞的新聞編號(hào)讀取數(shù)據(jù)，然后顯示在表單中，修改頁面的制作過程包括創(chuàng)建記錄集、添加表單對(duì)象，在表單對(duì)象中顯示記錄集中的各字段，使用“服務(wù)器行為”中的“更新記錄”行為完成數(shù)據(jù)庫表中記錄的更新。一、操作體驗(yàn)步驟1．制作靜態(tài)修改新聞頁面步驟2．在頁面中創(chuàng)建記錄集并綁定步驟3．為頁面創(chuàng)建更新記錄功能步驟4．添加限制對(duì)頁的訪問二、知識(shí)鏈接（1）“更新記錄”對(duì)話框連接：用于選擇數(shù)據(jù)庫的連接；要更新的表格：用于選擇包含要更新的記錄的數(shù)據(jù)庫表。選取記錄：用于設(shè)置顯示在表單對(duì)象上的記錄的記錄集。唯一鍵列：選擇一個(gè)鍵列（通常選擇能唯一標(biāo)識(shí)記錄的字段）來標(biāo)識(shí)數(shù)據(jù)庫表中的記錄。如果該值是一個(gè)數(shù)字，則選擇“數(shù)據(jù)”復(fù)選框，鍵列通常接受數(shù)值，但有時(shí)也接受文本。更新后，轉(zhuǎn)到：輸入更新記錄后將要打開的文檔。獲取值自：在下拉列表中選擇一個(gè)表單域名稱。表單元素：文本區(qū)域中選擇一個(gè)表單對(duì)象名稱，從“列”下拉列表中選擇更新的數(shù)據(jù)庫表中的字段，然后從“提交為”下拉列表中為該表單對(duì)象選擇數(shù)據(jù)類型。試一試:將光盤中“\素材\項(xiàng)目四\試一試\原始文件\01-03”文件夾中所提供的數(shù)據(jù)庫和素材復(fù)制到硬盤上，然后根據(jù)所提供的素材，請(qǐng)?jiān)囍约鹤鲆粋€(gè)網(wǎng)站的后臺(tái)修改建站知識(shí)的管理頁面，文件名為jianzhanzhishi_modify.asp。任務(wù)八、制作刪除新聞的頁面任務(wù)目標(biāo)：了解刪除新聞頁面的組成；了解刪除新聞頁面的制作過程；鞏固“記錄集”的應(yīng)用；鞏固“表單”在頁面中的應(yīng)用；鞏固“限制頁面訪問”的應(yīng)用；掌握“刪除記錄”的實(shí)現(xiàn)方法。任務(wù)描述制作企業(yè)網(wǎng)站后臺(tái)用于刪除新聞的管理頁面。任務(wù)分析通常實(shí)現(xiàn)刪除新聞時(shí)，頁面將顯示要?jiǎng)h除的數(shù)據(jù)庫表中的記錄，當(dāng)用戶單擊表單按鈕確認(rèn)刪除后，Web應(yīng)用程序?qū)臄?shù)