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验证码如何验证？

1 $captcha = new 	hinkcaptchaCaptcha();
2 if (!$captcha->check($data['code'])) {
3     $this->error('验证码错误');
4 }

 1 <?php
 2 namespace appindexcontroller;
 3 use thinkLoader;
 4 use thinkValidate;
 5 
 6 use appindexcontrollerBase;
 7 
 8 class Login extends Base
 9 {
10     //登录
11     public function login()
12     {
13         if(request()->isPost()){
14             //1、获取用户从页面上传过来的账号和密码
15             $data=input('post.');
16             // dump($data);die;
17             //2、对获取的数据进行验证
18             $captcha = new 	hinkcaptchaCaptcha();
19             if (!$captcha->check($data['code'])) {
20                 $this->error('验证码错误');
21             }
22             $validate = Loader::validate('Login');
23             if(!$validate->scene('login')->check($data)){
24                 $this->error($validate->getError()); die;
25             }
26             
27             //3、在数据库中查找此用户和密码，找到则登录成功，没找到则登录失败
28             $res=db('user')->where('username',$data['username'])->where('password',md5($data['password']))->where('status',$data['status'])->find();
29             //4、如果在数据库中查找到数据，则判断是老师还是学生，跳转到相应的页面去，没有就直接返回错误界面
30             if($res){
31                 if($data['status']) $this->success("即将跳转到老师界面！！");
32                 else $this->success("即将跳转到学生界面！！");
33             }else{
34                 $this->error('用户名或者密码错误或者未注册！！');
35             }
36 
37         }
38 
39         return view();
40     }

3、thinkphp如何跨模块调用？

实例

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

参考手册

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

4、如何实现button的链接？

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

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

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

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

 1 <a href="javascript:;" class="tpl-table-images-content-i">
 2     <div class="tpl-table-images-content-i-info">
 3         <span class="ico">
 4             <img src="__TEACHER__/assets/img/user02.png" alt="">追逐
 5         </span>
 6 
 7     </div>
 8     <span class="tpl-table-images-content-i-shadow"></span>
 9     <img src="__TEACHER__/assets/img/a1.png" alt="" >
10 </a>

二、内容在总结中

项目地址

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