TP6+Layui+x-admin密码设置页面

1、创建修改密码控制器
创建一个空的控制器

php think make:controller admin@Manager --plain


提示这个就创建好了

2、调试(页面加载、数据提交和响应)
(1)创建后台方法 app\admin\controller\Manager.php

<?php
declare (strict_types = 1);

namespace app\admin\controller;
use think\facade\Request;

class Manager
{
    //加载视图
    public function setpassword()
    {
        return view();
    }

    //密码修改
    public function dopassword()
    {
       return view();  
    }
}

(2)模板部分代码

<div class="layui-fluid">
            <div class="layui-row">
                <form class="layui-form">
                    <div class="layui-form-item">
                        <label for="L_repass" class="layui-form-label">
                            <span class="x-red">*</span>旧密码</label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_repass1" name="oldpass" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_pass" class="layui-form-label">
                            <span class="x-red">*</span>新密码</label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_pass" name="newpass" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
                        <div class="layui-form-mid layui-word-aux">6到16个字符</div></div>
                    <div class="layui-form-item">
                        <label for="L_repass" class="layui-form-label">
                            <span class="x-red">*</span>确认密码</label>
                        <div class="layui-input-inline">
                            <input type="password" id="L_repass" name="repass" required="" lay-verify="required" autocomplete="off" class="layui-input"></div>
                    </div>
                    <div class="layui-form-item">
                        <label for="L_repass" class="layui-form-label"></label>
                        <button class="layui-btn" lay-filter="save" lay-submit="">确认修改</button></div>
                </form>
            </div>
        </div>

(3)js部分


image.png

(4)通过打印结果我们可以看出数据新旧密码都在field内,想后台发送的数据改为data.field


image.png

image.png

(5)打印查看传递给后台的数据
image.png

image.png

(6)调试与后台通讯,并未实际调试成功


image.png

image.png

image.png

image.png

image.png

3、后台模型讲解
(1)讲解如果引入的是

use think\facade\Request;
halt($request::post());

image.png

ruguo
如果引用的是

use think\post;
halt($request->post());

image.png

(2)创建模型

php think make:model admin@Manager

image.png
image.png

admin\model\Manager.php


image.png

admin\controller\Manager.php


image.png

前台已经可以弹出后台模型中的提示信息


image.png

4、管理员密码修改-数据处理
(1)js部分 与2(6)中一致

<script>layui.use(['form', 'layer'],
            function() {
                $ = layui.jquery;
                var form = layui.form,
                layer = layui.layer;

                //监听提交
                form.on('submit(save)',
                function(data) {
                    console.log();
                    //发异步,把数据提交给php
                    $.post("{:url('Manager/dopassword')}",data.field,
                        function (res) {
                            var alert_index;
                            alert_index=layer.alert(res.msg, {
                                    icon: 6
                                },
                                function() {
                                if(res.code == 1){
                                    // 获得frame索引
                                    var index = parent.layer.getFrameIndex(window.name);
                                    //关闭当前frame
                                    parent.layer.close(index);
                                }
                                    layer.close(alert_index);
                                });
                    });
                    return false;
                });

            });</script>

(2)后台控制器

//密码修改
    public function dopassword(Request $request)
    {
        //后台登录了才可以进行密码修改,这里给一个模拟的session,最后一个admin是作用域
        session('adminuser','admin','admin');
        session('adminid','1','admin');

        $data = $request::post();
        $result = ManagerModel::store($data);
        return json($result);
    }

(3)admin/model/manager模型

//处理密码修改数据
    public static function store($data){
        //判断旧密码
        $manager = self::find(session('adminid',"",'admin'));
        if(!$manager){
            return ['code'=>0,'msg'=>'账号登录异常~!!!'];
        }
        //验证旧密码
        if(password_verify($data['oldpass'],$manager['password'])!==true){
            return ['code'=>0,'msg'=>'旧密码输入不正确~!'];
        }
        //新密码和确认密码
        if($data['newpass']!==$data['repass']){
            return ['code'=>0,'msg'=>"两次密码输入不一致"];
        }
        //把新密码更新到数据库
        $manager->password = password_hash($data['newpass'],PASSWORD_DEFAULT);
        $result = $manager->save();
        if($result){
            return ['code'=>1,'msg'=>'密码修改成功~!!!'];
        }else{
            return ['code'=>0,'msg'=>'修改失败~!'];
        }
    }

(4)效果


image.png

image.png

5、管理员密码修改-验证器的使用
(1)如果app\admin目录下没有validate使用以下命令创建验证类

php think make:validate admin@Manager

image.png

image.png

(2)app\admin\validate\Manager.php

<?php
declare (strict_types = 1);

namespace app\admin\validate;
use think\Validate;

class Manager extends Validate
{
    /**
     * 定义验证规则
     * 格式:'字段名' =>  ['规则1','规则2'...]
     * @var array
     */ 
    protected $rule = [
        'oldpass' => 'require|min:6',
        'newpass' => 'require|min:6|confirm:repass',
    ];
    
    /**
     * 定义错误信息
     * 格式:'字段名.规则名' =>  '错误信息'
     */ 
    protected $message = [
        'oldpass.require' =>'旧密码不能为空',
        'oldpass.min' =>'旧密码不能力少于6位',
        'newpass.require'=>'新密码不能为空',
        'newpass.min' =>'新密码不能力少于6位',
        'oldpass.confirm' => '两次密码不一致',
    ];
}

(3)app\admin\model\Manager.php 6.0手册-验证器


image.png
//数据的基础验证 
        try {
            validate(ManagerValidate::class)->check($data);
        } catch (ValidateException $e) {
            // 验证失败 输出错误信息
            return ['code'=>0,'msg'=>$e->getError()];
        }

(4)效果


image.png

6、自定义函数和代码优化
主要是优化提示消息
(1)在app\admin\common.php 公共方法文件中

<?php
// 这是系统自动生成的公共文件

//生成返回数据
function return_msg($code=1,$msg='操作成功'){
    return['code'=>$code,'msg'=>$msg];
}

(2)模型中app\admin\model\Manager.php


image.png

(3)测试消息提示正常

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 221,273评论 6 515
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,349评论 3 398
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,709评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,520评论 1 296
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,515评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,158评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,755评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,660评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,203评论 1 319
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,287评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,427评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,122评论 5 349
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,801评论 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,272评论 0 23
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,393评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,808评论 3 376
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,440评论 2 359

推荐阅读更多精彩内容