-
制作網(wǎng)頁(yè)時(shí)的驗(yàn)證碼部分的代碼
查看全部 -
驗(yàn)證碼總結(jié):
流程圖:
生成圖片的實(shí)現(xiàn)類:
開源組件實(shí)現(xiàn)驗(yàn)證碼:
查看全部 -
獲取隨機(jī)數(shù)值,結(jié)果相加
將計(jì)算公式寫到驗(yàn)證碼圖片中
把相加結(jié)果放到session中
查看全部 -
驗(yàn)證碼長(zhǎng)度 <init-param> ?<param-name>kaptcha.textproducer.char.length</param-name> ?<param-value>5</param-value> ?</init-param>
kaptcha組件詳細(xì)配置——驗(yàn)證碼配置 文本實(shí)現(xiàn)類:kaptcha.textproducer.impl 值為:com.google.code.kaptcha.text.impl.DefaultTextCreator 驗(yàn)證碼值配置:kaptcha.textproducer.char.string 值:abcde2345678gfynmnpwx(隨意你自己寫) 驗(yàn)證碼的長(zhǎng)度:kaptcha.textproducer.char.length 值: 字體:kaptcha.textproducer.font.names 值:Arial,Courier 字體顏色:kaptcha.textproducer.font.color 值: r,g,b 或者 white,black,blue 文字間隔:kaptcha.textproducer.char.space 值: 干擾實(shí)現(xiàn)類:kaptcha.noise.impl 值:com.google.code.kaptcha.impl.DefaultNoise/NoNoise 干擾顏色:kaptcha.noise.color 值: r,g,b 或者 white,black,blue 圖片樣式:kaptcha.obscurificator.impl 值:水紋com.google.code.kaptcha.impl.WaterRipple;魚眼com.google.code.kaptcha.impl.FishEyeGimpy;陰影com.google.code.kaptcha.impl.ShadowGimpy 背景實(shí)現(xiàn)類:kaptcha.background.impl 值:com.google.code.kaptcha.impl.DefaultBackground 背景漸變色(開始/結(jié)束):kaptcha.background.clear.from/to 值:r,g,b 或者 white,black,blue 文字渲染器:kaptcha.word.impl 值:com.google.code.kaptcha.text.impl.DefaultWordRenderer session中存放驗(yàn)證碼的key鍵:kaptcha.session.key 值:KAPTCHA_SESSION_KEY
查看全部 -
驗(yàn)證碼的實(shí)現(xiàn)原理圖,再次的復(fù)習(xí)一下,其實(shí)關(guān)鍵的地方在于兩個(gè):<br> 1:如何生成驗(yàn)證碼<br> 2:如何驗(yàn)證用戶輸入的驗(yàn)證碼和我們要求用戶輸入的是否一致 生成驗(yàn)證碼,特別是比較個(gè)性、比較好玩的驗(yàn)證碼的生成過程即費(fèi)事意義又不大(相對(duì)于業(yè)務(wù)邏輯的處理),并且還有開源的組件能提供支持,當(dāng)然,就是用開源組件了。
查看全部 -
本節(jié)內(nèi)容比較簡(jiǎn)單,就是將生的驗(yàn)證碼放在了Session中,然后通過一個(gè)表單請(qǐng)求將用戶輸入的驗(yàn)證碼和放置在回話中的驗(yàn)證碼比較一下是否一樣。 web.xml <servlet> <servlet-name>ImagerServlet</servlet-name> <servlet-class>com.imooc.ImageServlet</servletclass> </servlet> <servlet> <servlet-name>LoginServlet</servlet-name> <servlet-class>com.imooc.LoginServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>InageServlet</servlet-name> <url-patten>/servlet/ImageServlet<url-pattern> </servlet-mapping> <servlet-name>LogingServlet</servlet-name> <url-pattern>/servlet/LoginServlet</url-pattern> </servlet-mapping>
查看全部 -
驗(yàn)證碼實(shí)現(xiàn)的過程:<br> 1:打開開發(fā)工具,創(chuàng)建驗(yàn)證碼的實(shí)現(xiàn)項(xiàng)目<br> 2:創(chuàng)建驗(yàn)證碼的頁(yè)面——重點(diǎn)是驗(yàn)證碼圖片的路徑是一個(gè)動(dòng)態(tài)請(qǐng)求 3:創(chuàng)建生成驗(yàn)證碼圖片信息的Servlet類——重點(diǎn)還是這個(gè)驗(yàn)證碼圖片的生成的實(shí)現(xiàn)過程 4:配置web.xml文件 5:實(shí)現(xiàn)點(diǎn)擊“看不清”的方法——這里需要注意的是,IE瀏覽器對(duì)于同一個(gè)請(qǐng)求路徑,默認(rèn)是不去請(qǐng)求新的資源的,他會(huì)到緩存中去那對(duì)應(yīng)的內(nèi)容,解決的方法就是給請(qǐng)求的路徑加一個(gè)隨機(jī)數(shù),讓IE適中認(rèn)為這是一個(gè)新的請(qǐng)求。 6:驗(yàn)證、調(diào)試、完善、應(yīng)用到實(shí)際的工作之中。
ImageServlet的實(shí)現(xiàn)過程: ①創(chuàng)建圖片緩存區(qū)BufferedImage對(duì)象; ②創(chuàng)建制圖工具Graphics對(duì)象,對(duì)其設(shè)置顏色和邊框 ③使用Random()隨機(jī)獲取字符對(duì)象和顏色來繪制驗(yàn)證碼圖片;并將驗(yàn)證碼保存到StringBuffer對(duì)象中,并保存在session中 ④輸出圖片,用ImageIO.write(bi,"JPG",response.getOutputStrean());//其中bi是BufferedImage對(duì)象。
查看全部 -
使用Servlet實(shí)現(xiàn)驗(yàn)證碼制作 網(wǎng)頁(yè)顯示驗(yàn)證碼: <input type="text" id="verifyCode" name="verifyCode" size="6" /> <img alt="驗(yàn)證碼" src="<%=request.getContextPath()%>/servlet/ImageServlet" /> 運(yùn)用Servlet隨機(jī)生成圖片,用到的類: 1. BufferedImage圖像數(shù)據(jù)緩沖區(qū) 2. Graphics繪制圖片 3. Color獲取顏色 4. Random生成隨機(jī)數(shù) 5. ImageIO輸出圖片 ImageServlet類 1. 定義BufferedImage對(duì)象 2. 獲取Graphics對(duì)象 3. Random隨機(jī)生成驗(yàn)證碼信息 4. 使用Graphics繪制圖片 5. 驗(yàn)證碼信息放入StringBuffer緩沖區(qū),再傳入Session中 6. 使用ImageIO輸出圖片 CheckServlet類//校驗(yàn)驗(yàn)證碼是否正確 1. 獲取頁(yè)面提交的驗(yàn)證碼 2. 獲取Session中的驗(yàn)證碼 3. 信息校驗(yàn) 4. 返回結(jié)果
查看全部 -
驗(yàn)證碼實(shí)現(xiàn)流程
查看全部 -
校驗(yàn)驗(yàn)證碼是否正確
查看全部 -
生成驗(yàn)證碼圖片?
查看全部 -
生成圖片的實(shí)現(xiàn)類
查看全部 -
驗(yàn)證碼定義
查看全部 -
沒有驗(yàn)證碼帶來的問題
查看全部 -
jcaptcha組件配置代碼
查看全部 -
.....續(xù)
查看全部 -
生成驗(yàn)證碼圖片
查看全部 -
servlet驗(yàn)證碼生成圖片
查看全部 -
生成圖片的實(shí)現(xiàn)類——ImageServlet類查看全部
-
驗(yàn)證碼總結(jié)
查看全部 -
算式驗(yàn)證碼的實(shí)現(xiàn)步驟:
查看全部
舉報(bào)