Thinkphp6+layui如何实现后台登录

这篇文章给大家分享的是有关Thinkphp6 + layui如何实现后台登录的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

创新互联服务项目包括杭锦后网站建设、杭锦后网站制作、杭锦后网页制作以及杭锦后网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,杭锦后网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到杭锦后省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

一、登录所用到组件

1、视图模板:安装:composer require topthink/think-view

2、验证码:安装:composer require topthink/think-captcha

3、session:需要开启session:打开app下的middeware.php文件,内部有个全局中间件 ,最后一行去掉注释即可。

准备基本完毕,手动开启教程。

二、前台搭建(layui框架)

2.1、你得先获取layui,去layui官网下载或者百度搜一下layui 的cdn

2.2、引入,我是放在tp6>public>static文件夹下。如图2-1.

Thinkphp6 + layui如何实现后台登录

图2-1 layui所在文件夹图

2.3:登录界面:界面图如2-2;

Thinkphp6 + layui如何实现后台登录

图2-2:登录界面图

代码如下所示:




    
    Title
    



    
        
            后台登录
                                                  用户名                                                                   
                
                                     密码                                                                   
                                                      验证码                                                                                                                                                                                                     重置                                                                 

前台代码基本上是这样:验证码哪一行有毛病,我不想解决。

三、后台逻辑实现。

需要用到一张数据表:我这是admin表,包含了以下字段如图3-1

Thinkphp6 + layui如何实现后台登录

图3-1 数据库设计表

其实登录 不需要group_id last_login_time 等字段。这里我是有其他功能要实现。如果我开心过两天发张博客。

我没用模型,你也可以用模型:这里我建立一个模型吧:

admin模型如下:

创建模型命令php think make:mode admin@UserModel

我这里开启了多应用模式,admin是我的应用,如果你没有使用多应用模式,把admin@去掉,当然,你也可以手动创建哈。

得到以下模型::图3-2

Thinkphp6 + layui如何实现后台登录

图3-2 模型位置图:UserModel

模型代码:

 'int',
        'name' => 'string',
        'password' => 'string',
        'status' => 'tinyint',
        'group_id' => 'int',
        'create_time' => 'datetime',
        'update_time' => 'datetime',
        'last_login_time' => 'datetime',
    ];
    // 模型初始化
    protected static function init()
    {
        //TODO:初始化内容
    }
}

对:在这之前你去要配置一下ENV变量,能链接数据库::自己去配置吧。

3-2:登录逻辑及代码::

第一步:检查session是否存在用户,存在直接跳到后台,否则就执行下一步

第二步:检查是不是post请求,如果是执行登录操作:不是渲染视图,将登录界面返回给用户;

第三步:登录中:获取用户传入数据,检查是否为空,(验证数据:我没写验证,懒);根据用户用户名查找用户信息,匹配密码,写入session,完成登录

代码如下:::

isPost()){
            $name= $request->param('name');
            $password = $request->param('password');
            $yzm = $request->param('yzm');

            //判断是否没有数据
            if(empty($name)&&empty($password)||empty($yzm)){
                return json(['status'=>0,'msg'=>'未提交数据']);
            }
            //数据不为空,查询用户是否存在

            $adminInfo = Db::name('msg_admin')->where('name','=',$name)->find();
            //halt($adminInfo);
            if(!empty($adminInfo) && $adminInfo['status']!=1){
                return json(['statsu'=>0,'msg'=>'用户不存在']);
            }
            if(!captcha_check($yzm)){
                return json(['status'=>0,'msg'=>'验证码不正确']);
            }
            //md5加密密码::password_salt是一个自定义密码加密具体
            //具体是在common.php中实现,具体如下:::
            /**
            0,'msg'=>'密码不正确']);
            }
            //将用户存入session中 
            session('adminAccount',$adminInfo);

            return json(['status'=>1,'msg'=>'登录成功']);
        }else{
            return View::fetch();
        }
    }
    //退出登录  
    public function loginOut(){
        session::clear();
        //重定向到登录界面》》》》
        return redirect('userLogin');
    }
}

这就是登录逻辑了:::

这里我还有一个问题:就是进入后台首页后,通过tp51,tp5方法,通过模板语法无法获取session,不知小伙伴们有没有解决方法,有的话告诉我一声。谢谢。

我的解决办法是:在首页index.html和index控制器中:

index控制器中:::

我将他送个session的值给了user,前台从user中取出::T_T

前台代码::




    
    Title
    



    
        XXX后台管理系统
        
        
            主页
            商品管理
            用户管理
            
                其它
                
                    
邮件管理
                    
消息管理
                    
授权管理
                                                                                                                       {$user.name}                                                                            
个人资料
                    
安全设置
                                          安全退出                                                                                            商品管理                                              
商品列表
                        
添加商品
                                                                           订单管理                                              
订单列表
                        
待审核
                        
配送中
                        
完成订单
                                                      其他功能                                                                           © layui.com - 底部固定区域     

后台主页界面图3-3

Thinkphp6 + layui如何实现后台登录

图3-3 后台主页界面图

感谢各位的阅读!关于“Thinkphp6 + layui如何实现后台登录”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!


分享文章:Thinkphp6+layui如何实现后台登录
文章来源:http://azwzsj.com/article/poeheg.html