[PHP高可用后端]⑥--验证码功能
2017-10-31 本文已影响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;">
</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
