Geetest 极验验证 验证图片拼图

今天要求做一个跟魅族官网登陆的一个验证效果一样的界面

是一个拖动滑动图片进行拼图

那个效果看着很好,刚开始拿到不知道好不好做

从网上搜资料发现这是一种“极验验证码” 让用户通过滑动拼图来进行验证。

网上说在git中有demo,我就直接去下载demo了,刚开始下载的是一个php的demo

我需要使用的是.net的demo,就继续下载了.net的

demo地址贴出来:https://github.com/GeeTeam/gt-csharp-sdk

这个demo用webform编写的,大概看了一下 实现的过程不难,但是当时不会,所以还是认真看了

我们项目需要用mvc来编写 就继续在网上搜索有没有关于mvc实现极验的效果的

找到一个网站上说将webform改成了mvc.

将地址贴出来:http://www.tuicool.com/articles/ABj6F3i

这里面的步骤是对的,就是在后面进行验证的时候,在enhencedValidateRequest方法中出现了错误,未将对象引用到对象实例,方法里面的参数都是空,我还纠结的找了半天原因,

最后就是因为我前台的登陆按钮没有进行表单提交,在控制台中request.form[]就获取不到 但是我将前台表单进行提交后,在控制器中还是有错误,依旧的“未将对象引用到对象实例”。

我当时内心是拒绝的,最后发现在验证的那个方法中,网上使用的是

注意红色框,用的是async 异步处理,其实我到现在也不理解为毛要这样,请原谅我是个超级菜鸟,Task就属于多线程的东西了。

我将我自己的方法也加上了这个async Task...   最后是实现了验证过程,但是!!有一个问题,加上这个关键字以后呢,这个方法执行了两遍,第一遍走时,在request.form中并未获取到值,但是走第二遍的时候就有值了~ 问题就出在走第二遍的时候,第二遍时,我自己本身方法中的参数值就自动变成null了,应该是异步处理,第二次参数已经没有值了。

但是怎么解决我仍然不知道。

希望看到的同伴们可以告诉我你们的解法

转载于:https://www.cnblogs.com/jiangyou-lz/p/5502585.html

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
实现滑动图片拼图验证的步骤如下: 1.准备两张图片,一张是完整的原图,另一张是被拆分的拼图。 2.使用Java的Graphics类将原图和拼图绘制到JPanel上。 3.使用Java的Random类生成一个随机位置,将拼图绘制到原图的随机位置。 4.使用Java的MouseAdapter类监听鼠标事件,当用户按下鼠标并拖动时,将拼图跟随鼠标移动。 5.使用Java的Rectangle类判断拼图是否在原图的正确位置,如果是,则验证通过,否则提示用户重新拼图。 下面是一个简单的Java代码示例: ```java import java.awt.*; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.util.Random; import javax.swing.*; public class SlidePuzzle extends JPanel { private Image img; // 原图 private Image puzzleImg; // 拼图 private Point puzzleLoc; // 拼图位置 private Rectangle puzzleRect; // 拼图矩形 private boolean isDragging; // 是否正在拖动 public SlidePuzzle() { // 加载图片 img = new ImageIcon("original.jpg").getImage(); puzzleImg = new ImageIcon("puzzle.jpg").getImage(); // 随机生成拼图位置 Random rand = new Random(); int x = rand.nextInt(img.getWidth(null) - puzzleImg.getWidth(null)); int y = rand.nextInt(img.getHeight(null) - puzzleImg.getHeight(null)); puzzleLoc = new Point(x, y); // 创建拼图矩形 puzzleRect = new Rectangle(puzzleLoc.x, puzzleLoc.y, puzzleImg.getWidth(null), puzzleImg.getHeight(null)); // 添加鼠标监听器 addMouseListener(new MouseAdapter() { public void mousePressed(MouseEvent e) { if (puzzleRect.contains(e.getPoint())) { isDragging = true; } } public void mouseReleased(MouseEvent e) { if (isDragging) { isDragging = false; if (puzzleRect.intersects(new Rectangle(300, 300, 100, 100))) { JOptionPane.showMessageDialog(null, "验证通过!"); } else { JOptionPane.showMessageDialog(null, "拼图不正确,请重新拼图!"); } } } }); addMouseMotionListener(new MouseAdapter() { public void mouseDragged(MouseEvent e) { if (isDragging) { puzzleLoc.translate(e.getX() - puzzleRect.x, e.getY() - puzzleRect.y); puzzleRect.setLocation(puzzleLoc); repaint(); } } }); } public void paintComponent(Graphics g) { super.paintComponent(g); g.drawImage(img, 0, 0, null); g.drawImage(puzzleImg, puzzleLoc.x, puzzleLoc.y, null); } public static void main(String[] args) { JFrame frame = new JFrame("滑动拼图验证"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.setSize(600, 600); frame.add(new SlidePuzzle()); frame.setVisible(true); } } ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值