教案課程名稱：PHP網(wǎng)頁案例任務(wù)教程課題：任務(wù)四設(shè)計新增留言、保存與刪除留言動態(tài)網(wǎng)頁1課時：2課時1主講教師：某某某教師1學校：某某某學校0日期：xxxx年月日1

教案教學對象網(wǎng)絡(luò)技術(shù)A班授課日期XXXX年月日使用教材PHP網(wǎng)頁案例任務(wù)教程出版單位電子工業(yè)出版社課題任務(wù)四設(shè)計新增留言、保存與刪除留言動態(tài)網(wǎng)頁計劃學時2學時教學目標通過教學活動能掌握設(shè)計新增留言、保存與刪除留言動態(tài)網(wǎng)頁的技能知識目標：PHPMySQL命令Update格式功能、PHPMySQL命令DELETE格式功能技能目標：能掌握設(shè)計新增留言、保存與刪除留言動態(tài)網(wǎng)頁的技能態(tài)度目標：端正態(tài)度，配合伙伴完成任務(wù)。德育目標：養(yǎng)成良好的團隊協(xié)作精神，學會彼此配合協(xié)作完成項目任務(wù)，成果分享。教學重點難點重點：能掌握設(shè)計新增留言、保存與刪除留言動態(tài)網(wǎng)頁的技能難點：能掌握設(shè)計新增留言、保存與刪除留言動態(tài)網(wǎng)頁的技能，能排除簡單問題故障教學設(shè)計說明教學內(nèi)容以崗位工作任務(wù)出現(xiàn)，為學生將來快速融入崗位工作打基礎(chǔ)。教學重點是培養(yǎng)學生熟練的操作技能。通過訓練與強調(diào)，突破關(guān)鍵點。訓練結(jié)束后，接軌企業(yè)實際，施工任務(wù)單技術(shù)歸檔的填寫，是崗位標準化技能訓練的一部分。教學活動流程教學步驟與內(nèi)容教學組織形式教學方法達成目標1、新課導(dǎo)入新課導(dǎo)入同學們，平時用手機聊天時，發(fā)出去的消息會自動保存到聊天記錄里，想刪除某條消息長按就能操作，寫錯的內(nèi)容還能點擊編輯修改——這就像在管理一個“電子消息庫”。今天我們要做一個類似的“留言管理網(wǎng)頁”……任務(wù)描述根據(jù)公司決定，為解決上傳信息不完整所導(dǎo)致的問題，網(wǎng)絡(luò)信息部門需要設(shè)計動態(tài)網(wǎng)頁來核驗每一條記錄，并提供可編輯修改功能。此外，電話、信件等留言方式也需要同步保存到系統(tǒng)中，以便進行統(tǒng)一管理。網(wǎng)絡(luò)信息部門負責人指派工程師小明完成這項任務(wù)。工程師小明需要在位于C:\0504的項目建設(shè)路徑中創(chuàng)建名為“l(fā)iuyan”的項目。已完成的模板頁Site.Master文件位于C:\素材文件夾中。工程師小明需要設(shè)計名為“050401.php”的動態(tài)網(wǎng)頁，用于實現(xiàn)這一功能。任務(wù)要求：（1）設(shè)計名為“050401.php”的動態(tài)網(wǎng)頁，可以新增留言并保存留言數(shù)據(jù)。（2）設(shè)計名為“050401del.php”的動態(tài)網(wǎng)頁，提供可刪除選擇的某一條留言數(shù)據(jù)的功能，以便完成公司要求的刪除任務(wù)。工程師小明需要將這些要求融入動態(tài)網(wǎng)頁的設(shè)計，確保用戶可以方便地新增、保存留言數(shù)據(jù)，也能按任務(wù)要求刪除選擇的某一條留言數(shù)據(jù)。這將提高信息管理功能的完整性，并使公司能夠更有效地管理留言數(shù)據(jù)。完成后，工程師小明應(yīng)將動態(tài)網(wǎng)頁放置在項目路徑下的“l(fā)iuyan”文件夾中，確保功能正常運行?！?50401.php”動態(tài)網(wǎng)頁效果如圖5-4-1所示。以提問的方式展開與學生的互動，引出本課堂教學內(nèi)容。項目串聯(lián)教學法根據(jù)學校要求安排按情況適度安排愛國主義、職業(yè)素養(yǎng)等思政內(nèi)容，初步了解知識概念即可。2、講解示范任務(wù)分析工程師小明在仔細分析研究了需求情況后，確定通過Dreamweaver軟件用文件集成系統(tǒng)提供的功能來完成任務(wù)，實現(xiàn)對記錄數(shù)據(jù)進行刪除的功能，同時能夠?qū)崿F(xiàn)部門負責人布置的任務(wù)要求。（1）數(shù)據(jù)庫系統(tǒng)主要技術(shù)參數(shù)：連接名稱為“PHPMySQL”，MySQL服務(wù)器IP地址為“127.0.0.1”，用戶名為“root”，密碼為“168168”，數(shù)據(jù)庫名稱為“l(fā)iuyan”。（2）網(wǎng)站系統(tǒng)主要技術(shù)參數(shù)：Web站點路徑為C:\phpweb。Web測試IP地址為127.0.0.1。Web測試端口號為8899。（3）網(wǎng)頁文件名為“050401.php”。（4）引入PHPMySQL數(shù)據(jù)庫連接文件。（5）查詢留言記錄并進行分頁處理，限制每頁顯示1條記錄。（6）通過循環(huán)遍歷輸出每條留言記錄，并每條留言數(shù)據(jù)設(shè)計刪除按鈕。（7）在每條記錄后面添加隱藏的表單字段，用于編輯和刪除操作。（8）設(shè)計相應(yīng)動態(tài)網(wǎng)頁使其能新增留言并保存留言數(shù)據(jù)。（9）完成設(shè)計后，進行全面測試、調(diào)試和驗收工作，確保頁面在各種瀏覽器和設(shè)備上的兼容性和正常顯示，記錄主要施工技術(shù)參數(shù)。以上是對任務(wù)的簡要分析，工程師小明需要根據(jù)這個分析，按照要求進行網(wǎng)頁設(shè)計和編碼，確保留言數(shù)據(jù)的分頁展示、編輯功能正常運行。在設(shè)計過程中，應(yīng)注意代碼的可靠性、安全性和可維護性。完成后，進行充分的測試和調(diào)試，確保功能無誤。如有問題或需要進一步指導(dǎo)，請及時與領(lǐng)導(dǎo)溝通并尋求支持。

