当前位置: 代码迷 >> 综合 >> Composer 安装thinkphp5.1扩展类库,以及thinkphp5.1验证码扩展类的详细用法
  详细解决方案

Composer 安装thinkphp5.1扩展类库,以及thinkphp5.1验证码扩展类的详细用法

热度:95   发布时间:2023-12-05 12:22:59.0

今天我就和大家说说怎么用 Composer 安装thinkphp5.1扩展类库以及以及thinkphp5.1验证码扩展类的详细用法(包括验证码生成、点击刷新、以及验证码验证)。话不多说,现在开始。

一、安装thinkphp5.1扩展类库,我这里就以验证码扩展类为例,

其实用 Composer 安装 thinkphp5.1 扩展类库的方法和用 Composer 更新 thinkphp5.1 的方法是一样的,我之前有写过一篇文章,说的是用 Composer 安装和更新 thinkphp5.1 的,不清楚的小伙伴可以去看看 “ Composer 安装 thinkphp5.1 详细步骤 ”

将目录指向站点根目录执行安装验证码扩展命令  composer require topthink/think-captcha ,扩展类库安装命令在thinkphp官网上都可以找到。

二、类库安装成功就可以直接使用了 。

控制器:

<?php
namespace app\index\controller;
use think\Controller;
// 载入验证码扩展包
use think\captcha\Captcha;class Index extends controller
{public function index(){return $this->fetch();}// 生成验证码 public function verify(){$captcha = new Captcha();return $captcha->entry(); }// 验证码验证public function checkVerify(){// 接收验证码$verify = input('post.codes');$captcha = new Captcha();if( $captcha->check($verify) ){return 'Success';// 验证成功}else{return 'Error';// 验证失败}}}

视图:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>验证码验证</title>
</head>
<body><div><div><form action="JavaScript:" method="post" accept-charset="utf-8" onsubmit="return checkVerify()"><input type="text" id="code" name="Codes_text" placeholder="验证码" data-name="验证码"   name="Codes_text" class="login_txtbx"><img src="{:url('index/index/verify')}" alt="" class="verifyImg" id="verifyImg" onClick="getVerify();"><button>提交</button></form></div></div>
</body>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script>// 点击图片刷新验证码function getVerify(){$("#verifyImg").attr('src','/index/index/verify?'+Math.random());}function checkVerify(){// 用post提交,验证验证码var Codes_text = $("input[name='Codes_text']").val();$.post('/index/index/checkVerify',{codes: Codes_text,}, function(msg) {alert(msg);            });	}</script>
</html>

个人经验所得,不喜勿喷,如果您觉得有用就关注我吧,今后我会陆陆续的写下我再工作上的经验与大家分享。谢谢