美文网首页
TP6+Layui+x-admin管理员登录页面

TP6+Layui+x-admin管理员登录页面

作者: 挤时间学习的阿龙 | 来源:发表于2020-03-20 00:38 被阅读0次

1、管理员页面—页面传值

(1)创建一个Login控制器

D:\phpstudy_pro\WWW\yifeng>php think make:controller admin@Login --plain

image.png
(2)admin\view\login\login.html 创建目录和文件把x-admin中的的login.html过来,模版部分不用修改,修改js部分
image.png
(3)app\admin\controller\Login.php
<?php
declare (strict_types = 1);  
namespace app\admin\controller;
use think\facade\Request;
class Login
{
    //加载登录页面
    public function login(){
        return view();
    }

    //登录数据处理
    public function dologin(Request $request){
        halt($request::post());
    }
}

(4)演示(表明传输到后台了,后台还没有做判断方法)


image.png

2、帐号密码规则验证及正确性验证

(1)验证器 app\admin\validate\Manager.php 中加入用户名和密码的验证


image.png

(2)控制器app\admin\controller\Login.php

<?php
declare (strict_types = 1);

namespace app\admin\controller;
use think\facade\Request;
use think\admin\model\Manager;
use app\admin\model\Manager;
use think\facade\Session;
class Login
{
    //加载登录页面
    public function login(){
        return view();
    }

    //登录数据处理
    public function dologin(Request $request){
        $data = $request::post();
        //返回模型中的处理结果,把post获取的$data传参给模型Model/manager.php中的checkLogin方法
        $result = Manager::checkLogin($data);
        return json($result);
    }
}

(3)模型 app\admin\model\Manager.php

//处理登录验证
    public static function checkLogin($data){
        //数据的基础验证
        try {
            $result = validate(ManagerValidate::class)->scene('login')->check($data);
        } catch (ValidateException $e) {
            // 验证失败 输出错误信息
            return return_msg(0,$e->getError());
        }
        //验证用户名和密码
        $m = self::where('username',$data['username'])->find();
        if(!$m){
            return return_msg(0,'用户名不存在');
        }
        if(password_verify($data['password'],$m['password']) !== true)
            return return_msg(0,'密码输入错误');
        {
            session('username',$data['username']);
            session('userid',$m['id']);
            return return_msg(1,'登录成功');
        }
    }

为了区分验证场景,密码修改的模型方法中,验证中加入场景判断


image.png

(5)效果


image.png

相关文章

  • TP6+Layui+x-admin管理员登录页面

    1、管理员页面—页面传值 (1)创建一个Login控制器 D:\phpstudy_pro\WWW\yifeng>p...

  • 仿安居客服务端框架搭建-admin.js

    这个页面主要是管理员的登录页面 在这个页面中,所有进入admin相关的页面 都要校验用户身份先判断用户是否登录过,...

  • Flask 构建微电影视频网站(3.1)

    搭建后台页面 视图函数位于admin文件夹下, app/admin/views.py 管理员登录页面搭建 视图函数...

  • Python萌新登录界面基础逻辑

    程序开始 0管理员(隐藏) -登录管理员账号-数据处理中心检查(判断等级)-低级管理页面-用户管理-发布公告//-...

  • RouterGuard with react-router5

    作用 阻止页面越权 不用调用接口即可阻止页面越权例如:某普通管理员登录,即使知道超管的页面路由地址,也看不到越权的...

  • flask(3)

    这次我们聊聊后台页面的搭建,后台通常是用于管理的 后台页面搭建 我们类似于前台搭建,我们搭建一个后台管理员登录界面...

  • 2018-07-09

    登录及注册 登录界面 登录界面代码 管理员界面 管理员界面代码 设置父子窗口 注册界面 注册界面代码 调用参数 查...

  • 2019-07-18

    我的简单的登录注册页面练习1.登录页面 登录页面练习 2.注册页面

  • 3、登录程序

    目标 登录页面login.html 登录后台 登录页面login.html 登录后台 1)servlet(/hea...

  • 登录页面

    登录页面 登录页面: 登录页面用于用户登录操作,只有登录上个人账号才能获取自己的信息和其他非浏览信息、查询信息类的...

网友评论

      本文标题:TP6+Layui+x-admin管理员登录页面

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