方法和步驟1．準備工作按照網(wǎng)站規(guī)劃參數(shù)進行配置。Web站點路徑：C:\phpweb。Web測試IP地址：127.0.0.1。Web測試端口號：8899。參照項目一中任務(wù)一、任務(wù)二、任務(wù)三，配置好WAMP環(huán)境，配置好Dreamweaver網(wǎng)站環(huán)境，如果已經(jīng)配置好WAMP環(huán)境和Dreamweaver網(wǎng)站環(huán)境，本步驟可以略過，啟動配置WAMP與Dreamweaver創(chuàng)建網(wǎng)站過程詳見項目一的三個任務(wù)步驟，在MySQL數(shù)據(jù)庫服務(wù)器中，準備好“l(fā)iuyan”數(shù)據(jù)庫和“l(fā)iuyan”表，準備好賬號“root”、密碼“168168”備用。2．創(chuàng)建設(shè)計“050401.php”動態(tài)網(wǎng)頁（1）鼠標單擊“開始”→“動態(tài)網(wǎng)頁”、啟動Dreamweaver軟件，單擊“文件”菜單，單擊“新建”創(chuàng)建PHP動態(tài)網(wǎng)頁“050401.php”。（2）網(wǎng)頁屬性中鍵盤輸入網(wǎng)頁標題“新增留言保存與刪除留言”。（3）在網(wǎng)頁中從文件夾image選擇插入圖片700.jpg，修改圖片700.jpg默認寬度為750，鍵盤輸入組合鍵“Shift+Enter”換行，插入標題2格式<h2></h2>，h2中鍵盤輸入文字“新增留言保存與刪除留言”，鍵盤輸入組合鍵“Shift+Enter”換行，再從文件夾image選擇插入圖片602.gif。（4）連接MySQL數(shù)據(jù)庫“l(fā)iuyan”（詳細步驟和示意圖見項目五任務(wù)一）。單擊“窗口”菜單，單擊下拉菜單中“數(shù)據(jù)庫”，單擊“窗口”菜單，單擊下拉菜單中“數(shù)據(jù)庫”。單擊數(shù)據(jù)庫面板標簽中“+”按鈕，再選擇“MySQL連接”選項彈出“MySQL連接”對話框，輸入連接名稱、MySQL服務(wù)器、用戶名、密碼，單擊“選取”按鈕，提出選取數(shù)據(jù)庫對話框中選擇數(shù)據(jù)庫“l(fā)iuyan”，單擊“確定”按鈕，返回“MySQL連接”對話框，這時已經(jīng)完成參數(shù)填寫，單擊“測試”按鈕，彈出對話框提示“成功創(chuàng)建連接腳本”，單擊“確定”按鈕，再單擊“確定”按鈕，至此完成了創(chuàng)建MySQL數(shù)據(jù)庫連接的操作。（5）在數(shù)據(jù)庫面板標簽中，能看到剛剛創(chuàng)建的PHPMySQL連接。完成此操作后在網(wǎng)站根目錄下，會自動建立目錄Connections，在該目錄中會自動建立PHPMySQL.php文件，打開PHPMySQL.php文件，在源代碼末尾加一句“mysql_set_charset('utf8',$PHPMySQL);”，作用是防止瀏覽器顯示中文時亂碼，見源代碼第12行，修改后請保存并關(guān)閉。（6）光標定位在標題“新增留言保存與刪除留言”下方，鼠標單擊“窗口”菜單，選擇“插入”選項，調(diào)出插入面板，在插入面板中單擊“數(shù)據(jù)”，鼠單擊“插入記錄:插入記錄表單向?qū)А卑粹o邊上小黑三角，在彈出菜單中選擇“插入記錄表單向?qū)А边x項，如圖5-4-2所示。（7）彈出“插入記錄表單”對話框，在對話框中，連接處選擇“PHPMySQL”，表格處選擇“l(fā)iuyan”，插入后轉(zhuǎn)到處輸入或者瀏覽選擇“050201.php”，表單字段處通過“+”“-”中的按鈕“-”對選擇的字段進行操作，最終保留“l(fā)y_biaoti”“l(fā)y_neirong”字段，其他保持默認，鼠標單擊“確定”按鈕，如圖5-4-3所示。（8）源代碼中，找到語句“<inputtype="submit"value="插入記錄"/>”，把按鈕提示文字“插入記錄”改為“新增留言保存”，修改表格中“Ly_biaoti”為“標題”，修改表格中“Ly_neirong”為“內(nèi)容”，選擇內(nèi)容右邊的控件，修改屬性為“多行”，行數(shù)為6，修改后如圖5-4-4所示。1教師做中教2學生做中學3運用多媒體教學手段4輔助教學運用WAMP集成環(huán)境與Dreamweaver可視化環(huán)境相結(jié)合項目串聯(lián)教學法通過講解操作演示，同時強調(diào)過程中的關(guān)鍵步驟或參數(shù)等相關(guān)操作。3、操作訓練教師演示操作安裝與配置，學生按照項目任務(wù)要求、方法與操作步驟進行訓練。1教師做中教2學生做中學3運用多媒體教學手段4輔助教學運用WAMP集成環(huán)境與Dreamweaver可視化環(huán)境相結(jié)合項目串聯(lián)教學法幫助學生理解知道或了解相關(guān)概念知識，切實掌握相關(guān)操作技能。4、課堂小結(jié)\教師點評小結(jié)本次課內(nèi)容，同時重點強調(diào)能掌握，能排除簡單問題故障，同時了解知道其相關(guān)知識概念。利用多媒體等手段，強調(diào)知識與技能要點進行總結(jié)，并布置課后的作業(yè)內(nèi)容。全體

