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

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

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

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

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