本章将会学习搭建后台模板和输出后台登录页面。
thinkphp5框架下载安装可以自行百度(面向百度编程),我这里采用的是x-admin的后台模板,读者可以自行下载后台模板,h-ui也行,没有什么要求。
php环境我用的是phpstudy,省事快捷。
![](https://box.kancloud.cn/123fdf996b945bd441d6a04368795491_304x803.png)
将模板导入到框架中,新建前后台文件夹,区分好,样式放入public文件夹中。我这里是前后台统一放到public那里,一般来说最好是分开前后台。
![](https://box.kancloud.cn/719883f04d1bbfbc2dfede8abcfbc0d1_487x833.png)
tp5的目录需要大概了解一下。
在admin那里新建一个登录类login.php
![](https://box.kancloud.cn/2f0e97af567ddd7e15e98bfe5acdb75b_1265x294.png)
写入index方法,渲染模板login
![](https://box.kancloud.cn/fee232de4a71fd075bf175d51ab58fb2_458x705.png)
访问localhost/目录/publi/index.php/目录/控制器/方法名
然后加载模板进去,找到入口文件index.php
加入定于目录
![](https://box.kancloud.cn/30f21cc1c6e091c194370ef1148e4ed2_849x241.png)
找到application目录下的config.php配置文件
![](https://box.kancloud.cn/9389627fe29f9b3a0347c4a1c546e122_764x138.png)
加载样式内容
在login.html的文件中加入样式
![](https://box.kancloud.cn/e5f708962ac1f69504030c8ce653e160_897x443.png)
最后访问地址输出登录页面
![](https://box.kancloud.cn/b6ef3f2ab94cd876d83754e0c1841ff1_1076x614.png)
下面来实现登录验证功能:
为了防止有人使用脚本等恶意攻击,提供安全性添加验证码登录功能
有几个实现方法,(1)在控制器目录新建一个User类,输入其中代码
![](https://box.kancloud.cn/322f494be06fbc6722dc8e9296034d82_1120x603.png)
然后再html页面添加验证码表单
![](https://box.kancloud.cn/3dcb82b2605535a203ad98b5169678cf_782x106.png)
访问地址查看效果
![](https://box.kancloud.cn/1f4187409c47e00f4d2fa926cd350e07_394x132.png)
(2)另外一个方法比较简单,前端添加以下代码
![](https://box.kancloud.cn/fd2ee168a33ecc6da4d5f1bfbcf2d816_803x60.png)
并在application/config.php目录下配置
![](https://box.kancloud.cn/a18b76d01fc800014ba09a48438bd8c1_458x287.png)
上面这个配置方法第一种也可以用,比较方便准确
访问地址看一下效果
![](https://box.kancloud.cn/cf417d8b48d1d6ee39bd52abe390f451_694x494.png)
ok,下面可以来实现登录验证功能了
首先还要在数据库新建一个数据库和一张后台登录用户表
![](https://box.kancloud.cn/2187e35d275555ee8c0b7377171dfbe7_681x298.png)
在admin/controller/login.php上写入dologin方法
![](https://box.kancloud.cn/37d489a1af94e437582572565bcbc5b1_670x832.png)
我在手册里找了一下关于param和empty的知识,可以大概看一下
empty方法:
![](https://box.kancloud.cn/35d4e1ffee1d1ceede9dc532462b99e6_858x709.png)
![](https://box.kancloud.cn/bdb1425045bdfe33280993aa7fb0231b_843x378.png)
![](https://box.kancloud.cn/a0f7856e8eb0a802adbce24b289ba9fd_851x823.png)
param是thinkphp5手册中的
![](https://box.kancloud.cn/5bbee379964f1a628929b4b50e71b004_716x700.png)
![](https://box.kancloud.cn/5ea5c1387ca244bcc1f3f7292be85f09_683x748.png)
![](https://box.kancloud.cn/84bb1575d2d08a330ba7a4ba9dce866f_628x767.png)
到这里已经差不多完成后台登录页面功能的实现,还有一些页面没有放到admin文件夹里,这个到后面用到什么就拿哪个页面。当然同一个功能有不同的方法实现,javascript也可以实现登录注册功能。
![](https://box.kancloud.cn/f605eb259ebc0c806258e29f9c07e531_1275x906.png)
这是第一步,不算难,但也算开了头