接口定义

接口文档:我们会通过接口文档来告诉前端,需要传入什么参数等

创建一个接口文档,因为他与业务逻辑没有关系,放在最外面

web项目012-----接口定义&图形验证码前端

web项目012-----接口定义&图形验证码前端

图形验证码前端

我们打开注册页面

web项目012-----接口定义&图形验证码前端

发现他验证码显示出来了,这是为什么呢,因为这已经在前端的js文件中写好了

右键打开检查,我们可以看到这和我们定义的路由是一样的

web项目012-----接口定义&图形验证码前端

我们这就去看看前端的register.js文件是怎么写的

register.js文件很多,我们怎么寻找我们想知道的信息呢

我们点击验证码查看那个位置的代码,这有个方法,这个gener....就是我们要找的

web项目012-----接口定义&图形验证码前端

我们到js文件中查找,可以看到这个方法形成图片验证码的后端地址,通过拼接的方式生成

web项目012-----接口定义&图形验证码前端

web项目012-----接口定义&图形验证码前端

我们可以看到一个onclick,这是点击的时候触发,也就是我们点击这个图片验证码,他就会执行一次这个函数,但是我们为什么刷新页面,验证码也会重新加载呢?

我们回到js文件继续看

我们在最下面可以找到document这个方法

web项目012-----接口定义&图形验证码前端

这是什么意思呢,这个是只要刷新,他下面的方法就会执行,这个generateImageCode()这个方法就在其中

我们不需要会写,但是要差不多能看懂

相关文章:

  • 2021-11-26
  • 2022-12-23
  • 2022-02-20
  • 2022-12-23
  • 2021-12-12
  • 2022-12-23
猜你喜欢
  • 2021-11-19
  • 2022-12-23
  • 2021-11-26
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案