美文网首页
[PHP高可用后端]⑥--验证码功能

[PHP高可用后端]⑥--验证码功能

作者: 子木同 | 来源:发表于2017-10-31 16:34 被阅读37次
    Paste_Image.png Paste_Image.png Paste_Image.png Paste_Image.png

    index.html(view)

    <!DOCTYPE HTML>
    <html>
    <head>
        <meta charset="utf-8">
        <meta name="renderer" content="webkit|ie-comp|ie-stand">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport"
              content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
        <meta http-equiv="Cache-Control" content="no-siteapp"/>
        <!--[if lt IE 9]>
        <script type="text/javascript" src="lib/html5shiv.js"></script>
        <script type="text/javascript" src="lib/respond.min.js"></script>
        <![endif]-->
        <link href="__STATIC__/hadmin/static/h-ui/css/H-ui.min.css" rel="stylesheet" type="text/css"/>
        <link href="__STATIC__/hadmin/static/h-ui.admin/css/H-ui.login.css" rel="stylesheet" type="text/css"/>
        <link href="__STATIC__/hadmin/static/h-ui.admin/css/style.css" rel="stylesheet" type="text/css"/>
        <link href="__STATIC__/hadmin/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" type="text/css"/>
        <!--[if IE 6]>
        <script type="text/javascript" src="__STATIC__/hadmin/lib/DD_belatedPNG_0.0.8a-min.js"></script>
        <script>DD_belatedPNG.fix('*');</script>
        <![endif]-->
        <title>后台登录 </title>
    </head>
    <body>
    <input type="hidden" id="TenantId" name="TenantId" value=""/>
    
    <div class="loginWraper">
        <div id="loginform" class="loginBox">
            <form class="form form-horizontal" action="{:url('login/check')}" method="post">
                <div class="row cl">
                    <label class="form-label col-xs-3"><i class="Hui-iconfont"></i></label>
                    <div class="formControls col-xs-8">
                        <input id="" name="username" type="text" placeholder="用户名" AUTOCOMPLETE="OFF"
                               class="input-text size-L">
                    </div>
                </div>
                <div class="row cl">
                    <label class="form-label col-xs-3"><i class="Hui-iconfont"></i></label>
                    <div class="formControls col-xs-8">
                        <input id="" name="password" type="password" placeholder="密码" AUTOCOMPLETE="OFF"
                               class="input-text size-L">
                    </div>
                </div>
                <div class="row cl">
                    <div class="formControls col-xs-8 col-xs-offset-3">
                        <input class="input-text size-L" type="text" placeholder="验证码" name="code" value=""
                               style="width:150px;">
                      ![](/captcha)
                    </div>
                </div>
                <div class="row cl">
                    <div class="formControls col-xs-8 col-xs-offset-3">
    
                    </div>
                </div>
                <div class="row cl">
                    <div class="formControls col-xs-8 col-xs-offset-3">
                        <input name="" type="submit" class="btn btn-success radius size-L"
                               value=" 登    录 ">
                        <input name="" type="reset" class="btn btn-default radius size-L"
                               value=" 取    消 ">
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="footer">singwa-app-admin</div>
    <script type="text/javascript" src="__STATIC__/hadmin/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="__STATIC__/hadmin/static/h-ui/js/H-ui.min.js"></script>
    <script>
        //刷新验证码
        function reloadcode(obj) {
            obj.src = "/captcha?id=" + Math.random();
        }
    
    </script>
    
    </body>
    </html>
    

    < i m g src="/captcha" onclick="reloadcode(this)">

    <script>
        //刷新验证码
        function reloadcode(obj) {
            obj.src = "/captcha?id=" + Math.random();
        }
    
    </script>
    
    <form class="form form-horizontal" action="{:url('login/check')}" method="post">
    

    Login.php(controller)

    <?php
    
    namespace app\admin\controller;
    
    use think\Controller;
    
    class Login extends Controller
    {
    
        public function index()
        {
            return $this->fetch();
        }
    
        public function check()
        {
            $data = input('post.');
            if (!captcha_check($data['code'])) {
                $this->error('验证码不正确');
            } else {
                //test
                $this->success('OK');
            }
        }
    }
    

    config.php

        'captcha' => [
            'imageH' => 50,
            'imageW' => 200,
        ]
    
    Paste_Image.png Paste_Image.png Paste_Image.png

    相关文章

      网友评论

          本文标题:[PHP高可用后端]⑥--验证码功能

          本文链接:https://www.haomeiwen.com/subject/mtpbpxtx.html