Yii实现注册登录+发送验证码-2021.10.28记录

最新推荐文章于 2022-11-23 18:53:43 发布
最新推荐文章于 2022-11-23 18:53:43 发布
阅读量381 收藏 1
点赞数 1
分类专栏： 原创 技术 yii 文章标签： css html yii
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_38853628/article/details/121020230
版权
原创 同时被 3 个专栏收录
14 篇文章 0 订阅
订阅专栏
技术
14 篇文章 0 订阅
订阅专栏
yii
4 篇文章 0 订阅
订阅专栏

1.注册表单

 <body>
        <div class="container">
            <div class="form-signin">
            <h2 class="form-signin-heading">积分注册</h2>
                <input class="input-block-level" placeholder="姓名" name="Admin[username]" id="Admin_username" type="text" maxlength="250" />
                <input class="input-block-level" placeholder="公司手机号" name="Admin[User_company_tel]" id="Admin_User_company_tel" type="text" maxlength="11" />
                <input class="input-block-level" placeholder="个人手机号" name="Admin[User_person_tel]" id="Admin_User_person_tel" type="text" maxlength="11" />
                <input class="input-block-level" placeholder="密码" name="Admin[password]" id="Admin_password" type="password" maxlength="250" />
                <br>
                <div class="userdepa">
                    <select name="Admin[user_depa]" id="Admin_user_depa">
                        <option value="" >--请选择部门--</option>
                        <option value="1">管理员</option>
                        <option value="2">销售</option>
                        <option value="3">采购</option>
                        <option value="4">美工</option>
                        <option value="5">技术</option>
                        <option value="6">编辑</option>
                        <option value="7">财务</option>
                        <option value="8">行政</option>
                        <option value="9">人事</option>
                        <option value="10">前台</option>
                    </select>  
                </div>
                <p><button class="btn btn-primary" type="button" onclick="checkReg()">注册</button></p>
            </div>
        </div>
    </body>

2.注册控制器

<?php

namespace app\modules\admin\controllers;

use Yii;
use yii\web\Controller;
use app\models\OaUser;
use yii\helpers\Url;

/**
 * Default controller for the `admin` module
 */
class RegisterController extends Controller
{
    public $layout = false;

    //注册页面
    public function actionRegister(){
        return $this->render('register');
    }
    // 登录验证页面
    public function actionValidate(){
        $User_Name = Yii::$app->request->post("User_Name");
        $query = OaUser::find()->where(['User_Name'=>$User_Name])->one();
        if($query){
            return json_encode(array('status'=>3));
        }else{
            $model = new OaUser();
            $model['User_Name'] = $User_Name;       
            $model['User_company_tel'] = Yii::$app->request->post("User_company_tel");       
            $model['User_person_tel']=Yii::$app->request->post("User_person_tel");       
            $model['User_Pass'] = md5(Yii::$app->request->post("User_Pass"));       
            $model['User_Depa']=Yii::$app->request->post("User_Depa");       
            if($model->save(false)){
                return json_encode(array('status'=>200,'url'=>Url::toRoute(['autho/login'])));
            }else{
                return json_encode(array('status'=>400));
            } 
        }
    }
}

3.登录表单

