thinkphp5 系统登录的实现

发布时间:2018-10-11 13:02:30 作者:Aoe Wide 阅读量:1835

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

登录功能设计思路

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

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

具体功能实现

  1. 登录页面的设计
    为了快速搭建可用、美观的页面,我们采用一个比较成熟的前端框架 Bootstrap。下面我们到 Bootstrap的官网 Bootsrap官网下载 bootstrap。本案例下载 v3.3.7。下载完成之后,放到 public\static 下改名为 bootstrap。在 application\index\controller 下新建 Login.php
  1. namespace app\index\controller;
  2. use think\Controller;
  3. class Login extends Controller
  4. {
  5. public function index()
  6. {
  7. return $this->fetch();
  8. }
  9. }

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

  1. <html>
  2. <head>
  3. <meta charset="utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <title>登录系统title>
  6. <link href="/static/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  7. head>
  8. <body class="gray-bg">
  9. <div class="container">
  10. <div class="row">
  11. <div class="col-sm-7">
  12. <div class="ibox float-e-margins">
  13. <div class="ibox-content">
  14. <div class="row">
  15. <div class="col-sm-6 b-r">
  16. <h3 class="m-t-none m-b">登录h3>
  17. <p>欢迎登录本站(⊙o⊙)p>
  18. <form role="form" action="{:url('login/dologin')}" method="post">
  19. <div class="form-group">
  20. <label>用户名label>
  21. <input type="text" placeholder="请输入用户名" class="form-control">
  22. div>
  23. <div class="form-group">
  24. <label>密码label>
  25. <input type="password" placeholder="请输入密码" class="form-control">
  26. div>
  27. <div>
  28. <button class="btn btn-sm btn-primary pull-right m-t-n-xs" type="submit"><strong>登 录strong>
  29. button>
  30. div>
  31. form>
  32. div>
  33. div>
  34. div>
  35. div>
  36. div>
  37. div>
  38. div>
  39. <script src="/static/js/jquery.min.js?v=2.1.4">script>
  40. <script src="/static/bootstrap/js/bootstrap.min.js">script>
  41. body>
  42. html>

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

数据库的设计

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

  1. DROP TABLE IF EXISTS `users`;
  2. CREATE TABLE `users` (
  3. `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '用户id',
  4. `user_name` varchar(155) NOT NULL COMMENT '用户名',
  5. `user_pwd` varchar(50) NOT NULL COMMENT '用户密码',
  6. PRIMARY KEY (`id`)
  7. ) 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 模块起作用。

  1. // 数据库类型
  2. 'type' => 'mysql',
  3. // 服务器地址
  4. 'hostname' => '127.0.0.1',
  5. // 数据库名
  6. 'database' => 'phper',
  7. // 用户名
  8. 'username' => 'root',
  9. // 密码
  10. 'password' => 'root',
  11. // 端口
  12. 'hostport' => '3306',

登录功能的具体实现

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

  1. // 处理登录逻辑
  2. public function doLogin()
  3. {
  4. $param = input('post.');
  5. if(empty($param['user_name'])){
  6. $this->error('用户名不能为空');
  7. }
  8. if(empty($param['user_pwd'])){
  9. $this->error('密码不能为空');
  10. }
  11. // 验证用户名
  12. $has = db('users')->where('user_name', $param['user_name'])->find();
  13. if(empty($has)){
  14. $this->error('用户名密码错误');
  15. }
  16. // 验证密码
  17. if($has['user_pwd'] != md5($param['user_pwd'])){
  18. $this->error('用户名密码错误');
  19. }
  20. // 记录用户登录信息
  21. cookie('user_id', $has['id'], 3600); // 一个小时有效期
  22. cookie('user_name', $has['user_name'], 3600);
  23. $this->redirect(url('index/index'));
  24. }

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

  1. namespace app\index\controller;
  2. class Index
  3. {
  4. public function index()
  5. {
  6. echo "您好: " . cookie('user_name') . ', 'login/loginout') . '">退出';
  7. }
  8. }

可见: 您好: admin, 退出

退出功能的实现

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

  1. // 退出登录
  2. public function loginOut()
  3. {
  4. cookie('user_id', null);
  5. cookie('user_name', null);
  6. $this->redirect(url('login/index'));
  7. }

结语

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

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

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

我要评论

Aoe WideAoe Wide   我要留言
Aoe Wide
Catfish(鲶鱼) Blog V 2.0.30