内容管理系统——后台登录

在课上，我通过《Laravel框架开发实践》一书学习了有关PHP的知识和应用，也通过书本上的“内容管理系统”案例实践并应用了所学的知识。下面将对这一案例中的后台登录模块进行介绍。

目录

前言

一、创建用户表

二、显示登录页面

1.登录表单

2.验证码

三、验证用户登录 

 四、用户退出

总结

前言

“内容管理系统”案例分为前台和后台。前台的功能包括用户登录与注册、内容列表、内容详细页、广告展示、评论和热门内容等。后台的功能包括管理员的登录、栏目内容和广告的增删查改等。

下面将对后台登录这一功能进行介绍。

一、创建用户表

在命令行中执行命令创建迁移文件，并在迁移文件中的up()方法中添加表的结构。

执行命令：

php artisan make:migration create_admin_user_table

 迁移文件创建完成后，使用命令执行迁移，并创建填充文件。在新的迁移文件中的run()方法内编写填充代码后，执行命令填充文件。

创建填充文件命令：

php artisan make:seeder AdminUserTableSeeder

php artisan db::seed --class=AdminUserTableSeeder

 数据表创建成功后，执行命令创建模型Admin，并在模型中指定要操作的表名。

二、显示登录页面

1.登录表单

创建User控制器，并在控制器中创建login()方法，然后在路由中添加规则。

创建控制器命令：

php artisan make:controller Admin\UserController

添加路由规则：

Route::get('/admin/login','Admin\UserController@login')

 创建视图文件login.blade.php，并引入静态文件Bootstap、jQuery、toastr。然后创建登录表单。

2.验证码

使用Composer载入mews/captcha验证码，并创建验证码的配置文件。然后编写验证码的文件，将字符数改为4，并将验证码服务注册到服务容器中，再给验证码服务注册别名。

执行命令：

composer require mews/capcha=3.0

php artisan vendor:publish

下面展示部分代码：

在<script>中实现点击切换验证码图片功能。

三、验证用户登录 

通过设置<form>标签中的action属性设置表单的提交地址，给登录表单的action属性添加属性值，指定表单的提交地址为“{{ url('admin/check)' }}”，表示UserController的check()方法，并在路由中添加路由规则。

Route::post('/admin/check','Admin\UserController@check')

 在User控制器中编写check()方法，并引入部分命名空间，然后在视图中添加跳转代码。

 四、用户退出

在User控制器中添加logout()方法，用于删除Session中的用户信息，用户退出登录后跳转到登录页面，并在路由中添加路由规则。

Route::get('/admin/logout','Admin\UserController@logout')

总结

后台登录运用了Ajax交互：当用户填写完登录表单后，使用Ajax将请求的代码进行封装，使页面不发生跳转，对用户的体验度也提高了许多。

后台登录的功能十分简单，但相对于前台登录来说还有些复杂，因为涉及的验证很多。但至少我完成了这些，运行也没问题。