滑块验证码说明

滑块验证码说明

滑块验证码
旋转验证码
滑动还原验证码
文字点选验证码

快速上手

注意: 如果你项目是使用的Springboot，

请使用SpringBoot脚手架工具tianai-captcha-springboot-starter;

该工具对验证码进行了封装，使其使用更加方便快捷
在这里插入图片描述

后端说明

引入Springboot脚手架依赖

<!-- maven导入 -->
<dependency><groupId>cloud.tianai.captcha</groupId><artifactId>tianai-captcha-springboot-starter</artifactId><version>1.4.1</version>
</dependency>

使用ImageCaptchaApplication生成和校验对象

package cloud.tianai.captcha.readme;import cloud.tianai.captcha.common.constant.CaptchaTypeConstant;
import cloud.tianai.captcha.spring.application.CaptchaImageType;
import cloud.tianai.captcha.spring.application.ImageCaptchaApplication;
import cloud.tianai.captcha.spring.vo.CaptchaResponse;
import cloud.tianai.captcha.spring.vo.ImageCaptchaVO;
import cloud.tianai.captcha.validator.common.model.dto.ImageCaptchaTrack;
import org.springframework.beans.factory.annotation.Autowired;public class Test2 {@Autowiredprivate ImageCaptchaApplication application;public void test() {// 1.生成滑块验证码(该数据返回给前端用于展示验证码数据)CaptchaResponse<ImageCaptchaVO> res1 = application.generateCaptcha(CaptchaTypeConstant.SLIDER);// 2.前端滑动完成后把数据传入后端进行校验是否通过， // 	参数1: 生成的验证码对应的id, 由前端传过来// 	参数2: 滑动轨迹验证码相关数据 ImageCaptchaTrack， 由前端传过来// 返回 match.isSuccess() 如果为true， 则验证通过ImageCaptchaTrack sliderCaptchaTrack = new ImageCaptchaTrack();ApiResponse<?> match = application.matching(res1.getId(), sliderCaptchaTrack);}
}

传统项目快速上手

引入依赖

<!-- maven 导入 -->
<dependency><groupId>cloud.tianai.captcha</groupId><artifactId>tianai-captcha</artifactId><version>1.4.1</version>
</dependency>

使用ImageCaptchaGenerator生成验证码

package example.readme;import cloud.tianai.captcha.common.constant.CaptchaTypeConstant;
import cloud.tianai.captcha.generator.ImageCaptchaGenerator;
import cloud.tianai.captcha.generator.common.model.dto.ImageCaptchaInfo;
import cloud.tianai.captcha.generator.impl.MultiImageCaptchaGenerator;
import cloud.tianai.captcha.resource.ImageCaptchaResourceManager;
import cloud.tianai.captcha.resource.impl.DefaultImageCaptchaResourceManager;
import cloud.tianai.captcha.validator.ImageCaptchaValidator;
import cloud.tianai.captcha.validator.impl.BasicCaptchaTrackValidator;import java.util.Map;public class Test {public static void main(String[] args) throws InterruptedException {ImageCaptchaResourceManager imageCaptchaResourceManager = new DefaultImageCaptchaResourceManager();ImageCaptchaGenerator imageCaptchaGenerator = new MultiImageCaptchaGenerator(imageCaptchaResourceManager).init(true);/*生成滑块验证码图片, 可选项SLIDER (滑块验证码)ROTATE (旋转验证码)CONCAT (滑动还原验证码)WORD_IMAGE_CLICK (文字点选验证码)更多验证码支持 详见 cloud.tianai.captcha.common.constant.CaptchaTypeConstant*/ImageCaptchaInfo imageCaptchaInfo = imageCaptchaGenerator.generateCaptchaImage(CaptchaTypeConstant.SLIDER);// 负责计算一些数据存到缓存中，用于校验使用// ImageCaptchaValidator负责校验用户滑动滑块是否正确和生成滑块的一些校验数据; 比如滑块到凹槽的百分比值ImageCaptchaValidator imageCaptchaValidator = new BasicCaptchaTrackValidator();// 这个map数据应该存到缓存中，校验的时候需要用到该数据Map<String, Object> validMap = imageCaptchaValidator.generateImageCaptchaValidData(imageCaptchaInfo);}
}

ImageCaptchaInfo 为生成的验证码数据， validMap 为当前验证码的验证相关数据(该数据和当前生成的验证码数据绑定，后面校验该验证码是否通过的时候需要用到该数据)

注意: ImageCaptchaResourceManager, ImageCaptchaGenerator,ImageCaptchaValidator这些对象都是单例的，项目启动只需创建一次即可

使用ImageCaptchaValidator校验器 验证

package example.readme;import cloud.tianai.captcha.validator.common.model.dto.ImageCaptchaTrack;
import cloud.tianai.captcha.validator.impl.BasicCaptchaTrackValidator;import java.util.Map;public class Test2 {public static void main(String[] args) {BasicCaptchaTrackValidator sliderCaptchaValidator = new BasicCaptchaTrackValidator();ImageCaptchaTrack imageCaptchaTrack = null;Map<String, Object> validMap = null;// 用户传来的行为轨迹和进行校验// - imageCaptchaTrack 为前端传来的滑动轨迹数据// - validMap 为生成验证码时缓存的validMap数据boolean check = sliderCaptchaValidator.valid(imageCaptchaTrack, validMap).isSuccess();}
}

ImageCaptchaTrack为当前验证码行为轨迹相关数据

validMap生成验证码时的验证码数据

SpringBoot脚手架扩展功能

yaml文件相关配置

# 滑块验证码配置， 详细请看 cloud.tianai.captcha.autoconfiguration.ImageCaptchaProperties 类
captcha:# 如果项目中使用到了redis，滑块验证码会自动把验证码数据存到redis中， 这里配置redis的key的前缀,默认是captcha:sliderprefix: captcha# 验证码过期时间，默认是2分钟,单位毫秒， 可以根据自身业务进行调整expire:# 默认缓存时间 2分钟default: 10000# 针对 点选验证码 过期时间设置为 2分钟， 因为点选验证码验证比较慢，把过期时间调整大一些WORD_IMAGE_CLICK: 20000# 使用加载系统自带的资源， 默认是 falseinit-default-resource: falsecache:# 缓存控制， 默认为false不开启enabled: true# 验证码会提前缓存一些生成好的验证数据， 默认是20cacheSize: 20# 缓存拉取失败后等待时间 默认是 5秒钟wait-time: 5000# 缓存检查间隔 默认是2秒钟period: 2000secondary:# 二次验证， 默认false 不开启enabled: false# 二次验证过期时间， 默认 2分钟expire: 120000# 二次验证缓存key前缀，默认是 captcha:secondarykeyPrefix: "captcha:secondary"

二次验证

如果 设置配置文件 captcha.secondary.enabled=true时开启了二次验证

package cloud.tianai.captcha.readme;import cloud.tianai.captcha.spring.application.ImageCaptchaApplication;
import cloud.tianai.captcha.spring.plugins.secondary.SecondaryVerificationApplication;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;public class Test3 {@Autowiredprivate ImageCaptchaApplication sca;@GetMapping("/check2")@ResponseBodypublic boolean check2Captcha(@RequestParam("id") String id) {// 如果开启了二次验证if (sca instanceof SecondaryVerificationApplication) {return ((SecondaryVerificationApplication) sca).secondaryVerification(id);}return false;}
}

SprinBoot项目添加自定义模板/背景图片

通过扩展ResourceStore接口添加自定义背景图片

添加模板使用 addTemplate(type1, template1) 方法， type1： 验证码类型， template1: 验证码模板相关数据

添加背景图片使用 addResource(type1, res1)方法, type1: 验证码类型， res1: 验证码背景图片数据

package cloud.tianai.captcha.demo;import cloud.tianai.captcha.common.constant.CaptchaTypeConstant;
import cloud.tianai.captcha.generator.common.constant.SliderCaptchaConstant;
import cloud.tianai.captcha.generator.impl.StandardSliderImageCaptchaGenerator;
import cloud.tianai.captcha.resource.common.model.dto.Resource;
import cloud.tianai.captcha.resource.common.model.dto.ResourceMap;
import cloud.tianai.captcha.resource.impl.DefaultResourceStore;
import cloud.tianai.captcha.resource.impl.provider.ClassPathResourceProvider;
import org.springframework.stereotype.Component;import static cloud.tianai.captcha.generator.impl.StandardSliderImageCaptchaGenerator.DEFAULT_SLIDER_IMAGE_TEMPLATE_PATH;/*** @Author: 天爱有情* @date 2022/7/11 14:22* @Description 负责模板和背景图存储的地方*/
@Component
public class MyResourceStore extends DefaultResourceStore {public MyResourceStore() {// 滑块验证码 模板 (系统内置)ResourceMap template1 = new ResourceMap("default",4);template1.put(SliderCaptchaConstant.TEMPLATE_ACTIVE_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, DEFAULT_SLIDER_IMAGE_TEMPLATE_PATH.concat("/1/active.png")));template1.put(SliderCaptchaConstant.TEMPLATE_FIXED_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, DEFAULT_SLIDER_IMAGE_TEMPLATE_PATH.concat("/1/fixed.png")));ResourceMap template2 = new ResourceMap("default",4);template2.put(SliderCaptchaConstant.TEMPLATE_ACTIVE_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, DEFAULT_SLIDER_IMAGE_TEMPLATE_PATH.concat("/2/active.png")));template2.put(SliderCaptchaConstant.TEMPLATE_FIXED_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, DEFAULT_SLIDER_IMAGE_TEMPLATE_PATH.concat("/2/fixed.png")));// 旋转验证码 模板 (系统内置)ResourceMap template3 = new ResourceMap("default",4);template3.put(SliderCaptchaConstant.TEMPLATE_ACTIVE_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, StandardSliderImageCaptchaGenerator.DEFAULT_SLIDER_IMAGE_TEMPLATE_PATH.concat("/3/active.png")));template3.put(SliderCaptchaConstant.TEMPLATE_FIXED_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, StandardSliderImageCaptchaGenerator.DEFAULT_SLIDER_IMAGE_TEMPLATE_PATH.concat("/3/fixed.png")));// 1. 添加一些模板addTemplate(CaptchaTypeConstant.SLIDER, template1);addTemplate(CaptchaTypeConstant.SLIDER, template2);addTemplate(CaptchaTypeConstant.ROTATE, template3);// 2. 添加自定义背景图片addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/a.jpg","default"));addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/b.jpg","default"));addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/c.jpg","default"));addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/d.jpg","default"));addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/e.jpg","default"));addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/g.jpg","default"));addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/h.jpg","default"));addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/i.jpg","default"));addResource(CaptchaTypeConstant.SLIDER, new Resource("classpath", "bgimages/j.jpg","default"));addResource(CaptchaTypeConstant.ROTATE, new Resource("classpath", "bgimages/48.jpg","default"));addResource(CaptchaTypeConstant.CONCAT, new Resource("classpath", "bgimages/48.jpg","default"));addResource(CaptchaTypeConstant.WORD_IMAGE_CLICK, new Resource("classpath", "bgimages/c.jpg","default"));}
}

依赖于 tianai-captcha 的高扩展性， 可以自定义 如下实现 然后直接注入到spring中即可替换默认实现,实现自定义扩展

生成器(ImageCaptchaGenerator) – 主要负责生成滑块验证码所需的图片
校验器(ImageCaptchaValidator) – 主要负责校验用户滑动的行为轨迹是否合规
资源管理器(ImageCaptchaResourceManager) – 主要负责读取验证码背景图片和模板图片等
资源存储(ResourceStore) – 负责存储背景图和模板图
资源提供者(ResourceProvider) – 负责将资源存储器中对应的资源转换为文件流
滑块应用程序(ImageCaptchaApplication) ，上面一些接口的组合和增强，比如负责把验证的数据存到缓存中，用户一般直接使用这个接口方便的生成滑块图片和校验数据

其它扩展

添加自定义图片资源

package example.readme;import cloud.tianai.captcha.common.constant.CaptchaTypeConstant;
import cloud.tianai.captcha.resource.ImageCaptchaResourceManager;
import cloud.tianai.captcha.resource.ResourceStore;
import cloud.tianai.captcha.resource.common.model.dto.Resource;
import cloud.tianai.captcha.resource.impl.DefaultImageCaptchaResourceManager;
import cloud.tianai.captcha.resource.impl.provider.ClassPathResourceProvider;
import cloud.tianai.captcha.resource.impl.provider.URLResourceProvider;public class Test5 {public static void main(String[] args) {ImageCaptchaResourceManager imageCaptchaResourceManager = new DefaultImageCaptchaResourceManager();// 通过资源管理器或者资源存储器ResourceStore resourceStore = imageCaptchaResourceManager.getResourceStore();// 添加classpath目录下的 aa.jpg 图片resourceStore.addResource(CaptchaTypeConstant.SLIDER, new Resource(ClassPathResourceProvider.NAME, "/aa.jpg"));// 添加远程url图片资源resourceStore.addResource(CaptchaTypeConstant.SLIDER,new Resource(URLResourceProvider.NAME, "http://www.xx.com/aa.jpg"));// 内置了通过url 和 classpath读取图片资源，如果想扩展可实现 ResourceProvider 接口，进行自定义扩展}
}

添加自定义模板资源

系统内置了2套模板，可以到QQ群:1021884609 文件中获取更多模板或者自己制作模板

模板图片格式

滑块验证码

滑块大小为 110*110 格式为png
凹槽大小为 110*110 格式为png

旋转验证码

滑块大小为 200*200 格式为png
凹槽大小为 200*200 格式为png

package example.readme;import cloud.tianai.captcha.common.constant.CaptchaTypeConstant;
import cloud.tianai.captcha.generator.common.constant.SliderCaptchaConstant;
import cloud.tianai.captcha.resource.ImageCaptchaResourceManager;
import cloud.tianai.captcha.resource.ResourceStore;
import cloud.tianai.captcha.resource.common.model.dto.Resource;
import cloud.tianai.captcha.resource.common.model.dto.ResourceMap;
import cloud.tianai.captcha.resource.impl.DefaultImageCaptchaResourceManager;
import cloud.tianai.captcha.resource.impl.provider.ClassPathResourceProvider;public class Test6 {public static void main(String[] args) {ImageCaptchaResourceManager imageCaptchaResourceManager = new DefaultImageCaptchaResourceManager();// 通过资源管理器或者资源存储器ResourceStore resourceStore = imageCaptchaResourceManager.getResourceStore();// 添加滑块验证码模板.模板图片由三张图片组成ResourceMap template1 = new ResourceMap("default", 4);template1.put(SliderCaptchaConstant.TEMPLATE_ACTIVE_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, "/active.png"));template1.put(SliderCaptchaConstant.TEMPLATE_FIXED_IMAGE_NAME, new Resource(ClassPathResourceProvider.NAME, "/fixed.png"));resourceStore.addTemplate(CaptchaTypeConstant.SLIDER, template1);// 模板与三张图片组成 滑块、凹槽、背景图// 同样默认支持 classpath 和 url 两种获取图片资源， 如果想扩展可实现 ResourceProvider 接口，进行自定义扩展}
}

清除内置的图片资源和模板资源

package example.readme;import cloud.tianai.captcha.generator.ImageCaptchaGenerator;
import cloud.tianai.captcha.generator.impl.MultiImageCaptchaGenerator;
import cloud.tianai.captcha.resource.ImageCaptchaResourceManager;
import cloud.tianai.captcha.resource.impl.DefaultImageCaptchaResourceManager;public class Test6 {public static void main(String[] args) {ImageCaptchaResourceManager imageCaptchaResourceManager = new DefaultImageCaptchaResourceManager();ImageTransform imageTransform = new Base64ImageTransform();//为方便快速上手 系统本身自带了一张图片和两套滑块模板，如果不想用系统自带的可以不让它加载系统自带的// 第二个构造参数设置为false时将不加载默认的图片和模板ImageCaptchaGenerator imageCaptchaGenerator = new MultiImageCaptchaGenerator(imageCaptchaResourceManager, imageTransform).init(false);}
}

自定义 imageCaptchaValidator 校验器

/ 该接口负责对用户滑动验证码后传回的数据进行校验，比如滑块是否滑到指定位置，滑块行为轨迹是否正常等等
// 该接口的默认实现有 
// SimpleImageCaptchaValidator 校验用户是否滑到了指定缺口处
// BasicCaptchaTrackValidator 是对 SimpleImageCaptchaValidator增强
// BasicCaptchaTrackValidator是对SimpleImageCaptchaValidator的增强 对滑动轨迹进行了简单的验证
// 友情提示 因为BasicCaptchaTrackValidator 里面校验滑动轨迹的算法已经开源，有强制要求的建议重写该接口的方法，避免被破解

自定义 ResourceProvider 实现自定义文件读取策略，
比如 oss之类的

package example.readme;import cloud.tianai.captcha.generator.ImageCaptchaGenerator;
import cloud.tianai.captcha.generator.impl.MultiImageCaptchaGenerator;
import cloud.tianai.captcha.resource.ImageCaptchaResourceManager;
import cloud.tianai.captcha.resource.ResourceProvider;
import cloud.tianai.captcha.resource.common.model.dto.Resource;
import cloud.tianai.captcha.resource.impl.DefaultImageCaptchaResourceManager;import java.io.InputStream;public class Test7 {public static void main(String[] args) {// 自定义 ResourceProviderResourceProvider resourceProvider = new ResourceProvider() {@Overridepublic InputStream getResourceInputStream(Resource data) {return null;}@Overridepublic boolean supported(String type) {return false;}@Overridepublic String getName() {return null;}};ImageCaptchaResourceManager imageCaptchaResourceManager = new DefaultImageCaptchaResourceManager();ImageTransform imageTransform = new Base64ImageTransform();ImageCaptchaGenerator imageCaptchaGenerator = new MultiImageCaptchaGenerator(imageCaptchaResourceManager,imageTransform).init(false);// 注册imageCaptchaResourceManager.registerResourceProvider(resourceProvider);}
}

对StandardImageCaptchaGenerator

增加缓存模块

由于实时生成滑块图片可能会有一点性能影响，内部基于StandardSliderCaptchaGenerator进行了提前缓存生成好的图片，CacheSliderCaptchaGenerator 这只是基本的缓存逻辑，比较简单，用户可以定义一些更加有意思的扩展，用于突破性能瓶颈

package example.readme;import cloud.tianai.captcha.common.constant.CaptchaTypeConstant;
import cloud.tianai.captcha.generator.ImageCaptchaGenerator;
import cloud.tianai.captcha.generator.common.model.dto.ImageCaptchaInfo;
import cloud.tianai.captcha.generator.impl.CacheImageCaptchaGenerator;
import cloud.tianai.captcha.generator.impl.MultiImageCaptchaGenerator;
import cloud.tianai.captcha.resource.ImageCaptchaResourceManager;
import cloud.tianai.captcha.resource.impl.DefaultImageCaptchaResourceManager;public class Test8 {public static void main(String[] args) throws InterruptedException {// 使用 CacheSliderCaptchaGenerator 对滑块验证码进行缓存，使其提前生成滑块图片// 参数一: 真正实现 滑块的 SliderCaptchaGenerator// 参数二: 默认提前缓存多少个// 参数三: 出错后 等待xx时间再进行生成// 参数四: 检查时间间隔ImageCaptchaResourceManager imageCaptchaResourceManager = new DefaultImageCaptchaResourceManager();ImageTransform imageTransform = new Base64ImageTransform();ImageCaptchaGenerator imageCaptchaGenerator = new CacheImageCaptchaGenerator(new MultiImageCaptchaGenerator(imageCaptchaResourceManager, imageTransform), 10, 1000, 100);imageCaptchaGenerator.init(true);// 生成滑块图片ImageCaptchaInfo slideImageInfo = imageCaptchaGenerator.generateCaptchaImage(CaptchaTypeConstant.SLIDER);// 获取背景图片的base64String backgroundImage = slideImageInfo.getBackgroundImage();// 获取滑块图片String sliderImage = slideImageInfo.getSliderImage();System.out.println(slideImageInfo);}
}

前端说明

原生HTML使用方法
导入tac.min.js和tac.css和jquery

<link href="styles/tac.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="tac.min.js"></script>

创建一个div快用于渲染验证码

<div id="captcha-box"></div>

在需要调用验证码的时候执行加载验证码方法

const config = {// 生成接口 (必选项,必须配置, 要符合tianai-captcha默认验证码生成接口规范) 参考 https://gitee.com/tianai/tianai-captcha-demorequestCaptchaDataUrl: "/gen",// 验证接口 (必选项,必须配置, 要符合tianai-captcha默认验证码校验接口规范) 参考 https://gitee.com/tianai/tianai-captcha-demovalidCaptchaUrl: "/check",// 验证码绑定的div块 (必选项,必须配置)bindEl: "#captcha-box",// 验证成功回调函数(必选项,必须配置)validSuccess: (res, c, tac) => {// todo 这里res为后端返回的数据，一般返回验证成功的token， 进行登录或其它操作时，要把返回的token传给后端进行二次验证console.log("验证成功，后端返回的数据为", res);// 调用登录方法进行登录 这里login登录方法为自己的登录函数this.login(res.captchaToken)// 销毁验证码服务tac.destroyWindow();},// 验证失败的回调函数(可忽略，如果不自定义 validFail 方法时，会使用默认的)validFail: (res, c, tac) => {// 验证失败后重新拉取验证码tac.reloadCaptcha();}
}
// 创建 TAC 启动验证码服务,调用该方法后会在指定的div块中渲染出验证码
new TAC(config).init();

VUE2使用方法

导入tac.min.js和tac.css和jquery 后和原生使用方法调用即可

<template><div class="login-div"><div class="kuang"><span class="kuang-left">用户名</span>天爱有情</div><div class="kuang"><span class="kuang-left">密码</span>*********</div><div id="login-btn" @click="loginBtn">登录</div><div id="captcha-div"></div></div>
</template><script>import "@/assets/captcha/css/tac.css" // 验证码cssimport "@/assets/captcha/js/jquery.min.js"; // 验证码jsimport "@/assets/captcha/js/tac.min.js"; // 验证码jsexport default {methods: {loginBtn() {// 样式配置const config = {requestCaptchaDataUrl: "http://localhost:8083/gen/random",validCaptchaUrl: "http://localhost:8083/check3",bindEl: "#captcha-div",// 验证成功回调函数validSuccess:(res,c,tac)=> {this.login();tac.destroyWindow();}}new window.TAC(config).init();},login() {alert("登录成功")}}}
</script>

其它框架使用方法

导入写好的tac.min.js和tac.css即可， 或者把该项目复制到自己项目用使用即可
一些扩展功能
去除或者替换默认的logo

let config ={...}
let style = {logoUrl: null}// 去除logo             
//let style = {logoUrl: "/xx/xx/xxx.png"}// 替换成自定义的logo             
new TAC(config,style).init();

对滑块的按钮和背景设置为自定义的一些样式

// 这里分享一些作者自己调的样式供参考
const style =    {// 按钮样式btnUrl: "https://minio.tianai.cloud/public/captcha-btn/btn3.png",// 背景样式bgUrl: "https://minio.tianai.cloud/public/captcha-btn/btn3-bg.jpg",// logo地址logoUrl: "https://minio.tianai.cloud/public/static/captcha/images/logo.png",// 滑动边框样式moveTrackMaskBgColor: "#f7b645",moveTrackMaskBorderColor: "#ef9c0d"}
new TAC(config,style).init();

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/7447.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

深度学习之基于Matlab Googlenet网络男女性别识别系统

深度学习之基于Matlab Googlenet网络男女性别识别系统

欢迎大家点赞、收藏、关注、评论啦 &#xff0c;由于篇幅有限&#xff0c;只展示了部分核心代码。 文章目录 一项目简介 二、功能三、系统四. 总结 一项目简介 一、项目背景 随着计算机视觉技术的快速发展&#xff0c;性别识别在多个领域中都展现出了广泛的应用前景&#xff…
阅读更多...
【Unity】如何获得TMP Button下的text内容

【Unity】如何获得TMP Button下的text内容

【背景】 unity项目中使用了TMP命名空间的Button UI组件。脚本中需要获得Button下Text的内容，但是发现用TextMeshPro仍然无法获得button下的text对象。 【分析】 Hierarchy结构上看明确Button下是有Text组件的： 括号里是TMP，所以理论上用TextMeshPro类型去FindComponent…
阅读更多...
“A”分考试经验分享：云计算HCIE考试请注意这几点...

“A”分考试经验分享：云计算HCIE考试请注意这几点...

大家好&#xff0c;我是誉天云计算HCIE的王同学&#xff0c;于4月2日"A"分通过了云计算3.0 HCIE的认证考试。 首先感谢誉天教育对我的辅导&#xff0c;感谢苗苗老师和石老师对我的帮助&#xff0c;通过这次考试让我对华为云计算有了一定的了解。接下来我就与大家分享…
阅读更多...
GOG平台账号注册教程 内附GOG平台官网地址

GOG平台账号注册教程 内附GOG平台官网地址

GOG平台账号注册教程 内附GOG平台官网地址 GOG平台不知道大家听没听说过&#xff0c;该平台也是一款游戏平台&#xff0c;上面还是有着不少的游戏的&#xff0c;尤其是该平台的福利活动特别多&#xff0c;经常会免费发放一些游戏&#xff0c;这个7月份的话就有两款游戏现在是…
阅读更多...
聊聊 ASP.NET Core 中间件（二）：中间件和筛选器的区别

聊聊 ASP.NET Core 中间件（二）：中间件和筛选器的区别

前言 有些小伙伴看到上一篇文章后&#xff0c;可能会发现中间件和我们之前讲的筛选器非常类似&#xff0c;比如它们都是通过 next 串起来的一系列的组件&#xff0c;并且都可以在请求处理前后执行代码&#xff0c;都可以通过不执行 next 来进行请求的终止。那么筛选器和中间件…
阅读更多...
400G光模块产品最全分类解析

400G光模块产品最全分类解析

随着信息技术的迅猛发展&#xff0c;网络带宽需求不断增加&#xff0c;而400G光模块作为当前最热门的光通信技术之一&#xff0c;正在成为新一代网络的关键组成部分。本文将对400G光模块进行最全面的分类解析&#xff0c;以帮助大家深入了解其技术特点和应用场景。 一、ETU-LI…
阅读更多...
轻松驾驭teamOS审批流程，权限提升秘诀：teamOS审批功能详解与实战指南

轻松驾驭teamOS审批流程，权限提升秘诀：teamOS审批功能详解与实战指南

大家在日常办公时&#xff0c;是否有遇到过这样的情况&#xff1a;在进行协作的时候&#xff0c;需要在项目组中发布文档&#xff0c;但当前并没有这个权限。正常走审批流程&#xff0c;可能需要花费一定的时间。 teamOS&#xff0c;一键发起审批流程 在企业的日常运营中&…
阅读更多...
FMEA助力智能电网升级：构建安全、高效、可靠的电力网络

FMEA助力智能电网升级：构建安全、高效、可靠的电力网络

随着科技的不断进步&#xff0c;智能电网已成为现代电力行业的重要发展方向。而在这个过程中&#xff0c;FMEA&#xff08;失效模式和影响分析&#xff09;作为一种重要的质量管理工具&#xff0c;正日益发挥着其在智能电网建设中的赋能作用。本文将从FMEA的基本概念出发&#…
阅读更多...
Java基础（三）：Java异常机制以及底层实现原理

Java基础（三）：Java异常机制以及底层实现原理

&#x1f337;一、异常 ☘️1.1 什么是异常 Java异常是程序发生错误的一种处理机制&#xff0c;异常的顶级类是Throwable&#xff0c;Throwable字面意思就是可抛出的&#xff0c;该类是所有的错误和异常的超类&#xff0c;只有Throwable类或者Throwable子类的实例对象才可以被…
阅读更多...
缓存菜品操作

缓存菜品操作

一&#xff1a;问题说明 用户端小程序展示的菜品数据都是通过查询数据库获得&#xff0c;如果用户端访问量比较大&#xff0c;数据库访问压力随之增大。 二&#xff1a;实现思路 通过Redis来缓存菜品数据&#xff0c;减少数据库查询操作。 缓存逻辑分析&#xff1a; 每个分…
阅读更多...
ACWing-186巴士-DFS

ACWing-186巴士-DFS

题目 原题链接&#xff1a;186. 巴士 - AcWing题库 oj:xmuoj | 最小化蒙德城的旅行者队伍 思路 本题因为n300&#xff0c;说明搜索深度很深&#xff0c;但是测试数量小于17&#xff0c;所以答案一定在比较浅的一个搜索深度中&#xff0c;于是可以利用迭代加深的处理方法迭代…
阅读更多...
基于Springboot+Vue的Java项目-旅游网站系统开发实战(附演示视频+源码+LW)

基于Springboot+Vue的Java项目-旅游网站系统开发实战(附演示视频+源码+LW)

大家好&#xff01;我是程序员一帆&#xff0c;感谢您阅读本文&#xff0c;欢迎一键三连哦。 &#x1f49e;当前专栏&#xff1a;Java毕业设计 精彩专栏推荐&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb;&#x1f447;&#x1f3fb; &#x1f380; Python毕业设计 &am…
阅读更多...
OpenNJet如何做到让用户永远在线

OpenNJet如何做到让用户永远在线

前言 最近看到了国内开源的一个名为OpenNJet的项目&#xff0c;有一个响亮的口号&#xff1a;“下一代云原生应用引擎”。 一下子就被吸引到了。 先看下官方对OpenNJet的介绍&#xff1a; OpenNJet 应用引擎是基于 NGINX 的面向互联网和云原生应用提供的运行时组态服务程序&…
阅读更多...
红黑树（RBTree）认识总结

红黑树（RBTree）认识总结

一、认识红黑树 1.1 什么是红黑树&#xff1f; 红黑树是一种二叉搜索树&#xff0c;与普通搜索树不同的是&#xff0c;在每个节点上增加一个“颜色”变量 —— RED / BLACK 。 通过对各个节点颜色的限制&#xff0c;确保从 根 到 NIL &#xff0c;没有一条路径会比其他路径长出…
阅读更多...
借势母亲节h5小游戏的作用是什么

借势母亲节h5小游戏的作用是什么

企业商家往往喜欢借势节日开展营销&#xff0c;母亲节作为5月的重要节日自然不可错过&#xff0c;不同行业商家都有自己开展互动想要实现的效果&#xff0c;如品牌宣传曝光、引流及渠道跳转等。 基于微信社交属性&#xff0c;有利于品牌发展&#xff0c;在【雨科】平台拥有多款…
阅读更多...
基于web的物流管理系统

基于web的物流管理系统

文章目录 项目介绍主要功能截图&#xff1a;部分代码展示设计总结项目获取方式 &#x1f345; 作者主页&#xff1a;超级无敌暴龙战士塔塔开 &#x1f345; 简介&#xff1a;Java领域优质创作者&#x1f3c6;、 简历模板、学习资料、面试题库【关注我&#xff0c;都给你】 &…
阅读更多...
Backpropagation反向传播算法【总结】

Backpropagation反向传播算法【总结】

概念介绍 Backpropagation本质上就是一个提升Gradient Descent效率的算法&#xff0c;核心在于其可以有效率地计算出一个偏移量来update下一组未知参数。 难点在于&#xff1a;Neural Network有很多层&#xff0c;而且每层参数都非常多&#xff0c;所以不能立即算出来该组未知…
阅读更多...
【Linux网络编程】高级IO——五种IO模型

【Linux网络编程】高级IO——五种IO模型

高级IO 1.什么是IO&#xff1f;什么是高效的IO&#xff1f;2.有那些IO的方式&#xff1f;这么多的方式&#xff0c;有那些是高效的&#xff1f;3.五种IO模型4.高级IO重要概念5.非阻塞IO 点赞&#x1f44d;&#x1f44d;收藏&#x1f31f;&#x1f31f;关注&#x1f496;&#x…
阅读更多...
C++进阶之路：何为引用、内联函数、auto与指针空值nullptr关键字

C++进阶之路：何为引用、内联函数、auto与指针空值nullptr关键字

✨✨ 欢迎大家来访Srlua的博文&#xff08;づ&#xffe3;3&#xffe3;&#xff09;づ╭❤&#xff5e;✨✨ &#x1f31f;&#x1f31f; 欢迎各位亲爱的读者&#xff0c;感谢你们抽出宝贵的时间来阅读我的文章。 我是Srlua小谢&#xff0c;在这里我会分享我的知识和经验。&am…
阅读更多...
信息泄露中的目录遍历，phpinfo，备份文件下载

信息泄露中的目录遍历，phpinfo，备份文件下载

一、目录遍历漏洞 1.什么是目录遍历漏洞 指的是在没有授权的情况下读取文件&#xff0c;某些情况下还可对服务器里的文件任意写入 2.目录遍历漏洞成因 网站配置存在缺陷&#xff0c;对输入目录缺少验证&#xff0c;没过滤../之类的目录跳转符&#xff0c;可通过提交目录跳转…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023