-
不錯(cuò)不錯(cuò)查看全部
-
圖片驗(yàn)證碼查看全部
-
驗(yàn)證碼頁面的jsp查看全部
-
Image BufferedImage ImageGroup GenerateImageGroup ImageResult Cache LoginController查看全部
-
思路整理 每次顯示幾張圖片 答案圖片位置 選中位置坐標(biāo) 坐標(biāo)驗(yàn)證 前后關(guān)聯(lián)查看全部
-
程序設(shè)計(jì)——技術(shù)選擇 SpringMVC JSP Spring(4.0.5)查看全部
-
設(shè)計(jì)與實(shí)現(xiàn) 包結(jié)構(gòu) 主要類及作用查看全部
-
java 圖片驗(yàn)證的包與類查看全部
-
應(yīng)用技術(shù):StringMVC String jsp 整理思路: 1.每次顯示幾張圖片 2.答案圖片的位置 3.選中位置坐標(biāo) 4.坐標(biāo)驗(yàn)證 5.前后關(guān)聯(lián)查看全部
-
不同方案對(duì)比: 瀏覽器請(qǐng)求驗(yàn)證碼圖片 瀏覽器返回驗(yàn)證碼圖片以及驗(yàn)證碼圖片標(biāo)識(shí) 瀏覽器提交驗(yàn)證碼 服務(wù)器驗(yàn)證圖片內(nèi)容以及標(biāo)識(shí)查看全部
-
圖片驗(yàn)證碼查看全部
-
Java圖片驗(yàn)證碼——如何生成圖片-generateImage II 生成圖片算法: random(int min,int max),random(int min,int max,Integer...not)從ImageGroup中 group1-group11里面隨機(jī)取出一個(gè)數(shù)字,再?gòu)腎mageGroup找到對(duì)應(yīng)的key,拿到對(duì)應(yīng)的keyGroup int num = random(0,imageGroupMap.size()-1); String name = new ArrayList<String>(imageGroupMap.keySet()).get(num); ImageGroup keyGroup = imageGroupMap.get(name); keyGroup的思路可以從素材的分類可以看出 int leftCount = 8 - keyGroup.getCount();這段代碼是指在keyGroup得到圖片的數(shù)量,然后得到剩下還需要補(bǔ)充的圖片數(shù)量 case1:leftCount==4 如果隨機(jī)到偶數(shù),則在數(shù)量是4的圖片里面拿,也就是4+4=8; 如果隨機(jī)到奇數(shù),則在數(shù)量是2的圖片里面拿,也就是4+2+2=8; 第二次:加 2 調(diào)用random帶有三個(gè)參數(shù)的方法,是為了防止下一次刷新時(shí)上兩張圖片又重復(fù)出現(xiàn) case2:leftCount==6 如果隨機(jī)到偶數(shù),則在數(shù)量是6的圖片里面拿,也就是2+4+2=8; 如果隨機(jī)到奇數(shù),則在數(shù)量是6的圖片里面拿,也就是2+2+2+2=8; 奇數(shù)代碼處理類似leftCount是4的情況。 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我,加我慕課好友,互相學(xué)習(xí),共同進(jìn)步!】查看全部
-
Java圖片驗(yàn)證碼——如何生成圖片-generateImage I Ps:驗(yàn)證碼提示+該驗(yàn)證碼擁有的數(shù)量。 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我,加我慕課好友,互相學(xué)習(xí),共同進(jìn)步!】查看全部
-
Java圖片驗(yàn)證碼——頁面結(jié)構(gòu)及LoginController介紹 JS代碼思路羅列: document.getElementById(“insert”)去獲取包裝整個(gè)驗(yàn)證圖片的div(width=“300” height=“150”), 通過while循環(huán)去獲取div里面每張小圖對(duì)應(yīng)的偏移量。 while(obj) { leftValue += obj.offsetLeft; topValue += obj.offsetTop; obj = obj.offsetParent;返回一個(gè)對(duì)象的引用,這個(gè)對(duì)象是距離調(diào)用offsetParent的元素最近的。 } 接下來通過window.event時(shí)間去獲取觸發(fā)event對(duì)象的元素。 獲取那個(gè)imooc那個(gè)圖標(biāo)的位置,imgDivId是給每個(gè)每張圖片設(shè)置一個(gè)id標(biāo)識(shí)。 document.createElement()是在對(duì)象中創(chuàng)建一個(gè)對(duì)象,很好理解設(shè)置成塊級(jí)元素后面容易給定寬度高度定義它們的偏移位置。 最后通過inline解決div排擠問題,使每次點(diǎn)擊都能把各個(gè)div自動(dòng)排為一行,就象段內(nèi)的文字一樣~。 removeSelf就是再次點(diǎn)擊達(dá)到移除效果。 Ps:用location來向后傳遞坐標(biāo)。 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我,加我慕課好友,互相學(xué)習(xí),共同進(jìn)步!】查看全部
-
Java圖片驗(yàn)證碼——頁面結(jié)構(gòu)及LoginController介紹 JS代碼思路羅列: document.getElementById(“insert”)去獲取包裝整個(gè)驗(yàn)證圖片的div(width=“300” height=“150”), 通過while循環(huán)去獲取div里面每張小圖對(duì)應(yīng)的偏移量。 while(obj) { leftValue += obj.offsetLeft; topValue += obj.offsetTop; obj = obj.offsetParent;返回一個(gè)對(duì)象的引用,這個(gè)對(duì)象是距離調(diào)用offsetParent的元素最近的。 } 接下來通過window.event時(shí)間去獲取觸發(fā)event對(duì)象的元素。 獲取那個(gè)imooc那個(gè)圖標(biāo)的位置,imgDivId是給每個(gè)每張圖片設(shè)置一個(gè)id標(biāo)識(shí)。 document.createElement()是在對(duì)象中創(chuàng)建一個(gè)對(duì)象,很好理解設(shè)置成塊級(jí)元素后面容易給定寬度高度定義它們的偏移位置。 最后通過inline解決div排擠問題,使每次點(diǎn)擊都能把各個(gè)div自動(dòng)排為一行,就象段內(nèi)的文字一樣~。 removeSelf就是再次點(diǎn)擊達(dá)到移除效果。 Ps:用location來向后傳遞坐標(biāo)。 【溫馨提示:JavaSE/EE、SSH/SSM、Hybrid APP、JQ/JS/CSS3/H5等編程愛好者關(guān)注我,加我慕課好友,互相學(xué)習(xí),共同進(jìn)步!】查看全部
舉報(bào)
0/150
提交
取消