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 	hinkcaptchaCaptcha();
if (!$captcha->check($data['code'])) {
    $this->error('验证码错误');
}

<?php
namespace appindexcontroller;
use thinkLoader;
use thinkValidate;

use appindexcontrollerBase;

class Login extends Base
{
    //登录
    public function login()
    {
        if(request()->isPost()){
            //1、获取用户从页面上传过来的账号和密码
            $data=input('post.');
            // dump($data);die;
            //2、对获取的数据进行验证
            $captcha = new 	hinkcaptchaCaptcha();
            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