云上運維及應用實踐教程（第2版） 教案 17 項目五 任務5新聞分頁功能制作_第1頁
云上運維及應用實踐教程（第2版） 教案 17 項目五 任務5新聞分頁功能制作_第2頁
云上運維及應用實踐教程（第2版） 教案 17 項目五 任務5新聞分頁功能制作_第3頁
云上運維及應用實踐教程（第2版） 教案 17 項目五 任務5新聞分頁功能制作_第4頁
云上運維及應用實踐教程（第2版） 教案 17 項目五 任務5新聞分頁功能制作_第5頁
已閱讀5頁，還剩1頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權說明：本文檔由用戶提供并上傳，收益歸屬內容提供方，若內容存在侵權，請進行舉報或認領

文檔簡介

教案序號：.課題項目五任務5新聞分頁功能制作授課形式√理論□理實一體□實訓(驗)□其它：學時安排本單元總學時：2（其中：理論2學時、實踐學時）教學內容及目標掌握站點新聞添加、顯示、修改、刪除功能的制作，掌握功能模塊前臺頁面、后臺頁面的制作。掌握實現(xiàn)站點新聞添加、顯示、修改、刪除功能的ASP代碼的編寫。教學重點及難點重點、難點：新聞分頁功能制作的ASP代碼。授課對象學情分析學生接觸網(wǎng)站建設的相關內容時間不長，雖然有網(wǎng)頁制作的基礎，但基礎較差，需要在講授過程中，教師進行巡回指導或同學間小組討論。教學媒介機房授課地點5405教學過程及設計：一、課前回顧：新聞添加、顯示功能設計技巧和要點？二、新課內容：項目五任務5新聞分頁功能制作任務5新聞分頁功能制作一、任務引出新聞修改、刪除功能是整個新聞功能中必不可少的功能模塊之一。新聞修改功能主要是對已經(jīng)以布的新聞能夠進行修改的相關操作，以使新聞的內容更加的準確合理。新聞刪除功能主要是能夠對已經(jīng)發(fā)布的新聞進行刪除的操作，把已經(jīng)過期的新聞或者不合適的新聞能夠從平臺中刪除掉。在本任務中，將針對網(wǎng)站的新聞功能，在前一任務的基礎上，完成新聞修改與刪除功能模塊的制作，以進一步完善新聞管理功能，方便網(wǎng)站管理員操作。二、任務預覽打開并運行站點文件夾里登錄頁面文件“l(fā)ogin.asp”。以網(wǎng)站管理員身份登錄，選擇【新聞功能管理】按鈕，彈出新聞管理頁面，如圖所示。管理員可以點擊【修改】按鈕可以進入網(wǎng)站新聞修改頁面，如圖所示，在修改頁面中可以對以前存在的新聞信息進行相應的修改和更新，點擊“修改文章”按鈕，顯示新聞內容修改成功的頁面，如圖所示。同樣，管理員可以點擊【刪除】按鈕刪除指定的新聞，如圖所示。結合前一任務的相關內容，基本上實現(xiàn)了新聞添加、新聞羅列顯示、新聞詳細內容顯示、新聞修改以及新聞功能模塊，整個新聞管理功能已經(jīng)比較完整了，網(wǎng)站管理員可以靈活的使用這幾個功能模塊，方便的實現(xiàn)網(wǎng)站新聞內容的管理。網(wǎng)站新聞管理界面網(wǎng)站新聞修改界面網(wǎng)站新聞修改成功界面網(wǎng)站新聞刪除界面三、實踐操作1、網(wǎng)站新聞修改頁面的制作網(wǎng)站新聞修改的頁面與網(wǎng)站新聞添加的頁面比較相似，在這里可以打開新聞添加“addnews1.asp”頁面，然后把該網(wǎng)頁另存為新聞修改“newsmodify.asp”頁面?！咀⒁狻坑捎谛侣勑薷摹皀ewsmodify.asp”頁面中，要將需要修改的新聞信息顯示出來，因此，在這張頁面中，同樣要調用數(shù)據(jù)庫連接的語句，并將“newsarticle”數(shù)據(jù)表中的相關新聞信息讀取出來。因此在新聞修改“newsmodify.asp”頁面中，同樣要嵌入相關的ASP語句。具體設計效果如圖所示。圖5-15新聞修改頁面效果切換到【代碼視圖】，在頁面的最上面嵌入調用數(shù)據(jù)庫連接的語句：<!--#includefile="conn.asp"-->。同時進行“newsarticle”數(shù)據(jù)表的連接，查詢指定新聞的相關信息，相關的ASP代碼如下：<%ArticleSql="select*fromnewsArticlewhereArticleid="&request("ArticleID") setrsArticle=server.createobject("adodb.recordset") rsArticle.openArticleSql,conn,1,1 %>2、添加新聞修改“newsmodify.asp”頁面表單動作添加表單，使表單的開始標簽與結束標簽包圍整個新聞添加功能模塊。同時選中表單“form”，將表單的“action”屬性設置為“newsmodify1.asp”，“method”屬性設置為“post”，具體如下圖5-16所示。圖5-16表單動作定義界面3、制作新聞信息修改處理頁面“newsmodify1.asp”由于新聞信息修改處理頁面與新聞信息添加處理頁面相似，利用前面的模板，將新聞信息添加處理頁面“newsadd1.asp”另存為新聞信息修改處理頁面“newsmodify1.asp”，具體設計制作效果如圖5-17所示。圖5-17新聞信息后臺處理頁面“newsmodify1.asp”頁面中，主要的ASP代碼如下：①調用連接數(shù)據(jù)庫的語句：<!--#includefile="conn.asp"-->②將指定新聞的修改信息寫入到“newsarticle”數(shù)據(jù)表，其功能實現(xiàn)的ASP代碼：<%'******************************修改新聞************************TimYear=Request.Form("TimYear")TimDay=Request.Form("TimDay")TimMonth=Request.Form("TimMonth")tim=TimYear&"/"&TimMonth&"/"&TimDayContent=replace(trim(Request.Form("codecontent")),"'","''")title=replace(trim(Request.Form("Title")),"'","''")setrs=server.createobject("adodb.recordset")rs.open"select*fromnewsarticlewherearticleID="&request("articleid"),conn,1,3rs("Title")=titlers("Content")=Contentrs("Auther")=Request.Form("Auther")rs("source")=Request.Form("source")rs("tim")=timrs.updaters.Closesetrs=nothingresponse.write"<divalign=center>恭喜你！修改成功</div><br><br>"response.write"<divalign=center><ahref=newsmanage.asp>3秒鐘后系統(tǒng)自動返回</a></div>"%>③“系統(tǒng)將在3秒鐘之后返回新聞添加頁面”功能實現(xiàn)的代碼。在<head></head>標簽中插入以下語句：<metahttp-equiv="refresh"content="3;url=newsmanage.asp">4、保存網(wǎng)頁并進行預覽進行測試在進行測試的時候從“newsmanage.asp”進行預覽。點擊【修改】按鈕，在“newsmodify.asp”頁面中將所要修改的新聞信息添加完整，然后點擊“修改文章”按鈕，就會看到新聞信息修改成功的提示信息。如圖5-13所示。5、制作新聞信息刪除功能頁面“delnews.asp”利用前面的模板，將新聞信息添加處理頁面“newsadd1.asp”另存為新聞信息刪除功能頁面“delnews.asp”，具體設計制作效果如圖5-18所示。圖5-18新聞信息刪除功能頁面“delnews.asp”頁面中，主要的ASP代碼如下：①調用連接數(shù)據(jù)庫的語句：<!--#includefile="conn.asp"-->②將指定的新聞信息從“newsarticle”數(shù)據(jù)表刪除，其功能實現(xiàn)的ASP代碼：<%'******************************刪除類別************************setrs=server.createobject("adodb.recordset")sql="deletefromnewsarticlewherearticleID="&Request("articleID")conn.Executesqlresponse.write"<divalign=center>恭喜你！刪除成功……</div><br><br>"response.write"<divalign=center><ahref=newsmanage.asp>系統(tǒng)3秒鐘后將自動返回</a></div>"%>③“系統(tǒng)將在3秒鐘之后返回新聞添加頁面”功能實現(xiàn)的代碼。在<head></head>標簽中插入以下語句：<metahttp-equiv="refresh

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內容里面會有圖紙預覽，若沒有圖紙預覽就沒有圖紙。
  • 4. 未經(jīng)權益所有人同意不得將文件中的內容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內容本身不做任何修改或編輯，并不能對任何下載內容負責。
  • 6. 下載文件中如有侵權或不適當內容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論