企业🤖AI智能体构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
本章将会学习搭建后台模板和输出后台登录页面。 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) 这是第一步,不算难,但也算开了头