ThinkPHP5开发(一)实现登录功能详解（图）-tutorial php-php.cn

ThinkPHP5开发(一)实现登录功能详解（图）

黄舟

Lepaskan： 2023-03-06 19:50:01

asal

7595 orang telah melayarinya

主要从这三个方面入手：

数据库

PHP代码

HTML代码&ThinkPHP视图模板代码

数据库使用mysql5.7。并且使用PHP最新版本PHP7，apache2.4，Ubuntu16.04

准备：

下载thinkphp5代码，放入apache目录，赋予777权限

chmod 777 -R tp5/

Salin selepas log masuk

使用atom或者sublime或者PhpStorm打开你的项目，准备coding

建数据库thinkphp5

-- phpMyAdmin SQL Dump
-- version 4.4.15.5
-- http://www.phpmyadmin.net
--
-- Host: localhost
-- Generation Time: 2016-07-06 20:42:33
-- 服务器版本： 5.7.12-log
-- PHP Version: 7.0.7

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `thinkphp5`
--

-- --------------------------------------------------------

--
-- 表的结构 `think_user`
--

CREATE TABLE IF NOT EXISTS `think_user` (
  `user_id` int(11) NOT NULL,
  `user_name` varchar(255) NOT NULL,
  `UserSex` int(11) DEFAULT NULL,
  `UserTel` varchar(255) DEFAULT NULL,
  `UserEmail` varchar(255) DEFAULT NULL,
  `UserAddress` varchar(255) DEFAULT NULL,
  `UserBirth` varchar(255) DEFAULT NULL,
  `UserJoinTime` varchar(255) DEFAULT NULL,
  `UserPasswd` varchar(255) DEFAULT NULL,
  `UserSignature` varchar(255) DEFAULT NULL,
  `UserHobby` varchar(255) DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4;

--
-- 转存表中的数据 `think_user`
--

INSERT INTO `think_user` (`user_id`, `
user_name`, `
UserSex`, 
`UserTel`, `
UserEmail`, `
UserAddress`, `
UserBirth`, `
UserJoinTime`, `
UserPasswd`, `
UserSignature`, `
UserHobby`) VALUES
(0, &#39;thinkphp&#39;, 1, &#39;15700000000&#39;, &#39;emial@email.com&#39;, &#39;山东省济南市****路&#39;, &#39;1111111&#39;, &#39;111111&#39;, &#39;qqq&#39;, NULL, NULL);

--
-- Indexes for dumped tables
--

--
-- Indexes for table `think_user`
--
ALTER TABLE `think_user`
  ADD PRIMARY KEY (`user_id`);

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

Salin selepas log masuk

先搭好框架，运行起来，再加强。
2 . 根据“看云”上的thinkphp5的手册写PHP代码
这里可以直接使用ThinkPHP5提供的可以直接生成代码的脚本，也可以手动建目录建文件
application目录结构
这里写图片描述
Login.php

<?php
namespace app\index\controller;
use think\View;
use think\Controller;
use app\index\model\User;
/**
 *
 */
class login extends Controller{
  public function index(){
    $view = new View();
    return $view->fetch(&#39;index&#39;);
  }
  public function login($user_name=&#39;&#39;,$user_passwd=&#39;&#39;){
    $user = User::get([
        &#39;user_name&#39; => $user_name,
        &#39;UserPasswd&#39; => $user_passwd
        ]);
    if($user){
        echo &#39;登录成功&#39;.$user_name.md5($user_passwd);
    }else{
        return $this->error(&#39;登录失败&#39;);
    }
  }
}

Salin selepas log masuk

User.php

<?php
namespace app\index\model;
use think\Model;
class User extends Model{
    protected $pk = &#39;user_id&#39;;//设置主键}

Salin selepas log masuk

3 . View代码HTML
使用原生HTML、CSS未使用前段框架
效果图：
这里写图片描述
login/index.html

<!DOCTYPE>
<html>
<head>
    <title>登录</title>
</head>
<style>
    dl{
        text-align:center;
        border:2px solid #00CC99;
        margin-top:100px;
margin-bottom:100px;
margin-right:400px;
margin-left:400px;
    }
</style>
<body>
    <p id="login_form">
<form action="login" method="post">
    <dl>

    <dt>
        <p>用户名：<input type="text" name="user_name"></p>
    </dt>


    <dt>
        <p>密码：<input type="password" name="user_passwd"></p>
    </dt>

    <dt>
<p>{:captcha_img()}</p>
    </dt>

    <dt>
        <p><input type="submit" value="登录"></p>
    </dt>
    </dl>
</form>
</p>
</body>
</html>

Salin selepas log masuk