\u4e3b\u8981\u4ee3\u7801<\/strong><\/h2>\n\n\n\nKaptchaConfig.java<\/p>\n\n\n\n
@Component\npublic class KaptchaConfig {\n @Bean\n public DefaultKaptcha getDDefaultKaptcha() {\n DefaultKaptcha dk = new DefaultKaptcha();\n Properties properties = new Properties();\n \/\/ \u56fe\u7247\u8fb9\u6846\n properties.setProperty(\"kaptcha.border\", \"yes\");\n \/\/ \u8fb9\u6846\u989c\u8272\n properties.setProperty(\"kaptcha.border.color\", \"105,179,90\");\n \/\/ \u5b57\u4f53\u989c\u8272\n properties.setProperty(\"kaptcha.textproducer.font.color\", \"red\");\n \/\/ \u56fe\u7247\u5bbd\n properties.setProperty(\"kaptcha.image.width\", \"110\");\n \/\/ \u56fe\u7247\u9ad8\n properties.setProperty(\"kaptcha.image.height\", \"40\");\n \/\/ \u5b57\u4f53\u5927\u5c0f\n properties.setProperty(\"kaptcha.textproducer.font.size\", \"30\");\n \/\/ session key\n properties.setProperty(\"kaptcha.session.key\", \"code\");\n \/\/ \u9a8c\u8bc1\u7801\u957f\u5ea6\n properties.setProperty(\"kaptcha.textproducer.char.length\", \"4\");\n \/\/ \u5b57\u4f53\n properties.setProperty(\"kaptcha.textproducer.font.names\", \"\u5b8b\u4f53,\u6977\u4f53,\u5fae\u8f6f\u96c5\u9ed1\");\n Config config = new Config(properties);\n dk.setConfig(config);\n\n return dk;\n }\n}<\/code><\/pre>\n\n\n\nKaptchaController.java<\/p>\n\n\n\n
@Controller\npublic class KaptchaController {\n \/**\n * \u9a8c\u8bc1\u7801\u5de5\u5177\n *\/\n @Autowired\n DefaultKaptcha defaultKaptcha;\n\n @RequestMapping(\"\/defaultKaptcha\")\n public void defaultKaptcha(HttpServletRequest request, HttpServletResponse response) throws Exception {\n byte[] captcha = null;\n ByteArrayOutputStream out = new ByteArrayOutputStream();\n\n try {\n \/\/ \u5c06\u751f\u6210\u7684\u9a8c\u8bc1\u7801\u4fdd\u5b58\u5728session\u4e2d\n String createText = defaultKaptcha.createText();\n request.getSession().setAttribute(\"rightCode\", createText);\n BufferedImage bi = defaultKaptcha.createImage(createText);\n ImageIO.write(bi, \"jpg\", out);\n } catch (Exception e) {\n response.sendError(HttpServletResponse.SC_NOT_FOUND);\n return;\n }\n\n captcha = out.toByteArray();\n response.setHeader(\"Cache-Control\", \"no-store\");\n response.setHeader(\"Pragma\", \"no-cache\");\n response.setDateHeader(\"Expires\", 0);\n response.setContentType(\"image\/jpeg\");\n ServletOutputStream sout = response.getOutputStream();\n sout.write(captcha);\n sout.flush();\n sout.close();\n }\n\n \/**\n * \u6821\u5bf9\u9a8c\u8bc1\u7801\n * \n * @param request\n * @param response\n * @return\n *\/\n @RequestMapping(value = \"\/login\", method = RequestMethod.POST)\n public ModelAndView imgvrifyControllerDefaultKaptcha(HttpServletRequest request, HttpServletResponse response) {\n ModelAndView model = new ModelAndView();\n String rightCode = (String) request.getSession().getAttribute(\"rightCode\");\n String tryCode = request.getParameter(\"tryCode\");\n System.out.println(\"rightCode:\" + rightCode + \" \u2014\u2014\u2014\u2014 tryCode:\" + tryCode);\n if (!rightCode.equals(tryCode)) {\n model.addObject(\"info\", \"\u9a8c\u8bc1\u7801\u9519\u8bef,\u8bf7\u518d\u8f93\u4e00\u6b21!\");\n model.setViewName(\"login\");\n } else {\n model.addObject(\"info\", \"\u767b\u9646\u6210\u529f\");\n model.setViewName(\"index\");\n }\n return model;\n }\n\n \/**\n * \u8fd4\u56de\u9996\u9875\n * \n * @return\n *\/\n @RequestMapping(value = \"\/login\", method = RequestMethod.GET)\n public ModelAndView index() {\n return new ModelAndView(\"login\");\n }\n}<\/code><\/pre>\n\n\n\n\u524d\u7aef\u9875\u9762<\/p>\n\n\n\n
login.html<\/p>\n\n\n\n
<!DOCTYPE html>\n<html xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head lang=\"en\">\n<meta charset=\"UTF-8\">\n<title>Insert title here<\/title>\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.staticfile.org\/twitter-bootstrap\/3.3.7\/css\/bootstrap.min.css\"> \n<script src=\"https:\/\/cdn.staticfile.org\/jquery\/2.1.1\/jquery.min.js\"><\/script>\n<script src=\"https:\/\/cdn.staticfile.org\/twitter-bootstrap\/3.3.7\/js\/bootstrap.min.js\"><\/script>\n<style type=\"text\/css\">\nbody {\n padding: 10px;\n}\n#inputtext {\n width: 100%;\n}\n#login{\n width: 300px;\n margin:0px auto;\n padding-top: 60px;\n}\n#flushimg{\n text-decoration: underline;\n}\n#butt{\n width: 60%;\n}\n<\/style>\n<\/head>\n<body>\n<div id=\"login\">\n <form action=\"\/login\" method=\"post\">\n <h2 align=\"center\">L O G I N<\/h2><br\/><br\/>\n <input type=\"text\" name=\"userName\" class=\"form-control\" id=\"inputtext\" required autofocus placeholder=\"-----\u8bf7\u8f93\u5165\u7528\u6237\u540d-----\"\/><br\/>\n <input type=\"password\" name=\"userName\" class=\"form-control\" id=\"inputtext\" required placeholder=\"----\u8bf7\u8f93\u5165\u7528\u6237\u5bc6\u7801----\"\/><br\/>\n <div id=\"flushimg\">\n <img alt=\"\u9a8c\u8bc1\u7801\" onclick=\"this.src='\/defaultKaptcha?d=' + new Date()*1\" src=\"\/defaultKaptcha\" \/>\n <a>\u770b\u4e0d\u6e05\uff1f\u70b9\u51fb\u56fe\u7247\u5237\u65b0\u4e00\u4e0b<\/a>\n <\/div> \n <input type=\"text\" name=\"tryCode\" class=\"form-control\" required placeholder=\"-----\u8bf7\u8f93\u5165\u9a8c\u8bc1\u7801-----\" \/>\n <h4 th:text=\"${info}\" style=\"color: red\"><\/h4>\n <input type=\"checkbox\" name=\"rememberMe\"\/>\u8bb0\u4f4f\u6211<br\/>\n <div style=\"width: 100%;text-align: center;\"><input type=\"submit\" value=\"\u767b \u5f55\" id=\"butt\" class=\"btn btn-success\" \/><\/div>\n <\/form>\n<\/div>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\nindex.html<\/p>\n\n\n\n
<!DOCTYPE html>\n<html>\n<head>\n<meta charset=\"UTF-8\">\n<title>Insert title here<\/title>\n<\/head>\n<body>\n <h2>\u9a8c\u8bc1\u6210\u529f\uff01<\/h2>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\n\u9875\u9762\u6548\u679c<\/strong><\/h2>\n\n\n\n\u5730\u5740\u680f\u8f93\u5165\uff1alocalhost:8080\/login<\/strong><\/p>\n\n\n\n![\"\"](\"data:image\/svg+xml;base64,PCEtLUFyZ29uTG9hZGluZy0tPgo8c3ZnIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgc3Ryb2tlPSIjZmZmZmZmMDAiPjxnPjwvZz4KPC9zdmc+\")
<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"
Kaptcha \u7b80\u4ecb Kaptcha \u662f\u4e00\u4e2a\u53ef\u9ad8\u5ea6\u914d\u7f6e\u7684\u5b9e\u7528\u9a8c\u8bc1\u7801\u751f\u6210\u5de5\u5177\uff0c\u53ef\u81ea\u7531\u914d\u7f6e\u7684\u9009\u9879\u5982\uff1a \u9a8c\u8bc1\u7801\u7684\u5b57\u4f53 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[60],"tags":[61],"class_list":["post-2545","post","type-post","status-publish","format-standard","hentry","category-javaweb-","tag-javaweb"],"_links":{"self":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2545"}],"collection":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2545"}],"version-history":[{"count":1,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2545\/revisions"}],"predecessor-version":[{"id":2548,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2545\/revisions\/2548"}],"wp:attachment":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2545"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2545"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2545"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/qaqaq.top\/wp-content\/uploads\/2022\/12\/image-235.png\")
<\/div><\/figure>\n\n\n\n![\"\"](\"https:\/\/qaqaq.top\/wp-content\/uploads\/2022\/12\/image-236.png\")
<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"