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

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進(jìn)行舉報或認(rèn)領(lǐng)

文檔簡介

教案序號：.課題項(xiàng)目五任務(wù)5新聞分頁功能制作授課形式√理論□理實(shí)一體□實(shí)訓(xùn)(驗(yàn))□其它：學(xué)時安排本單元總學(xué)時：2（其中：理論2學(xué)時、實(shí)踐學(xué)時）教學(xué)內(nèi)容及目標(biāo)掌握站點(diǎn)新聞添加、顯示、修改、刪除功能的制作，掌握功能模塊前臺頁面、后臺頁面的制作。掌握實(shí)現(xiàn)站點(diǎn)新聞添加、顯示、修改、刪除功能的ASP代碼的編寫。教學(xué)重點(diǎn)及難點(diǎn)重點(diǎn)、難點(diǎn)：新聞分頁功能制作的ASP代碼。授課對象學(xué)情分析學(xué)生接觸網(wǎng)站建設(shè)的相關(guān)內(nèi)容時間不長，雖然有網(wǎng)頁制作的基礎(chǔ)，但基礎(chǔ)較差，需要在講授過程中，教師進(jìn)行巡回指導(dǎo)或同學(xué)間小組討論。教學(xué)媒介機(jī)房授課地點(diǎn)5405教學(xué)過程及設(shè)計(jì)：一、課前回顧：新聞添加、顯示功能設(shè)計(jì)技巧和要點(diǎn)？二、新課內(nèi)容：項(xiàng)目五任務(wù)5新聞分頁功能制作任務(wù)5新聞分頁功能制作一、任務(wù)引出新聞修改、刪除功能是整個新聞功能中必不可少的功能模塊之一。新聞修改功能主要是對已經(jīng)以布的新聞能夠進(jìn)行修改的相關(guān)操作，以使新聞的內(nèi)容更加的準(zhǔn)確合理。新聞刪除功能主要是能夠?qū)σ呀?jīng)發(fā)布的新聞進(jìn)行刪除的操作，把已經(jīng)過期的新聞或者不合適的新聞能夠從平臺中刪除掉。在本任務(wù)中，將針對網(wǎng)站的新聞功能，在前一任務(wù)的基礎(chǔ)上，完成新聞修改與刪除功能模塊的制作，以進(jìn)一步完善新聞管理功能，方便網(wǎng)站管理員操作。二、任務(wù)預(yù)覽打開并運(yùn)行站點(diǎn)文件夾里登錄頁面文件“l(fā)ogin.asp”。以網(wǎng)站管理員身份登錄，選擇【新聞功能管理】按鈕，彈出新聞管理頁面，如圖所示。管理員可以點(diǎn)擊【修改】按鈕可以進(jìn)入網(wǎng)站新聞修改頁面，如圖所示，在修改頁面中可以對以前存在的新聞信息進(jìn)行相應(yīng)的修改和更新，點(diǎn)擊“修改文章”按鈕，顯示新聞內(nèi)容修改成功的頁面，如圖所示。同樣，管理員可以點(diǎn)擊【刪除】按鈕刪除指定的新聞，如圖所示。結(jié)合前一任務(wù)的相關(guān)內(nèi)容，基本上實(shí)現(xiàn)了新聞添加、新聞羅列顯示、新聞詳細(xì)內(nèi)容顯示、新聞修改以及新聞功能模塊，整個新聞管理功能已經(jīng)比較完整了，網(wǎng)站管理員可以靈活的使用這幾個功能模塊，方便的實(shí)現(xiàn)網(wǎng)站新聞內(nèi)容的管理。網(wǎng)站新聞管理界面網(wǎng)站新聞修改界面網(wǎng)站新聞修改成功界面網(wǎng)站新聞刪除界面三、實(shí)踐操作1、網(wǎng)站新聞修改頁面的制作網(wǎng)站新聞修改的頁面與網(wǎng)站新聞添加的頁面比較相似，在這里可以打開新聞添加“addnews1.asp”頁面，然后把該網(wǎng)頁另存為新聞修改“newsmodify.asp”頁面。【注意】由于新聞修改“newsmodify.asp”頁面中，要將需要修改的新聞信息顯示出來，因此，在這張頁面中，同樣要調(diào)用數(shù)據(jù)庫連接的語句，并將“newsarticle”數(shù)據(jù)表中的相關(guān)新聞信息讀取出來。因此在新聞修改“newsmodify.asp”頁面中，同樣要嵌入相關(guān)的ASP語句。具體設(shè)計(jì)效果如圖所示。圖5-15新聞修改頁面效果切換到【代碼視圖】，在頁面的最上面嵌入調(diào)用數(shù)據(jù)庫連接的語句：<!--#includefile="conn.asp"-->。同時進(jìn)行“newsarticle”數(shù)據(jù)表的連接，查詢指定新聞的相關(guān)信息，相關(guān)的ASP代碼如下：<%ArticleSql="select*fromnewsArticlewhereArticleid="&request("ArticleID") setrsArticle=server.createobject("adodb.recordset") rsArticle.openArticleSql,conn,1,1 %>2、添加新聞修改“newsmodify.asp”頁面表單動作添加表單，使表單的開始標(biāo)簽與結(jié)束標(biāo)簽包圍整個新聞添加功能模塊。同時選中表單“form”，將表單的“action”屬性設(shè)置為“newsmodify1.asp”，“method”屬性設(shè)置為“post”，具體如下圖5-16所示。圖5-16表單動作定義界面3、制作新聞信息修改處理頁面“newsmodify1.asp”由于新聞信息修改處理頁面與新聞信息添加處理頁面相似，利用前面的模板，將新聞信息添加處理頁面“newsadd1.asp”另存為新聞信息修改處理頁面“newsmodify1.asp”，具體設(shè)計(jì)制作效果如圖5-17所示。圖5-17新聞信息后臺處理頁面“newsmodify1.asp”頁面中，主要的ASP代碼如下：①調(diào)用連接數(shù)據(jù)庫的語句：<!--#includefile="conn.asp"-->②將指定新聞的修改信息寫入到“newsarticle”數(shù)據(jù)表，其功能實(shí)現(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秒鐘之后返回新聞添加頁面”功能實(shí)現(xiàn)的代碼。在<head></head>標(biāo)簽中插入以下語句：<metahttp-equiv="refresh"content="3;url=newsmanage.asp">4、保存網(wǎng)頁并進(jìn)行預(yù)覽進(jìn)行測試在進(jìn)行測試的時候從“newsmanage.asp”進(jìn)行預(yù)覽。點(diǎn)擊【修改】按鈕，在“newsmodify.asp”頁面中將所要修改的新聞信息添加完整，然后點(diǎn)擊“修改文章”按鈕，就會看到新聞信息修改成功的提示信息。如圖5-13所示。5、制作新聞信息刪除功能頁面“delnews.asp”利用前面的模板，將新聞信息添加處理頁面“newsadd1.asp”另存為新聞信息刪除功能頁面“delnews.asp”，具體設(shè)計(jì)制作效果如圖5-18所示。圖5-18新聞信息刪除功能頁面“delnews.asp”頁面中，主要的ASP代碼如下：①調(diào)用連接數(shù)據(jù)庫的語句：<!--#includefile="conn.asp"-->②將指定的新聞信息從“newsarticle”數(shù)據(jù)表刪除，其功能實(shí)現(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秒鐘之后返回新聞添加頁面”功能實(shí)現(xiàn)的代碼。在<head></head>標(biāo)簽中插入以下語句：<metahttp-equiv="refresh

溫馨提示

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

最新文檔

評論

0/150

提交評論