<?php
use yii\helpers\Url;
?>
<!DOCTYPE html>
<html lang="ch-zn">
    <head>
        <meta charset="UTF-8">
        <title>后台管理系统</title>
        <link rel="stylesheet" type="text/css" href="/adminui/bootstrap/css/bootstrap.css" />
        <script type="text/javascript" src="/TpPublic/Admin/js/jquery.min.1.8.1.js"></script>
        <script type="text/javascript" src="/TpPublic/Admin/js/IA300ClientJavascript.js"></script>
        <style type="text/css">
            body {
                padding-top: 40px;
                padding-bottom: 40px;
                background-color: #f5f5f5;
            }
            .form-signin {
                max-width: 400px;
                padding: 19px 29px 29px;
                margin: 0 auto 20px;
                background-color: #fff;
                border: 1px solid #e5e5e5;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
                -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
                -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
                box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            }

            .form-signin .form-signin-heading,
            .form-signin .checkbox {
                margin-bottom: 10px;
            }

            .form-signin input[type="text"],
            .form-signin input[type="password"],
            .form-signin input[type="button"] {
                font-size: 16px;
                height: auto;
                margin-bottom: 15px;
                padding: 7px 9px;
            }
            /*发送验证码按钮*/
            .code-btns{
                margin-left: 5px;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <div class="form-signin">
            <h2 class="form-signin-heading">积分登录</h2>
                <input class="input-block-level" placeholder="手机号" name="Admin[user_person_tel]" id="User_person_tel" type="text" maxlength="11" />
                <input type="text"  placeholder="验证码"  id="code"><input  type="button" class="code-btns" value="获取验证码"  id="code-btn"><span class="ico2"></span>
                <input class="input-block-level" placeholder="密码" name="Admin[password]" id="Admin_password" type="password" maxlength="250" />
                <p><button class="btn btn-primary" type="button" onclick="GetUID()">登录</button></p>
            </div>
        </div>
    </body>
</html>


<script language="javascript" runat="server" type="text/javascript">
        function OnPageLoad () {
            var browser = DetectBrowser();
            if ( browser == "Unknown" ) {
                alert("不支持该浏览器， 如果您在使用傲游或类似浏览器，请切换到IE模式");
                return ;
            }
            //createElementIA300() 对本页面加入IA300插件
            createElementIA300();
            //DetectActiveX() 判断IA300Clinet是否安装
            var create = DetectIA300Plugin();
            if ( create == false ) {
                alert("插件未安装,请安装客户端插件");
                return true;
            }
            //setTimeout("GetUID()",300);
        }
        function GetUID () {
            var person_tel = $('#User_person_tel').val();
            var code = $('#code').val();
            var pwd = $('#Admin_password').val();
            var reg = /^1[3456789]\d{9}$/;

            if(person_tel=='' ||person_tel.length!=11 ||!reg.test(person_tel)){
                alert("手机号有误!");
                return false;
            }
            if(code=='' ||code.length!=5){
                alert("验证码有误！");
                return false;
            }
            if(pwd==''){
                alert("请输入密码！");
                return false;
            }
            //使用ajax将手机号 密码 传给后台PHP做处理
        $.post("<?php echo Url::toRoute('validatelogin')?>",{"User_person_tel":person_tel,"code":code,"User_Pass":pwd,"_csrf":"<?php echo Yii::$app->request->csrfToken; ?>"},function(data){
                if(data['status'] == 300){
                    alert(data['msg']);
                    return false;
                }
                if ( data['status'] == 400 ) {
                    alert ("非法登录 或者 密码错误");
                    return false;
                }
                if ( data['status'] == 500 ) {
                    alert ( "限制登录" ) ;
                    return false;
                }
                if ( data['status']==200 ) {
                    // alert('登录成功');
                    window.location = data['url'];
                }
            },'json');
        }
        //获取验证码按钮
        var iTime = 59;
        var Account;
        $('#code-btn').click(function(){
        var person_tel = $('#User_person_tel').val();
        var reg = /^1[3456789]\d{9}$/;
        if (person_tel == "" || person_tel.length != 11  ||  !reg.test(person_tel)) {
            alert('手机号有误!');
            return false;
        }else{
            RemainTime();
        }
        $.post("<?php echo Url::toRoute('validatesendmsg')?>",{"User_person_tel":person_tel,"_csrf":"<?php echo Yii::$app->request->csrfToken; ?>"},function(data){
                //等于200表示发送短信成功
                if ( data['status']==201 ) {
                    alert(data['message']);
                    return true;
                //等于500表示发送短信失败    
                }else{
                    alert(data['message']);
                    return false;
                }
            },'json');
        });
        //实现倒计时
        function RemainTime() {
            document.getElementById('code-btn').disabled = true;
            var iSecond, sSecond = "", sTime = "";
            if (iTime >= 0) {
                iSecond = parseInt(iTime % 60);
                iMinute = parseInt(iTime / 60)
                if (iSecond >= 0) {
                    if (iMinute > 0) {
                        sSecond = iMinute + "分" + iSecond + "秒";
                    } else {
                        sSecond = iSecond + "秒";
                    }
                }
                sTime = sSecond;
                if (iTime == 0) {
                    clearTimeout(Account);
                    sTime = '重新取验证码';
                    iTime = 59;
                    document.getElementById('code-btn').disabled = false;
                } else {
                    Account = setTimeout("RemainTime()", 1000);
                    iTime = iTime - 1;
                }
            } else {
                sTime = '没有倒计时';
            }
            $('#code-btn').val(sTime);
        }; 
        function SetHome(url){
            if (document.all) {
                document.body.style.behavior='url(#default#homepage)';
                document.body.setHomePage(url);
            } else { 
                alert("您好,您的浏览器不支持自动设置页面为首页功能,请您手动在浏览器里设置该页面为首页!");
            }
        }
</script>

4.登录控制器

<?php

namespace app\modules\admin\controllers;

use Yii;
use yii\web\Controller;
use app\models\OaUser;
use yii\helpers\Url;

/**
 * Default controller for the `admin` module
 */
class AuthoController extends Controller
{
    public $layout = false;
    public function actionLogin(){
        return $this->render('login');
    }
    public function actionValidatesendmsg(){
        $phoneNum = Yii::$app->request->post("User_person_tel");
        require_once Yii::$app->basePath .'/vendor/phpunit/phpunit/src/Extensions/duanxin/send/sendSMS.php';
        $sendSMSClass = new \sendSMS();
        // 随机验证码
        $smsword = rand(10000,99999);
        $sendsms = $sendSMSClass->sendTemplateSMS($phoneNum, array($smsword, '60'), "54874");
        if(!empty($sendsms)){
          setcookie('phonesmsword', $smsword);
          exit(json_encode(array('status'=>201, 'message'=>'短信验证码已发送')));
        }else{
          exit(json_encode(array('status'=>500, 'message'=>'短信验证码发送失败')));
        }
    }
    // 登录验证页面
    public function actionValidatelogin(){
        //验证验证码是否有误 
        if(Yii::$app->request->post("code")!==$_COOKIE['phonesmsword']){
            return json_encode(array('status'=>300,'msg'=>'验证码错误!'));exit();
        }else{
              $data = OaUser::find()->where(['User_person_tel'=>Yii::$app->request->post("User_person_tel"),'User_Pass'=>md5(Yii::$app->request->post("User_Pass"))])->one();
            $str = "本次登录的时间是:".date('Y-m-d h:i:s',time()).","."手机号是:".Yii::$app->request->post('User_person_tel').","."登录IP是:".$_SERVER['REMOTE_ADDR'];
            file_put_contents(Yii::$app->basePath .'/jifen_admin_login_log/jifen_admin_login_log.log', '----' . date('Y-m-d H:i:s') . '----' . $str . "\r\n", FILE_APPEND);
            if(!empty($data)) {
                if ( $data['User_State']==0 ) {
                    setcookie ( "AMUID" , $data["User_ID"] , time()+3600*24 , "/" ) ;
                    // setcookie ( "ULEVEL" , $data["User_Level"] , time()+3600*24 , "/" ) ;
                    // setcookie ( "UDEPA" , $data["User_Depa"] , time()+3600*24 , "/" ) ;
                    return json_encode(array('status'=>200, 'url'=>Url::toRoute(['index/index']) ));
                } else {
                    return json_encode(array('status'=>500));
                    // 离职
                    // echo "-2" ;
                }
            } else {
                echo json_encode(array('status'=>400 ));
                // echo "-1" ;
                // 非法KEY
            }
        }

    }

 

记录工作+学习的点滴，您的点赞是我前进的动力，加油！加油！

大帅同学
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
yii2简单注册登录
05-18
使用yii2框架完成的简单注册登录功能，数据库在data目录下。
yii2项目实战-用户管理之登录与注册功能实现
weixin_33859665的博客
09-09 292
为什么80%的码农都做不了架构师？>>> ...
yii2登陆注册
宋
04-01 976
注册 在advanced模板中，进入frontend/index.php?r=site%2Fsignup页面，可以看到框架的注册页面 填写完Username、Email和Password后点击Signup后，如果格式不对，frontend/models/SignuForm中的rules()函数会进行初步验证，所有格式正确后，数据传输到 frontend/controller
yii 邮箱验证_Yii2系列教程四：实现用户注册，验证，登录
weixin_42162216的博客
01-17 499
上一篇写了一点点Yii2的数据库相关知识和强大的Gii，这一篇就如上一篇的最后所说的一样：在Yii2中实现用户的注册和登录。你可以直接到Github下载源码，以便可以跟上进度，你也可以重头开始，一步一步按照这个教程来做。本期的用户注册和登录，我会使用一个很棒的composer package ：dektrium/yii2-user，下面就开始我们的故事吧。用户的注册和登录在现在的Web应用中，几乎...
Yii框架2.0的 验证码
weixin_30374009的博客
04-23 59
最近看了一个Yii的教程视频，是按1.1的版本讲的，我想用Yii2.0的框架也参考他的学习开发下，结果发现好多不一样的，现在就说说验证码的事 首先加入一个actions 做验证码图片的显示，实际事调用了 CaptchaActive 类 public function actions() { return [ 'captcha' => [ ...
yii-advanced-app-2.0.10.tgz
12-06
1. **frontend**：这是前端应用程序目录，包含用户直接交互的部分，如登录、注册、展示公共信息等。 2. **backend**：后端应用程序目录，主要处理管理员和授权用户的管理界面，如数据管理、系统设置等。 3. **...
yii-advanced-app-2.0.36.tgz
08-14
Yii 2 Advanced Application 是一个基于 Yii 2 框架的高级项目模板，适用于构建复杂的、多应用的 Web 应用程序。版本号 2.0.36 表示这是该框架的一个稳定版本，提供了许多改进和修复。这个 `.tgz` 文件是该模板的...
yii-basic-app-2.0.32.tgz
06-01
这个“yii-basic-app-2.0.32.tgz”压缩包包含了Yii2框架的基本应用模板，适用于快速搭建一个新的Web项目。版本号“2.0.32”意味着这是一个稳定且更新到最新状态的版本，确保了安全性与兼容性。 Yii2框架的核心特性...
yii-advanced-app-2.0.35.tgz
06-01
在本案例中，我们讨论的是Yii2框架的高级应用模板（Advanced App Template）的一个版本——v2.0.35，这个版本的归档文件为“yii-advanced-app-2.0.35.tgz”。 Yii2 高级应用模板是一个预配置的项目结构，旨在满足...
yiren-p8Yii-v17323.apk
最新发布
03-18
yiren-p8Yii-v17323.apk
Yii框架实现的验证码、登录及退出功能示例
12-20
本文实例讲述了Yii框架实现的验证码、登录及退出功能。分享给大家供大家参考，具体如下： 捣鼓了一下午，总算走通了，下面贴出代码。 Model <?php class Auth extends CActiveRecord { public static function model($className = __CLASS__) { return parent::model($className); } public function tableName() { return '{{auth}}'; } } 注：我的用户表是auth，所以模型是Auth.php
yii框架之简单的验证码实现
matiantian666的博客
06-12 878
1.模型层demo: 引用小部件: use yii\captcha\Captcha; 定义变量: public $verifyCode; 验证规则: ['verifyCode', 'captcha','message'=>'验证码错误'], 2.视图层demo: 引用小部件: use yii\captcha\Captcha; 添加验证码:
用yii2进行注册接口+登录接口+带token就能登录+登录后的到底是谁?(一个人使用的版本)接口:
qq_37805832的博客
11-23 1701
第一步： 注册：核心代码: /*注册*/ /* $request = \Yii::$app->request; $username = $request->post('username'); $password = $request->post('password'); \Yii::$app->db->createCommand()->insert('user', [ 'username'
php框架登录与注册,Yii2框架实现注册和登录教程
weixin_36451610的博客
03-20 240
注册在advanced模板中，进入frontend/index.php?r=site%2Fsignup页面，可以看到框架的注册页面填写完Username、Email和Password后点击Signup后，如果格式不对，frontend/models/SignuForm中的rules()函数会进行初步验证，所有格式正确后，数据传输到 frontend/controllers /SiteControl...
yiii2生成验证码以及刷新验证码
qq_40787608的博客
11-23 568
yii2生成验证码刷新验证码
Yii入门指导（五）：实战之“会员注册”
weixin_33798152的博客
10-31 99
2019独角兽企业重金招聘Python工程师标准>>> ...
Yii2发送短信验证码完全解决方案
xmlife的专栏
06-30 5969
通过Yii2 rules验证手机号 通过js验证是否为手机号 通过Ajax验证手机是否在数据库存在 通过ajax发送短信验证码 Js倒计时功能（cookie保存信息，防刷新） 通过Yii2 rules 验证手机短信码是否合法。 实现详细步骤和代码 前端表单设计,这里主要定义了手机号码filed和和发送短信的按钮 'id' =>'second' $form = ActiveForm:
yii2.0 自带验证码项目总结
daxia_85的博客
05-02 2784
yii2.0 自带的验证码可以帮我们实现了验证码,下面就是我在项目中的应用, 由于之前网上查询也碰到一定的问题,,所以总结我这次的项目..........
2021版 vs code点击函数跳转跟踪--安装php intelliSense插件
Anything Is Possible!!!
09-18 1318
1.在开发过程中或者阅读代码的过程中ctrl+鼠标左键是常常使用的，但是开始安装vs code并没有这个功能，我们需要自行安装这个插件php intelliSense实现函数的跳转跟踪，来下面简单操作一下 2.打开vs code编辑器后ctrl+shift+X打开扩展或者点击左边的那个方框图标，搜索 PHP IntelliSense 安装插件 简单记录，希望对老铁有帮助 ...
Yii框架入门：模型-视图-控制器解析与实践
"本文档是关于Yii框架的基础教程，旨在引导用户了解并熟悉Yii框架的结构和功能，通过实例帮助用户实现简单的PHP网页设计。主要涵盖了MVC架构、控制器、模型、视图、组件、模块、路径别名与名字空间、开发规范以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大帅同学

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值