講授鞏固知識與技能。課外作業(yè)一、填空題1．ODBC________是數(shù)據(jù)庫連接標準，旨在為應(yīng)用程序和數(shù)據(jù)庫提供統(tǒng)一的________，可實現(xiàn)不同數(shù)據(jù)庫系統(tǒng)之間的平滑無障礙對接。ODBC的核心思想是通過提供通用的、標準化的________，使開發(fā)人員能夠在不同數(shù)據(jù)庫系統(tǒng)之間共享代碼、________和操作數(shù)據(jù)，而無須關(guān)心底層數(shù)據(jù)庫的具體實現(xiàn)細節(jié)。這為數(shù)據(jù)庫操作提供了更大的________和可移植性。2．在PHP中，ODBC提供了________，使開發(fā)人員能夠通過ODBC________與多種數(shù)據(jù)庫進行________。這意味著，無論是MicrosoftSQLServer、Oracle、MySQL還是其他類型的________，開發(fā)人員都可以使用相同的________來連接、查詢和操作數(shù)據(jù)，從而降低了學習和管理不同數(shù)據(jù)庫系統(tǒng)的難度。二、敘述題1．簡述在PHP中使用ODBC可以帶來哪些好處。2．簡述MySQL命令UPDATE的功能、格式、參數(shù)和用途。3．簡述MySQL命令DELETE的功能、格式、參數(shù)和用途。教學回顧通過本次課，能熟悉相關(guān)概念，培養(yǎng)學生動手操作能力以及提出問題、思考問題和解決問題的能力；培養(yǎng)學生正確認識本門課程學習的意義及遵守行業(yè)規(guī)范的職業(yè)道德規(guī)范和綜合素養(yǎng)。

