1 使用命令行创建类库文件
参考手册地址 https://www.kancloud.cn/manual/thinkphp5\_1/354140
创建后台登录控制器
```
php think make:controller admin/Login
```
注意：如果不想生成默认的方法 只生成一个比较干净的类文件 可以在后面加上 --plain
2 同样 生成模型文件 验证器文件备用 相关命令如下
生成模型文件命令
```
php think make:model admin/LoginModel
```
3 生成验证器文件
```
php think make:validate admin/LoginValidate
```
4 后台静态资源使用的是hui-admin的文件 看个人习惯 侵删 或侵换
5 展示页面模板
在Login控制器的index方法中 展示模板
```
public function index()
{
return $this->fetch();
}
```
6 创建模板文件 这个没法使用命令创建（好像只能是使用自动生成模块才可以）
导入hui下的login.html并修改名称为index.html
复制相关的css和js之类的静态文件到项目目录下 然后上传到服务器
修改登录模板下的css和js引入文件路径
删除部分空余代码
使用ajax提交数据 代码如下 这是tp5.1下的写法 类似3.2下的都差不了多少
```
<script type="text/javascript" src="/admin/lib/layer/2.4/layer.js"></script>
<script type="text/javascript">
$(function () {
$('form').submit(function () {
var self = $(this);
$.post(self.attr("action"), self.serialize(), success, "json");
return false;
function success(data) {
if (data.code) {
layer.alert(data.msg, {icon: 6}, function (index) {
layer.close(index);
window.location.href = "{:url('Index/index')}"
});
} else {
layer.alert(data.msg, {icon: 5}, function (index) {
layer.close(index);
});
}
}
});
});
</script>
```
7 控制器代码修改如下
```
public function save(Request $request)
{
$data = $request->param();
$validate = new AdminValidate();
if (!$validate->check($data)) {
return ['code' => 0, 'msg' => $validate->getError()];
}
$db = new AdminModel();
$info = $db->where('username', $data['username'])->find();
if (empty($info)) {
return ['code' => 0, 'msg' => '用户不存在'];
}
if ($info['password'] != md5($data['password'])) {
return ['code' => 0, 'msg' => '用户名或密码错误'];
}
session('aid', $info['id']);
session('ausername', $info['username']);
return ['code' => 1, 'msg' => '登录成功'];
}
```
8 总结
网站开发的规律 （基本套路）
1 接收数据
2 数据过滤验证处理
3 查询数据库
4 逻辑处理
5 返回给前端 效果展示
以后就是按照同样的套路处理了
