m_Orchestrate learning system---二、如何实现验证码自动点击刷新

m_Orchestrate learning system---二、如何实现验证码自动点击刷新

一、总结

一句话总结：传过去的url带随机数来避免读取缓存

onclick="this.src='{:captcha_src()}?'+Math.random();"

1、如何实现验证码自动点击刷新？

<img width="100%" style="cursor: pointer" src="{:captcha_src()}" alt="captcha" onclick="this.src='{:captcha_src()}?'+Math.random();" /

1、鼠标手型

2、点击事件

3、路径写法，问号位置，加号位置，单引号位置

2、thinkphp验证码如何验证？

 $captcha = new \think\captcha\Captcha();
 if (!$captcha->check($data['code'])) {
     $this->error('验证码错误');
 }

 <?php
 namespace app\index\controller;
 use think\Loader;
 use think\Validate;

 use app\index\controller\Base;

 class Login extends Base
 {
     //登录
     public function login()
     {
         if(request()->isPost()){
             //1、获取用户从页面上传过来的账号和密码
             $data=input('post.');
             // dump($data);die;
             //2、对获取的数据进行验证
             $captcha = new \think\captcha\Captcha();
             if (!$captcha->check($data['code'])) {
                 $this->error('验证码错误');
             }
             $validate = Loader::validate('Login');
             if(!$validate->scene('login')->check($data)){
                 $this->error($validate->getError()); die;
             }

             //3、在数据库中查找此用户和密码，找到则登录成功，没找到则登录失败
             $res=db('user')->where('username',$data['username'])->where('password',md5($data['password']))->where('status',$data['status'])->find();
             //4、如果在数据库中查找到数据，则判断是老师还是学生，跳转到相应的页面去，没有就直接返回错误界面
             if($res){
                 if($data['status']) $this->success("即将跳转到老师界面！！");
                 else $this->success("即将跳转到学生界面！！");
             }else{
                 $this->error('用户名或者密码错误或者未注册！！');
             }

         }

         return view();
     }

3、thinkphp如何跨模块调用？

实例

 if($data['status']) $this->success("即将跳转到老师界面！！",url('teacher/index/index'));
 else $this->success("即将跳转到学生界面！！",url('student/index/index'));

参考手册

url 和 控制器中的跳转和重定向

4、如何实现button的链接？

在button外面套上a标签就好，或者用js

同理，如果实现图片链接，就在图片img标签外面套上a标签就好

因为能超链接的不是a就是js，要不就是form

 用a标签来实现
 <a href="链接的地址"><img src="图片的URL" width="图片的宽度" height="图片的高度" border="边框"></a>
 定义和用法
 <a> 标签定义超链接，用于从一张页面链接到另一张页面。
 <a> 元素最重要的属性是 href 属性，它指示链接的目标。

 <a href="javascript:;" class="tpl-table-images-content-i">
     <div class="tpl-table-images-content-i-info">
         <span class="ico">
             <img src="__TEACHER__/assets/img/user02.png" alt="">追逐
         </span>

     </div>
     <span class="tpl-table-images-content-i-shadow"></span>
     <img src="__TEACHER__/assets/img/a1.png" alt="" >
 </a>

二、内容在总结中

 

项目地址

fry404006308/m_Orchestrate: m_Orchestrate
https://github.com/fry404006308/m_Orchestrate