05任務(wù)四設(shè)計新增留言、保存與刪除留言動態(tài)網(wǎng)頁任務(wù)描述根據(jù)公司決定，為解決上傳信息不完整所導(dǎo)致的問題，網(wǎng)絡(luò)信息部門需要設(shè)計動態(tài)網(wǎng)頁來核驗每一條記錄，并提供可編輯修改功能。此外，電話、信件等留言方式也需要同步保存到系統(tǒng)中，以便進行統(tǒng)一管理。網(wǎng)絡(luò)信息部門負責人指派工程師小明完成這項任務(wù)。工程師小明需要在位于C:\0504的項目建設(shè)路徑中創(chuàng)建名為“l(fā)iuyan”的項目。已完成的模板頁Site.Master文件位于C:\素材文件夾中。工程師小明需要設(shè)計名為“050401.php”的動態(tài)網(wǎng)頁，用于實現(xiàn)這一功能。任務(wù)要求：（1）設(shè)計名為“050401.php”的動態(tài)網(wǎng)頁，可以新增留言并保存留言數(shù)據(jù)。（2）設(shè)計名為“050401del.php”的動態(tài)網(wǎng)頁，提供可刪除選擇的某一條留言數(shù)據(jù)的功能，以便完成公司要求的刪除任務(wù)。工程師小明需要將這些要求融入動態(tài)網(wǎng)頁的設(shè)計，確保用戶可以方便地新增、保存留言數(shù)據(jù)，也能按任務(wù)要求刪除選擇的某一條留言數(shù)據(jù)。這將提高信息管理功能的完整性，并使公司能夠更有效地管理留言數(shù)據(jù)。完成后，工程師小明應(yīng)將動態(tài)網(wǎng)頁放置在項目路徑下的“l(fā)iuyan”文件夾中，確保功能正常運行?！?50401.php”動態(tài)網(wǎng)頁效果如圖5-4-1所示。任務(wù)分析工程師小明在仔細分析研究了需求情況后，確定通過Dreamweaver軟件用文件集成系統(tǒng)提供的功能來完成任務(wù)，實現(xiàn)對記錄數(shù)據(jù)進行刪除的功能，同時能夠?qū)崿F(xiàn)部門負責人布置的任務(wù)要求。（1）數(shù)據(jù)庫系統(tǒng)主要技術(shù)參數(shù)：連接名稱為“PHPMySQL”，MySQL服務(wù)器IP地址為“127.0.0.1”，用戶名為“root”，密碼為“168168”，數(shù)據(jù)庫名稱為“l(fā)iuyan”。（2）網(wǎng)站系統(tǒng)主要技術(shù)參數(shù)：Web站點路徑為C:\phpweb。Web測試IP地址為127.0.0.1。Web測試端口號為8899。（3）網(wǎng)頁文件名為“050401.php”。（4）引入PHPMySQL數(shù)據(jù)庫連接文件。（5）查詢留言記錄并進行分頁處理，限制每頁顯示1條記錄。（6）通過循環(huán)遍歷輸出每條留言記錄，并每條留言數(shù)據(jù)設(shè)計刪除按鈕。（7）在每條記錄后面添加隱藏的表單字段，用于編輯和刪除操作。（8）設(shè)計相應(yīng)動態(tài)網(wǎng)頁使其能新增留言并保存留言數(shù)據(jù)。（9）完成設(shè)計后，進行全面測試、調(diào)試和驗收工作，確保頁面在各種瀏覽器和設(shè)備上的兼容性和正常顯示，記錄主要施工技術(shù)參數(shù)。以上是對任務(wù)的簡要分析，工程師小明需要根據(jù)這個分析，按照要求進行網(wǎng)頁設(shè)計和編碼，確保留言數(shù)據(jù)的分頁展示、編輯功能正常運行。在設(shè)計過程中，應(yīng)注意代碼的可靠性、安全性和可維護性。完成后，進行充分的測試和調(diào)試，確保功能無誤。如有問題或需要進一步指導(dǎo)，請及時與領(lǐng)導(dǎo)溝通并尋求支持。思考與練習一、填空題1．ODBC________是數(shù)據(jù)庫連接標準，旨在為應(yīng)用程序和數(shù)據(jù)庫提供統(tǒng)一的________，可實現(xiàn)不同數(shù)據(jù)庫系統(tǒng)之間的平滑無障礙對接。ODBC的核心思想是通過提供通用的、標準化的________，使開發(fā)人員能夠在不同數(shù)據(jù)庫系統(tǒng)之間共享代碼、________和操作數(shù)據(jù)，而無須關(guān)心底層數(shù)據(jù)庫的具體實現(xiàn)細節(jié)。這為數(shù)據(jù)庫操作提供了更大的________和可移植性。2．在PHP中，ODBC提供了________，使開發(fā)人員能夠通過OD