后台

登录

1. 控制器

2. 页面

2.1 验证码

使用Thinkphp5.0提供的验证码，

• Config.php

// 验证码配置
'captcha' => [
    // 验证码的字符集
    'codeSet' => '23456789abcdefhijkmnpqrstuvwxyzABCDEFHJKMNPQRSTUVWXYZ',
    'fontSize' => 18,             // 设置验证码字体大小
    'useCurve' => false,          // 添加混淆曲线
    'imageW' => 150,              // 设置图片的高度、宽度
    'imageH' => 35,
    'length' =>4,                 // 验证码位数
    'reset' =>true                // 验证成功后重置
],

在页面部分增加如下代码：

<img style="width: 150px; height: 35px;"
     src="{:captcha_src()}" id="img" onclick="reloadImg()">

layui集成了jQuery直接可以引用即可：

layui.use(['layer'],function(){
        $ = layui.jquery;    // 引用jQuery
        layer = layui.layer;

        // 用户名控件获取焦点
        $('#username').focus();
        // 回车登录
        $('input').keydown(function(e){
            if(e.keyCode == 13){
                dologin();
            }
        });
    });

前台