37 Task 12 Display Verification Code with“layui”PHP动态网站开发项目教程课件

Project2OnlineVotingSystemSchoolofSoftware,ChengduPolytechnicLecturer:MuQichunTask12DisplayVerificationCodewith“layui”ProgrammingIhaveused“Layui”todisplaytheregistration,login,datamodificationpagesinthepreviousprojectproduction,andIhasrealizedtheconvenienceof“Layui”.Wewillusethepopupprovidedby“Layui”todisplaythevotingverificationcodeinthistask.Infact,thisstepisalsooneofthevotingrestrictions.WewillnotexplaintheprincipleanduseofverificationcodesincewehaveintroducedtheuseofverificationinProject1.Now,let'sexplainhowtouse“Layui”topopuptheverificationcode.Whenwedisplaytheloginandregistrationpages,weusethe“open”methodof“layer”,andintheparameterconfiguration,thevalue2isadoptedforthe“type”(typeofbasiclayer).Thelayerprovidesfivelayertypes.Youcaninputthefollowingvalues:0(messagebox,default),1(pagelayer),2(iframelayer),3(loadlayer),and4(tipslayer).If“layer.open({type:1})”iscalled,typeisrequired(exceptfortheinfobox).Obviously,weusedtheiframelayertodisplayapagedirectly.Here,ourrequirementistoclickonthevehicletovote,thendisplaytheverificationcodefirst,andthenjumptothe“vote.php”pagetovote.Therefore,weneedtouseType1,thatis,thepagelayer.Thepagelayerdisplaysaform,whichdisplaystheverificationcode.Afterenteringtheverificationcode,clickSubmit,andthesystemjumpstothevote.phppage,thenvotingiscompleted.Thengobacktothehomepagetorefreshthepage.Gobacktoindex.phpandmodifythelinktothepicture:ProgrammingWecanseethatthelinktothepictureistomakea“showCode”of“JavaScript”methodanduploadtheIDparameterofthevehicle.Next,adda“showCode”of“JavaScript”methodtothepage:ProgrammingNext,enter“vote.php”page.Firstofall,judgewhethertheverificationcodeiscorrectbeforejudgingthevotingconditions.Thecodeisasfollows:SummaryInthislecture,weaddverificationcodefunctiontovoting,andtheverificationcodeisdisplayedbyusingthelayercomponentpoppedbythe“layer”,inthisway,theuserexperienceisbetter.Puttheverificati