thinkphp5 系统登录的实现

最新推荐文章于 2024-05-24 07:51:25 发布

amberom

最新推荐文章于 2024-05-24 07:51:25 发布

阅读量2.1w

点赞数 9

分类专栏： ThinkPHP

ThinkPHP 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

登录功能，是我们几乎开发每个系统都必须的模块。

登录功能设计思路

用户输入网址展示登录页面
用户输入用户名，密码等点击登录进行信息校验
1. 校验通过之后，记录用户登录信息，跳转指定页面
2. 用户校验失败，提示失败信息

下面功能相关的目录和文件

具体功能实现

登录页面的设计
为了快速搭建可用、美观的页面，我们采用一个比较成熟的前端框架 Bootstrap。下面我们到 Bootstrap的官网 Bootsrap官网下载 bootstrap。本案例下载 v3.3.7。下载完成之后，放到 public\static 下改名为 bootstrap。在 application\index\controller 下新建 Login.php

<?php
namespace app\index\controller;

use think\Controller;

class Login extends Controller
{
    public function index()
    {
    	return $this->fetch();
    }   
}

在 application\index\view 新建 login 文件夹，然后在其内新建 index.hml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录系统</title> 
    <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>

<body class="gray-bg">
<div class="container">
	<div class="row">
	    <div class="col-sm-7">
	        <div class="ibox float-e-margins">	          
	            <div class="ibox-content">
	                <div class="row">
	                    <div class="col-sm-6 b-r">
	                        <h3 class="m-t-none m-b">登录</h3>
	                        <p>欢迎登录本站(⊙o⊙)</p>
	                        <form role="form" action="{:url('login/dologin')}" method="post">
	                            <div class="form-group">
	                                <label>用户名</label>
	                                <input type="text" placeholder="请输入用户名" name="user_name" class="form-control">
	                            </div>
	                            <div class="form-group">
	                                <label>密码</label>
	                                <input type="password" placeholder="请输入密码" name="user_pwd" class="form-control">
	                            </div>
	                            <div>
	                                <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>登 录</strong>
	                                </button>	                               
	                            </div>
	                        </form>
	                    </div>	                   
	                </div>
	            </div>
	        </div>
	    </div>
	</div>
</div> 
<script src="/static/js/jquery.min.js?v=2.1.4"></script>
<script src="/static/bootstrap/js/bootstrap.min.js"></script>
</body>
</html>

访问 www.phper.com/index/login 页面效果如下：

数据库的设计

展示用户登陆的页面有了，那么我们现在来设计一下，存储用户信息的表。首先，我们通过 Navicat，新建一个数据库 phper 并设计编码为 UTF8，然后新建用户表 users：

DROP TABLE IF EXISTS `users`;
CREATE TABLE `users` (
  `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户id',
  `user_name` varchar(155) NOT NULL COMMENT '用户名',
  `user_pwd` varchar(50) NOT NULL COMMENT '用户密码',
  PRIMARY KEY (`id`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8;

在数据库中新建一条数据：

insert into users(`user_name`,`user_pwd`) value('admin','21232f297a57a5a743894a0e4a801fc3');

下面我们就可以用过这个 admin 进行后面的登录了。密码的明文是： admin.。然后我们配置一下 thinkphp5 的数据库设置。在application 下面的 database.php 进行的配置：
>[info] 配置这个数据库文件，那么前台模块和后台模块都能用到这个数据库配置。同样，我们还可以在 admin 和 index 模块下面的 database.php 进行配置，这样可以单独对 index 和 admin 模块起作用。

 	// 数据库类型
    'type'            => 'mysql',
    // 服务器地址
    'hostname'        => '127.0.0.1',
    // 数据库名
    'database'        => 'phper',
    // 用户名
    'username'        => 'root',
    // 密码
    'password'        => 'root',
    // 端口
    'hostport'        => '3306',

登录功能的具体实现

我们在页面设计的时候可以看到，我给 form 表单的提交地址填写的地址是 login控制的 dologin。因此，我们在 Login.php 中新建 doLogin 方法：

    // 处理登录逻辑
    public function doLogin()
    {
    	$param = input('post.');
    	if(empty($param['user_name'])){
    		
    		$this->error('用户名不能为空');
    	}
    	
    	if(empty($param['user_pwd'])){
    		
    		$this->error('密码不能为空');
    	}
    	
    	// 验证用户名
    	$has = db('users')->where('user_name', $param['user_name'])->find();
    	if(empty($has)){
    		
    		$this->error('用户名密码错误');
    	}
    	
    	// 验证密码
    	if($has['user_pwd'] != md5($param['user_pwd'])){
    		
    		$this->error('用户名密码错误');
    	}
    	
    	// 记录用户登录信息
    	cookie('user_id', $has['id'], 3600);  // 一个小时有效期
    	cookie('user_name', $has['user_name'], 3600);
    	
    	$this->redirect(url('index/index'));
    }

其中可以看到，登录成功之后，跳转到 index.php 的 index方法，下面我们设计一下 index.php 的 index 方法：

<?php
namespace app\index\controller;

class Index
{
    public function index()
    {
    	echo "您好： " . cookie('user_name') . ', <a href="' . url('login/loginout') . '">退出</a>';
    }   
}

可见：您好： admin, 退出

退出功能的实现

退出的设计逻辑，就是清除 cookie中的用户登录信息，跳转到登录页面即可。Login.php 的 loginOut 方法：

    // 退出登录
    public function loginOut()
    {
    	cookie('user_id', null);
    	cookie('user_name', null);
    	
    	$this->redirect(url('login/index'));
    }

结语

好了，到此一个简单的登录系统到此就完成了。当然，这个功能非常的简单。从代码中可见，我是通过 cookie 存储登录后的用户信息的。因此，通过判断 cookie 中是否有用户id 或者用户名就可以判断用户是否处于登录状态。我们可以通过这系统给的函数去判断 cookie 中是否有指定的 key 值。

Cookie::has('name');

虽然这个功能实现了，但是看起来很是简陋，而且系统默认的错误提示很丑陋。下面的章节，我将对着部分功能进行美化。

>[danger] 此处我查询数据库采用的数据库方法，当然，你也可以采用模型对数据库进行操作。

转自：https://www.kancloud.cn/phper123/tools/289763

amberom

关注

9
点赞
踩
50

收藏

觉得还不错? 一键收藏
6
评论
thinkphp5 系统登录的实现

登录功能，是我们几乎开发每个系统都必须的模块。登录功能设计思路用户输入网址展示登录页面用户输入用户名，密码等点击登录进行信息校验校验通过之后，记录用户登录信息，跳转指定页面用户校验失败，提示失败信息下面功能相关的目录和文件具体功能实现登录页面的设计为了快速搭建可用、美观的页面，我们采用一个比较成熟的前端框架 Bootstrap。下面我们到 Bootstr...
复制链接

扫一扫