前言
官网自带的前台验证码中在view下有个contact.php的 文件,大家没事可以先看看它是怎么调验证码 闲话不说,感兴趣的朋友们下面来一起看看详细的介绍:
使用方法如下:
第一步: 因为我本身建立了modules,所以我在我的modules下新建了models的目录(默认gii生成modules是没有这个目录的),我取名为LoginForm.php
代码 如下:
?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
|
namespace app\\modules\\XXX\\models;//这个你们写自己的命名空间,我以我的modules项目路径为例
use Yii;
use yii\\base\\Model;
use yii\\captcha\\Captcha;
class LoginForm extends Model
{
public $name;
public $email;
public $subject;
public $body;
public $verifyCode;//验证码这个变量是必须建的,因为要储存验证码的值` /** * @return array the validation rules. */
public function rules()
{
return [
// name, email, subject and body are required
[['name', 'email', 'subject', 'body'], 'required'],
// email has to be a valid email
['email', 'email'],
// verifyCode needs to be entered correctly
['verifyCode', 'captcha'],//注意这里,在百度中查到很多教程,这里写的都不一样,最 简单的写法就像我这种写法,当然还有其它各种写法
//['verifyCode', 'captcha','captchaAction'=>'admin/index/captcha','message'=>'验 证码不正确!'], 这种写法在官网自带的LoginForm.php中有写到,大家可以没事看看 ];
}
/*
* * @return array customized attribute labels
*/
public function attributeLabels()
{
return [
// 'verifyCode' => 'Verification Code',
'verifyCode' => '',//在官网的教程里是加上了英文字母,我这里先给去掉了,这里去 掉会不会产生影响因为我还没做接收验证,只做了验证码显示的功能,你们可以自己测试下
];
}
/***/
|
然后第二步我们去控制器里加入代码
?
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
|
namespace app\\modules\\XXX\\controllers;//你们自己的控制器空间
use yii\\web\\Controller;
use yii\\web\\Session;
use Yii;
use app\\modules\\XXX\\models\\LoginForm;//XXX你们自己定义的名字
use yii\\filters\\AccessControl;
use yii\\filters\\VerbFilter;
/*
*这个是对应前台模版的action
*/
public function actionLogin()
{
$loginForm = new LoginForm();//这里要把刚才写的类new下,注意你们要引入文件路径额
$this->render('login',array('loginForm'=>$loginForm));//变量传到前台模版
}
/**
* @用户授权规则
*/
public function behaviors()
{
return [
'access' => [
'class' => AccessControl::className(),
'only' => ['logout', 'signup','login'],//这里一定要加
'rules' => [
[
'actions' => ['login','captcha'],
'allow' => true,
'roles' => ['?'],
],
[
'actions'=>['logout','edit','add','del','index','users','thumb','upload','cutpic','follow','nofollow'],
'allow' => true,
'roles' => ['@'],
],
],
],
'verbs' => [
'class' => VerbFilter::className(),
'actions' => [
'logout' => ['post'],
],
],
];
}
/**
* @验证码独立操作 下面这个actions注意一点,验证码调试出来的样式也许你并不满意,这里就可
以需修改,这些个参数对应的类是@app\\vendor\\yiisoft\\yii2\\captcha\\CaptchaAction.php,可以参照这个
类里的参数去修改,也可以直接修改这个类的默认参数,这样这里就不需要改了
*/
public function actions()
{
return [
// 'captcha' =>
// [
// 'class' => 'yii\\captcha\\CaptchaAction',
// 'fixedVerifyCode' => YII_ENV_TEST ? 'testme' : null,
// ], //默认的写法
'captcha' => [
'class' => 'yii\\captcha\\CaptchaAction',
'fixedVerifyCode' => YII_ENV_TEST ? 'testme' : null,
'backColor'=>0x000000,//背景颜色
'maxLength' => 6, //最大显示个数
'minLength' => 5,//最少显示个数
'padding' => 5,//间距
'height'=>40,//高度
'width' => 130, //宽度
'foreColor'=>0xffffff, //字体颜色
'offset'=>4, //设置字符偏移量 有效果
//'controller'=>'login', //拥有这个动作的controller
],
];
}
|
到这里第二步 控制器的代码就完成了,其中要加入的类,你们自己要留意,别落下!
第三步:
在view的模版里,我这里是login.php加入以下代码
?
|
1
2
3
4
5
6
7
8
9
10
|
<?php
$form = ActiveForm::begin([
'id' => 'login-form',
]);
?>
<?php
echo Captcha::widget(['name'=>'captchaimg','captchaAction'=>'login/captcha','imageOptions'=>['id'=>'captchaimg', 'title'=>'换一个', 'alt'=>'换一个', 'style'=>'cursor:pointer;margin-left:25px;'],'template'=>'{image}']);//我这里写的跟官方的不一样,因为我这里加了一个参数(login/captcha),这个参数指向你当前控制器名,如果不加这句,就会找到默认的site控制器上去,验证码会一直出不来,在style里是可以写css代码的,可以调试样式 ?>
<?php
ActiveForm::end();
?>
|
总结
以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对快网idc的支持。
原文链接:http://www.yiichina.com/tutorial/415
相关文章
猜你喜欢
- 个人服务器网站搭建:如何选择合适的服务器提供商? 2025-06-10
- ASP.NET自助建站系统中如何实现多语言支持? 2025-06-10
- 64M VPS建站:如何选择最适合的网站建设平台? 2025-06-10
- ASP.NET本地开发时常见的配置错误及解决方法? 2025-06-10
- ASP.NET自助建站系统的数据库备份与恢复操作指南 2025-06-10
TA的动态
- 2025-07-10 怎样使用阿里云的安全工具进行服务器漏洞扫描和修复?
- 2025-07-10 怎样使用命令行工具优化Linux云服务器的Ping性能?
- 2025-07-10 怎样使用Xshell连接华为云服务器,实现高效远程管理?
- 2025-07-10 怎样利用云服务器D盘搭建稳定、高效的网站托管环境?
- 2025-07-10 怎样使用阿里云的安全组功能来增强服务器防火墙的安全性?
快网idc优惠网
QQ交流群
您的支持,是我们最大的动力!
热门文章
-
2025-05-25 83
-
2025-05-25 66
-
2025-05-26 79
-
关于安装linux redhat后无法使用yum命令安装gcc-c++问题的解决过程
2025-05-27 54 -
2025-05-29 88
热门评论

