Web安全與防護 （微課版）06-1 項目六 安全的文件上傳-任務(wù)一教案

XX學(xué)院課程教案開課學(xué)院XX學(xué)院課程名稱WEB安全與防護授課學(xué)期XX學(xué)年第X學(xué)期授課教師XXX授課班級XXX總課時64

項目六任務(wù)一《構(gòu)造簡單的文件上傳》教學(xué)設(shè)計方案一、教學(xué)分析課題名稱構(gòu)造簡單的文件上傳授課方式線下講課授課學(xué)時2授課地點授課時間202X年XX月XX日教學(xué)內(nèi)容1、任務(wù)描述：構(gòu)建一個基礎(chǔ)的文件上傳功能，實現(xiàn)前端到服務(wù)器的文件傳輸和存儲。2、知識準備：Linux操作系統(tǒng)的使用和PHP語言基礎(chǔ)。3、任務(wù)實施：實現(xiàn)一個簡單的PHP文件上傳示例，包含前端表單和后端文件保存邏輯。學(xué)情分析學(xué)習(xí)者前期學(xué)習(xí)了如何編寫PHP代碼的基礎(chǔ)知識，但缺乏融會貫通和綜合運用能力，未接觸過職業(yè)工作和專業(yè)技能競賽。教學(xué)目標知識目標1、了解文件上傳的基本概念及其類型。2、熟悉PHP文件上傳的功能編寫方法。能力目標1、能夠理解文件上傳的原理。2、能夠?qū)崿F(xiàn)PHP簡單的文件上傳。素質(zhì)目標1、養(yǎng)成解決問題時的逆向思維能力。2、培養(yǎng)一絲不茍的工作態(tài)度。教學(xué)重點PHP實現(xiàn)文件上傳功能教學(xué)難點使用PHP實現(xiàn)文件上傳的交互功能二、教學(xué)策略教學(xué)資源在線開放課程平臺，超星課程平臺，多媒體課件，理實一體化實訓(xùn)室，網(wǎng)絡(luò)教學(xué)資源。實物：教材，軟件工具包。教學(xué)方法與手段1、教學(xué)方法：案例法、講授法、自學(xué)法2、教學(xué)模式：采用線上線下混合教學(xué)模式教學(xué)重點解決措施重點：PHP實現(xiàn)文件上傳交互功能措施：老師講解加演示教學(xué)難點解決措施難點：使用PHP實現(xiàn)安全的文件上傳交互功能措施：老師講解加演示三、教學(xué)實施第1次課（2課時）課前準備教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計意圖備注提交手機，組織學(xué)生座位靠前，強調(diào)學(xué)習(xí)紀律，點名前次課程內(nèi)容回顧。教師組織教學(xué)學(xué)生看書，預(yù)習(xí)學(xué)生課前線上學(xué)習(xí)相關(guān)知識，引導(dǎo)學(xué)習(xí)方式轉(zhuǎn)變，培養(yǎng)自主學(xué)習(xí)能力。課中探究教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計意圖任務(wù)一構(gòu)造簡單的文件上傳引導(dǎo)學(xué)生通過教材、網(wǎng)絡(luò)及學(xué)習(xí)資料逐一預(yù)習(xí)相關(guān)的項目理論知識。本項目工作任務(wù)：1.了解什么是文件上傳2.構(gòu)造簡單的文件上傳3.文件上傳的類型4.文件上傳的數(shù)據(jù)存儲5.文件上傳的三個階段教師講授、演示。學(xué)生跟隨老師講課，加深印象，準備自己操作多媒體教學(xué)、啟發(fā)式教學(xué)1.了解什么是文件上傳文件上傳是將本地文件通過網(wǎng)絡(luò)傳輸?shù)椒?wù)器或其他設(shè)備的過程，常見類型包括圖片、文檔、音頻、視頻等，不同類型文件上傳需要不同的技術(shù)實現(xiàn)，如input標簽、base64編碼、分片傳輸?shù)取８黝愋臀募蟼鲗臻g、時間及處理方式的要求不同，不同網(wǎng)站或軟件對文件上傳的類型也可能有限制。2.構(gòu)造簡單的文件上傳

①php邏輯處理：通過判斷請求方法是否為POST，獲取上傳文件的信息（文件名、臨時文件名、大小、類型），設(shè)置上傳目錄并構(gòu)造完整的文件路徑。使用move_uploaded_file函數(shù)將臨時文件移動到目標路徑，成功則提示“文件上傳成功”，否則提示“上傳文件失敗”。②HTML表單：表單使用POST方法和multipart/form-data編碼類型，包含用于選擇文件的input元素和提交按鈕，允許用戶選擇并上傳文件。3.文件上傳的類型

介紹文件上傳可以通過點擊按鈕觸發(fā)、拖拽上傳、或者在剪切板進行粘貼上傳。4.文件上傳的數(shù)據(jù)存儲文件上傳數(shù)據(jù)的存儲是指瀏覽器端和服務(wù)器端如何交換和保存文件數(shù)據(jù)的過程。一般來說，瀏覽器端提供了一個表單，用戶可以選擇要上傳的文件，然后提交請求。瀏覽器會將文件數(shù)據(jù)和其他表單信息編碼并上傳至服務(wù)器端，服務(wù)器端將上傳的內(nèi)容進行解碼，提取出HTML表單中的信息，將文件數(shù)據(jù)存入指定的位置。5.文件上傳的三個階段①前端準備階段②請求發(fā)送階段③后端處理階段教師講授、演示。學(xué)生學(xué)習(xí)、模仿，練習(xí)。操作演示、啟發(fā)式教學(xué)課后拓展教學(xué)內(nèi)容教師活動學(xué)生活動設(shè)計意圖總結(jié)本節(jié)課知識點通過課后習(xí)題或課堂問答，引導(dǎo)同學(xué)進行總結(jié)。