重點(diǎn)內(nèi)容
驗(yàn)證碼的添加與自動(dòng)刷新
TP5官方手冊(cè)中踊淳，已經(jīng)很明確的表示如何添加驗(yàn)證碼了驯嘱。在雜項(xiàng)那一欄镶苞。所以，我需要做的事情是：
上面那個(gè)鞠评，是模板中沒(méi)有插入驗(yàn)證碼的地方茂蚓，才那么寫。而我的模板中剃幌，已經(jīng)給了驗(yàn)證碼地方聋涨，只是由于路徑等原因，驗(yàn)證碼無(wú)法顯示锥忿。因此牛郑，將模板中插入驗(yàn)證碼地方的src改成上圖的模樣即可。改好之后如下圖：
驗(yàn)證碼的大小之類的敬鬓，都是可以修改的淹朋。官方手冊(cè)里面也都提到了
同時(shí)，為了更加美觀钉答，模板自帶的驗(yàn)證碼提示值可以去掉础芍，但是我看了一下模板，用的是placeholder数尿，不是value仑性，因此不用去掉，挺美觀的右蹦。但是诊杆，login.html這個(gè)頁(yè)面的底部有百度的推廣腳本。把他得刪掉何陆。（忘了取消按鈕了晨汹，登錄頁(yè)面也可以刪掉。贷盲。淘这。沒(méi)必要有取消按鈕。。铝穷。）
下面這幅圖是百度推廣信息钠怯，刪除
現(xiàn)在用ajax提交數(shù)據(jù)是主流，因此需要修改提交按鈕的type曙聂，不再是submit提交了晦炊。
先把type='submit'改成type='button'
然后，需要注意的是筹陵，登錄頁(yè)面有三個(gè)表格數(shù)據(jù)要提交刽锤，賬號(hào)镊尺，密碼朦佩，還有驗(yàn)證碼。為了能夠讓控制器校驗(yàn)成功庐氮，需要給這三個(gè)地方都添加name屬性语稠，這點(diǎn)很重要！
同時(shí)弄砍，為了讓用戶點(diǎn)擊登錄的時(shí)候仙畦，提交數(shù)據(jù)，所以先給登錄按鈕一個(gè)id="login"音婶，方便后面用jquery編寫提交數(shù)據(jù)的腳本
補(bǔ)充概念A(yù)jax:就是點(diǎn)擊頁(yè)面上按鈕的時(shí)候慨畸，不卡頓，很流暢的技術(shù)衣式。如果用以前的提交方式寸士，那么數(shù)據(jù)會(huì)一個(gè)一個(gè)提交，容易卡頓碴卧，用戶體驗(yàn)差弱卡。直白地說(shuō)，就是沒(méi)用AJAX的網(wǎng)頁(yè)住册，你點(diǎn)一個(gè)按鈕就要刷新一下頁(yè)面婶博，盡管新頁(yè)面上只有一行字和當(dāng)前頁(yè)面不一樣，但你還是要無(wú)聊地等待頁(yè)面刷新荧飞。用了AJAX之后凡人，你點(diǎn)擊，然后頁(yè)面上的一行字就變化了叹阔，頁(yè)面本身不用刷挠轴，AJAX只是一種技術(shù)，不是某種具體的東西条获。不同的瀏覽器有自己實(shí)現(xiàn)AJAX的組件
補(bǔ)充概念json：json是一種輕量級(jí)的數(shù)據(jù)交換格式
下面忠荞，在準(zhǔn)備寫jquery代碼之前，需要給上面的提交button這個(gè)按鈕增加id值，目的是方便jquery獲取委煤。
上面這一步完成之后堂油，達(dá)到的效果只是頁(yè)面點(diǎn)擊一下刷新按鈕，驗(yàn)證碼才會(huì)重新生成一張碧绞。但是府框，為了能夠點(diǎn)擊“看不清換一張”就刷新驗(yàn)證碼，還得做下面的事情讥邻。
接著在底部編寫腳本迫靖，同時(shí)對(duì)應(yīng)要給驗(yàn)證碼圖片，記住是圖片兴使，增加id系宜，否則底部腳本獲取不到
很短的代碼，由于不熟悉发魄，寫了很多解析盹牧。
