《PHP動態(tài)網(wǎng)站開發(fā)》模擬教學(xué)31圖片驗證碼的升級

團隊合作責任開拓專業(yè)：軟件技術(shù)課程：PHP動態(tài)網(wǎng)站開發(fā)主題：表單數(shù)據(jù)處理--以注冊和登錄為例第5學(xué)時模擬教學(xué)2019年山東省職業(yè)院校教學(xué)能力大賽教案目錄

Contents教案

目錄你的數(shù)據(jù)合法了嗎？-注冊表單的數(shù)據(jù)驗證1驗證碼為你保駕護航-驗證碼的作用與創(chuàng)建2驗證碼為你保駕護航-驗證碼的升級、加載與刷新3驗證碼為你保駕護航-驗證碼的正確性判斷4驗證碼為你保駕護航-表單數(shù)據(jù)回填5你心儀的賬號被人用了嗎？-注冊信息的查重6你的數(shù)據(jù)會去哪里？-注冊信息的保存與加密7你的賬號能用了嗎？-實現(xiàn)登錄功能8教學(xué)內(nèi)容

Contents圖片驗證碼的升級0102圖片驗證碼的插入和刷新重點+難點：圖片驗證碼的插入及位置調(diào)整使用js函數(shù)實現(xiàn)驗證碼的刷新操作重點：函數(shù)imageline()和imagesetpixel()的應(yīng)用圖片驗證碼的升級搶答問題：這樣的圖片驗證碼有什么缺陷？該如何解決？課前預(yù)習(xí)課中探究課中練習(xí)課中考核課后提升這樣的驗證碼，很容易被機器識別，形同虛設(shè)。要增加干擾因素諄諄教導(dǎo)未來的程序猿，大家不能因為接近成功而不再努力，行百里者半九十，項目不能是半成品，你們必須要有精益求精的工匠精神，力求將事情做到極致。未來的程序猿，你該怎樣做？課前預(yù)習(xí)課中探究課中練習(xí)課中考核課后提升圖片驗證碼的升級-增加干擾因素隨機畫兩條直線產(chǎn)生驗證碼字符隨機設(shè)置100個黑色像素第一步第二步課前預(yù)習(xí)課中探究課中練習(xí)課中考核課后提升第一步，隨機設(shè)置100個黑色像素重點

難點重點內(nèi)容：函數(shù)imagesetpixel()的作用及格式教學(xué)方法：講授+啟發(fā)引導(dǎo)課前預(yù)習(xí)課中探究課中練習(xí)課中考核課后提升難點內(nèi)容：隨機設(shè)置100個黑色像素的操作流程教學(xué)方法：流程圖動畫重點內(nèi)容：函數(shù)imagesetpixel()的作用和格式作用：設(shè)置圖像中指定位置像素的顏色格式：imagesetpixel(圖像,橫坐標,縱坐標,顏色)課前預(yù)習(xí)課中探究課中練習(xí)課中考核課后提升前期生成的圖像$img用于指定

像素這里取用黑色$black搖一搖回答問題：該函數(shù)與上節(jié)課學(xué)習(xí)的哪個函數(shù)從參數(shù)結(jié)構(gòu)方面完全一致？其中兩個坐標參數(shù)用于設(shè)置哪個點？填充圖像背景色函數(shù)imagefill()，兩個坐標用于設(shè)置填充區(qū)域左上角頂點坐標，通常設(shè)置為(0,0)重點+難點：隨機設(shè)置100個黑色像素的操作流程課前預(yù)習(xí)課中探究課中練習(xí)課中考核課后提升開始在圖像中調(diào)配黑色$black隨機產(chǎn)生0-99之間的數(shù)字作為橫坐標$x中$i<=99?設(shè)置循環(huán)變量$i初值為0隨機產(chǎn)生0-24之間的數(shù)字作為縱坐標$y中使用imagesetpixel($img,$x,$y,$black)設(shè)置指定像素為黑色完成循環(huán)變量$i加1操作結(jié)束NOYES搶答問題：循環(huán)變量$i的初值和終值還可換成什么樣的取值？為什么可以換？此處使用的是0-99，換成1-100,2-101等等都行，只要保證循環(huán)100次即可，因為該循環(huán)變量只用于控制循環(huán)次數(shù)，并沒有參與循環(huán)體內(nèi)部的操作在圖片中隨機設(shè)置100個黑色像素-代碼實現(xiàn)按照流程圖中給定的步驟，在原有的圖片驗證碼中使用100次循