电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

vue+spring boot實現(xiàn)校驗碼功能

瀏覽:31日期:2022-09-29 11:10:50

本文實例為大家分享了vue+spring boot實現(xiàn)校驗碼功能的具體代碼,供大家參考,具體內(nèi)容如下

用vue寫了一個校驗碼來玩玩,樣子如下:

vue+spring boot實現(xiàn)校驗碼功能

1.img標簽

<img ='height:40px; width: 100px; cursor: pointer;' ref='imgIdentifyingCode' :src='http://www.hdgsjgj.cn/bcjs/selectedLogoPicture.imgUrl' >

2.js代碼

/** * 獲取校驗碼 */ getIdentifyingCode() { let selft = this; //let pic = this.$refs.imgIdentifyingCode selft.loadingChack = true; let uuid = Utils.getUuid(32, 16); this.$store.state.uuid = uuid; this.$api.reader.getVerify({ responseType: 'arraybuffer', uuid: uuid },r => { selft.loadingChack = false; selft.selectedLogoPicture.imgUrl = 'data:image/png;base64,' + r;} ); },

3.controller

@RequestMapping('/getVerify') public void getVerify(@RequestParam String uuid, HttpServletRequest request, HttpServletResponse response) { response.setContentType('image/jpeg');// 設置相應類型,告訴瀏覽器輸出的內(nèi)容為圖片 response.setHeader('Pragma', 'No-cache');// 設置響應頭信息,告訴瀏覽器不要緩存此內(nèi)容 response.setHeader('Cache-Control', 'no-cache'); response.setDateHeader('Expire', 0); userService.getRandcodedDawTransparent(uuid, request, response);// 輸出驗證碼圖片方法 }

4.service

@Override public void getRandcodedDawTransparent(String uuid, HttpServletRequest request, HttpServletResponse response) { try { Map<String, Object> map = CodeUtil.getRandcodedDawTransparent(); // 將生成的隨機字符串保存到session中 log.info('==保存的uuid:'+uuid); log.info('==保存的code:'+map.get('code')); sessionUtil.saveCode(uuid, map.get('code')); response.setContentType('image/png'); OutputStream out = response.getOutputStream(); out.write((byte[]) map.get('img')); out.flush(); out.close(); } catch (IOException e) { log.error(e.getMessage()); } }

5.util

public static Map<String, Object> getRandcodedDawTransparent() throws IOException { Map<String, Object> rsMap = new HashMap<>(); // 創(chuàng)建BufferedImage對象 BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB); // 獲取Graphics2D Graphics2D g2d = image.createGraphics(); // 增加下面代碼使得背景透明 image = g2d.getDeviceConfiguration().createCompatibleImage(width, height, Transparency.TRANSLUCENT); g2d.dispose(); g2d = image.createGraphics(); g2d.setFont(new Font('Times New Roman', Font.ROMAN_BASELINE, 18));// 字體大小 g2d.setColor(getRandColor(110, 133));// 字體顏色 // 繪制干擾線 for (int i = 0; i <= lineSize; i++) { drowLine(g2d, width, height); } // 繪制隨機字符 String randomString = ''; for (int i = 1; i <= stringNum; i++) { randomString = drowString(g2d, randomString, i); } log.info(randomString); rsMap.put('code', randomString); g2d.dispose(); ByteArrayOutputStream baos = new ByteArrayOutputStream();// io流 ImageIO.write(image, 'png', baos);// 寫入流中 byte[] bytes = baos.toByteArray();// 轉換成字節(jié) bytes = Base64.encodeBase64(bytes); rsMap.put('img', bytes); return rsMap; }

以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網(wǎng)。

標簽: Spring
相關文章:
主站蜘蛛池模板: 冷油器,取样冷却器,热力除氧器-连云港振辉机械设备有限公司 | 宽带办理,电信宽带,移动宽带,联通宽带,电信宽带办理,移动宽带办理,联通宽带办理 | 钢结构-钢结构厂房-钢结构工程[江苏海逵钢构厂] | 代写标书-专业代做标书-商业计划书代写「深圳卓越创兴公司」 | 长沙一级消防工程公司_智能化弱电_机电安装_亮化工程专业施工承包_湖南公共安全工程有限公司 | 名律网-法律问题咨询-找律师-法律知识| 外贮压-柜式-悬挂式-七氟丙烷-灭火器-灭火系统-药剂-价格-厂家-IG541-混合气体-贮压-非贮压-超细干粉-自动-灭火装置-气体灭火设备-探火管灭火厂家-东莞汇建消防科技有限公司 | LNG鹤管_内浮盘价格,上装鹤管,装车撬厂家-连云港赛威特机械 | 电主轴-高速精密电主轴-高速电机厂家-瑞德沃斯品牌有限公司 | 瓶盖扭矩测试仪-瓶盖扭力仪-全自动扭矩仪-济南三泉中石单品站 | Eiafans.com_环评爱好者 环评网|环评论坛|环评报告公示网|竣工环保验收公示网|环保验收报告公示网|环保自主验收公示|环评公示网|环保公示网|注册环评工程师|环境影响评价|环评师|规划环评|环评报告|环评考试网|环评论坛 - Powered by Discuz! | 锂电池生产厂家-电动自行车航模无人机锂电池定制-世豹新能源 | 成都APP开发-成都App定制-成都app开发公司-【未来久】 | Safety light curtain|Belt Sway Switches|Pull Rope Switch|ultrasonic flaw detector-Shandong Zhuoxin Machinery Co., Ltd | 海鲜池-专注海鲜鱼缸、移动海鲜缸、饭店鱼缸设计定做-日晟水族厂家 | 双效节能浓缩器-热回流提取浓缩机组-温州市利宏机械 | 重庆小面培训_重庆小面技术培训学习班哪家好【终身免费复学】 | 恒温恒湿试验箱_高低温试验箱_恒温恒湿箱-东莞市高天试验设备有限公司 | 礼仪庆典公司,礼仪策划公司,庆典公司,演出公司,演艺公司,年会酒会,生日寿宴,动工仪式,开工仪式,奠基典礼,商务会议,竣工落成,乔迁揭牌,签约启动-东莞市开门红文化传媒有限公司 | 房间温控器|LonWorks|海思 | 步进驱动器「一体化」步进电机品牌厂家-一体式步进驱动 | 武汉高温老化房,恒温恒湿试验箱,冷热冲击试验箱-武汉安德信检测设备有限公司 | 锂电混合机-新能源混合机-正极材料混料机-高镍,三元材料混料机-负极,包覆混合机-贝尔专业混合混料搅拌机械系统设备厂家 | 电脑刺绣_绣花厂家_绣花章仔_织唛厂家-[源欣刺绣]潮牌刺绣打版定制绣花加工厂家 | 数年网路-免费在线工具您的在线工具箱-shuyear.com | 生物制药洁净车间-GMP车间净化工程-食品净化厂房-杭州波涛净化设备工程有限公司 | 专注提供国外机电设备及配件-工业控制领域一站式服务商-深圳市华联欧国际贸易有限公司 | 商标转让-购买商标专业|放心的商标交易网-蜀易标商标网 | 企业管理培训,企业培训公开课,企业内训课程,企业培训师 - 名课堂企业管理培训网 | 洗地机-全自动/手推式洗地机-扫地车厂家_扬子清洁设备 | 金属软管_不锈钢金属软管_巩义市润达管道设备制造有限公司 | 818手游网_提供当下热门APP手游_最新手机游戏下载 | 合肥白癜风医院_合肥治疗白癜风医院_合肥看白癜风医院哪家好_合肥华研白癜风医院 | 立式_复合式_壁挂式智能化电伴热洗眼器-上海达傲洗眼器生产厂家 理化生实验室设备,吊装实验室设备,顶装实验室设备,实验室成套设备厂家,校园功能室设备,智慧书法教室方案 - 东莞市惠森教学设备有限公司 | 蜘蛛车-登高车-高空作业平台-高空作业车-曲臂剪叉式升降机租赁-重庆海克斯公司 | 搜活动房网—活动房_集装箱活动房_集成房屋_活动房屋 | 石家庄装修设计_室内家装设计_别墅装饰装修公司-石家庄金舍装饰官网 | 智能气瓶柜(大型气瓶储存柜)百科 | 刚性-柔性防水套管-橡胶伸缩接头-波纹管补偿器-启腾供水材料有限公司 | 北京签证代办_签证办理_商务签证_旅游签证_寰球签证网 | 电解抛光加工_不锈钢电解抛光_常州安谱金属制品有限公司 |