Laravel实现用户注册和登录
|
《：Laravel实现用户注册和登录》要点： Laravel身为最优雅的PHP框架,很多学习PHP的小伙伴造就对Laravel垂涎欲滴.本日就来实现你的愿望,让我们一起从零开始,利用Laravel实现Web应用最常见的注册和登录功能!所有的课程源码已放在Github上：laravel-start. Race Start !PHP教程 首先我们来明确一下我们这个课程需要的东西：PHP教程 Laravel 4.2 1.安装LaravelPHP教程 简单说明之后我们来进入下一步,安装Laravel,在这我们是通过Composer来安装,打开命令行终端,执行：PHP教程
代码如下:
cd Sites Sites就是web应用的根目录,你可以根据需要换成你本身的根目录,然后再执行：PHP教程
代码如下:
composer create-project laravel/laravel laravel laravel就是你的应用目录名,你可以取一个你喜欢的名字.执行上面的命令之后,等一段时间(毕竟在国内,网速是个大坑),安装完以后你会得到这一堆目录：PHP教程
我们主要操作models和 controllers和 views这三个目录：这就是MVC的构成啊!PHP教程 2.安装BootstrapPHP教程 然后再命令行执行：PHP教程
代码如下:
cd laravel/public/packages 这里的laravel与上面的应用目录对应,如果你在安装的时候用了其他的名字,请对应换上.来到packages这个目录后安装Bootstrap,直接在命令行执行：PHP教程
代码如下:
bower install bootstrap 这个比较快,然后等这个下载完之后你就会得到最新的稳定版Bootstrap.在目录packages目录下的 bower_components/bootstrap/dist/这里就包括了Bootstrap的css,js,fonts这三个我们在开发过程中经常用到的样式文件,js和字体文件.成功后你将看到这个：PHP教程
注：这里使用的bower这个工具,它负责管理一些前端的包.
代码如下:
cd ../../ 回到laravel目录,然后在执行：PHP教程
代码如下:
chmod -R 755 app/storage 这一步搞定之后我们就可以进入真正的开发阶段了.PHP教程 3.配置数据库并建表：PHP教程 在开始配置之前,我们要为我们的laravel应用创建一个数据库,我将它命名为laravel-start,PHP教程
然后在编辑器中打开app/config/database.php文件,对相应的数据库配置项填入,如：PHP教程
代码如下:
'default' => 'mysql', // 数据库连接 'connections' => array( ??? 'mysql' => array( ??????? 'driver'??? => 'mysql', ??????? 'host'????? => '127.0.0.1', ??????? 'database'? => 'laravel-start', ??????? 'username'? => 'root', ??????? 'password'? => '', ??????? 'charset'?? => 'utf8', ??????? 'collation' => 'utf8_unicode_ci', ??????? 'prefix'??? => '', ??? ), 连接完数据库之后,还得创建一个Users表,你可以直接在数据库中创建Users表,也可以利用Laravel的artisan来创建,这里我们使用Laravel的artisan来建表,顺道了解一点点关于Laravel migrate的知识.执行下面语句：PHP教程 php artisan migrate:make create-users-table
代码如下:
public function up() { ?????? Schema::create('users',function($table){ ??????? $table->increments('id'); ??????? $table->string('username',20); ??????? $table->string('email',100)->unique(); ??????? $table->string('password',64); ??????? $table->string('remember_token',62)->default('default'); ??????? $table->timestamps(); ??????? }); } 上面的办法使用了laravel的Schema Builder类,上面这段代码使用up()办法的创建一个users表,这个表里有5个字段：id自增,username长度20以内,email长度100以内并且是唯一的,password长度64以内,remember_token是为了在登录的时候更方便实用,Laravel会自动将token值填充进来,但在最开始你必须设一个默认值,timestamp当前的时间戳.在这我们需要注意的一点是：最好在down()加上下面的代码,以防某天我们需要删除Users这个表.PHP教程
代码如下:
public function down() { ??? Schema::drop('users'); } 上面的都做好以后,执行一下下面这一句神奇的命令：PHP教程
代码如下:
php artisan migrate 有图有真相：PHP教程
终于,我们的前奏搞完了,可以正式来鲁Laravel了.PHP教程 4.启动服务来试试PHP教程 直接在laravel目录执行：PHP教程
代码如下:
php artisan serve 打开浏览器,输入localhost:8000,回车,Bingo! 5.创建公用视图PHP教程 好了,我们现在开始了,首先在app/views/文件夹下创建一个layouts文件夹,再再这个文件夹下新建一个php文件,命名为main.blade.php,在这个文件里写上下面这些代码：PHP教程
代码如下:
<!DOCTYPE html> <html lang="en"> ??? <head> ??????? <meta charset="utf-8"> ??????? <meta name="viewport" content="width=device-width,initial-scale=1.0"> ??????? <title>发现Laravel 4之美</title> ??? </head> ??? <body> ??? </body> </html> PS:layouts文件夹通常用来存放视图文件的功用部分,比如一些网页的头部<header>和尾部<footer>,这里就是存放了头部<header>部分 为视图文件添加CSS样式：PHP教程
代码如下:
<!DOCTYPE html> <html lang="en"> ??? <head> ??????? <meta charset="utf-8"> ??????? <meta name="viewport" content="width=device-width,initial-scale=1.0"> ??????? <title>发现Laravel 4之美</title> ?????? {{HTML::style('packages/bower_components/bootstrap/dist/css/bootstrap.min.css') }} ??????? {{ HTML::style('css/main.css')}} ??? </head> ??? <body> ??? </body> </html> 没错,就是在本来的main.blade.php的基础上添加两行代码；然后我们来创建我们的main.css,这个主要是用来放我们自己定义的样式.在public文件夹下创建css文件夹,在css文件夹创建main.css文件,大功告成.PHP教程 添加导航栏.在main.blade.php文件的<body>标签中加上以下代码：PHP教程
代码如下:
<body> ??????? <div class="navbar navbar-inverse navbar-fixed-top"> ??????????? <div class="container"> ??????????????? <div class="navbar-header"> ??????????????????? <a class="navbar-brand hidden-sm" href="/">Laravel新手上路</a> ??????????????? </div> ??????????????? <ul class="nav navbar-nav navbar-right hidden-sm"> ??????????????????? <li>{{ HTML::link('users/register','注册') }}</li> ??????????????????? <li>{{ HTML::link('users/login','登陆') }}</li> ??????????????? </ul> ??????????? </div> ??????? </div> </body> 上面只是引用了一些简单的Bootstrap的class,也没什么难的,不用伤心.PHP教程 到这里基本的功用部分就结束了,但是我们的追求从不会这么low,所以为了更好地与用户交互,我们希望在用户进行某个操作之后给出一些反馈,比如注册成功的时候说:少年,你已成功注册本站,恭喜恭喜.等,于是乎,我们再为main.blade.php添加一点点代码：PHP教程
代码如下:
??????? <div class="container"> ??????????? @if(Session::has('message')) ??????????? <p class="alert">{{ Session::get('message') }}</p> ??????????? @endif ??????? </div> 为了现实这些反馈信息给用户,我们得使用Session::get('message')办法,当然,我们得首先从逻辑上判断一下这个message是否存在,所以这里用了一个简单的if判断.PHP教程 在blade引擎的视图中if 的使用格式是PHP教程
代码如下:
@if(conditions) #code... @endif 到这里就结束了么?NO,如果到这里就结束的话,其他的视图文件是怎么插入main.blade.php的<body></body>之间的呢?所以,不要忘了还有一个重要的事：{{ $content }},上面的代码就变成了这样：PHP教程
代码如下:
??????? <div class="container"> ??????? @if(Session::has('message')) ??????? <p class="alert">{{ Session::get('message') }}</p> ??????? @endif ??????? {{ $content }} ??????? </div> {{ $content }}在这里就是表示其他的视图文件内容,你可以在理解上将其他的视图当作一个字符串来理解,只不过这个字符串很长,而且恰好包含了HTML标签罢了.下面你将体会到这种想法.PHP教程 创建完我们的公用视图main.blade.php后,我们先来为main.css添加我们的CSS样式：PHP教程
代码如下:
body { ???? padding-top: 60px; ?} .form-signup,.form-signin { ???? margin: 0 auto; ?} 因为我们在main.blade.php文件中使用了<div class="navbar navbar-inverse navbar-fixed-top">,Bootstrap的navbar高为40px,所以我将body样式设为padding-top: 60px;避免下面的注册表单被navbar覆盖.PHP教程 终于要进入正题PHP教程 我擦,前面搞这么久才进入正题?对的,我说的是从这里开始我们就开始进入Laravel的Controller世界了,别高潮那么快,更好的事情还在背面.PHP教程 6.创建UsersControllerPHP教程 来到app/controllers文件夹,并在这里创建UsersController.php文件并加入下面的代码:PHP教程
代码如下:
<?php class UsersController extends BaseController { } ?> 然后告诉我们的UsersController我们要使用main.blade.php作为我们的layouts,所以：PHP教程
代码如下:
<?php class UsersController extends BaseController { ??? protected $layout = "layouts.main"; } ?> 这里使用了路径别名,你不用layouts/main.blade.php,你只需要layouts.main,Laravel会自动帮你找到layouts下相应的文件.PHP教程 7.实现注册PHP教程 接着为我们的UsersController添加用户注册时拜访到的方法：PHP教程
代码如下:
public function getRegister() { ??? $this->layout->content = View::make('users.register'); } 这里我们将content制定为users/register.blade.php文件(我们等下会创建这个文件),如果你够细心的话,你可能就注意到了：这里的content就是上面我们在main.blade.php写的{{ $content }},也就是说等下渲染视图的时候,我们的users/register.blade.php文件会替换掉main.blade.php的{{ $content }}进行显示.现在,清晰了没?还不清晰?随时联系我....如果你不嫌我长得丑的话.PHP教程 自然而然的,我们现在要做的就是创建users/register.blade.php这个文件了,来到views文件夹,创建一个新的文件夹users/,再在里面新建register.blade.php,写上下面这些内容：PHP教程
代码如下:
{{ Form::open(array('url'=>'users/create','class'=>'form-signup')) }} <div class="container"> ??? <div class="row"> ??????? <div class="col-md-4 col-md-offset-4"> ??????????? <div class="panel panel-default"> ??????????????? <div class="panel-heading"> ??????????????????? <h3 class="panel-title">欢迎注册</h3> ??????????????? </div> ??????????????? <div class="panel-body"> ??????????????? {{ Form::open(array('url'=>'users/create','class'=>'form-signup')) }} ??????????????????? <ul> ??????????????????????? @foreach($errors->all() as $error) ??????????????????????????? <li>{{ $error }}</li> ??????????????????????? @endforeach ??????????????????? </ul> ??????????????????? <fieldset> ??????????????????????? <div class="form-group"> ??????????????????????????? {{ Form::text('username',null,array('class'=>'form-control','placeholder'=>'用户名')) }} ??????????????????????? </div> ??????????????????????? <div class="form-group"> ??????????????????????? {{ Form::text('email','placeholder'=>'邮箱')) }} ?????????????????????? </div> ??????????????????????? <div class="form-group"> ??????????????????????? {{ Form::text('password','placeholder'=>'暗码')) }} ??????????????????????? </div>?????????????????????? ??????????????????????? <div class="form-group"> ??????????????????????? {{ Form::text('password_confirmation','placeholder'=>'确认暗码')) }} ?????????????????????? </div> ??????????????????????? {{ Form::submit('马上注册',array('class'=>'btn btn-large btn-success btn-block')) }} ??????????????????? </fieldset> ??????????????? {{ Form::close() }} ??????????????? </div> ??????????? </div> ??????? </div> ??? </div> </div> 这里我们使用了Laravel的Form类来创建我们的注册表单,首先调用open()方法,表示创建表单的开始,并且我们也为其通过数组的形式传人一些参数,url表示表到提交的地址,class就是表示CSS样式的类.接下来我们使用了：PHP教程
代码如下:
@foreach($errors->all() as $error) <li>{{ $error }}</li> @endforeach @foreach循环将每个表单的错误信息输出.因为我们在让用户注册的时候总是要验证一下用户输入的数据是否满足我们设定的规则,比如邮箱这一栏我们规定它必须为正确的邮箱形式,而如果用户没有输入正确的邮箱格式,我们就会返回错误信息给用户看.That's it.PHP教程 再下来需要说明的就是几个Form输入框的创建方式了：PHP教程
代码如下:
{{ Form::text() }} //创建type=text 输入框 {{ Form::password() }}//创建type=password 输入框 {{ Form::submit() }}//创建type=submit 输入框 各个输入框的值我们都设为null,因为我们用placeholder来更好的替代了,第三个参数是你可以通过一个数组来传人相应的HTML选项来实现我们的布局,比如上面的array('class'=>'form-control','placeholder'=>'确认暗码')等.PHP教程 最后别忘我们要用{{ Form::close() }}来结束表单.PHP教程 到这里我们就把注册页面搞定了,紧接下来就是正确地设置好我们的路由以使我们能正确拜访到我们的getRegister()方法.于是,带着神圣的使命感,我们打开app/routes.php这个文件,首先可以将里面的：PHP教程
代码如下:
Route::get('/',function() { ??? return View::make('hello'); }); 这几行代码干掉(你可以注视掉或者直接删了,建议是注释),然后再添上下面这一行代码；PHP教程 Route::controller('users','UsersController'); /users/actionName /users/register http://localhost:8000/users/register
如果现在你在这个注册表单添上相应的注册信息,然后点击注册的话,你会得到一个意外的错误:NotFoundHttpException!那是因为我们还没有为注册表单写提交地址:users/create.所以我们自然要来到UsersController中,为其添上postCreate():PHP教程
代码如下:
public function postCreate() { } 这样我们就把地址users/create正确地搞定了,只是我们还没有为其添加相应的条件判断语句,因为我们首先要在这里说明一点就是：getRegister()和postCreate()的不同,没错前面的get或post就是代表http的提交方式,我们在注册表单中使用的是post办法,所以这里要使用postCreate().PHP教程 说明上面的细节之后,我们还要做一件非常重要的事：表单验证.即是先在用户提交表单的时候验证其输入数据的合法性,以便于我们在数据库中能存储正确的数据,这里就联系到前面的：PHP教程
代码如下:
??? @foreach($errors->all() as $error) ??? <li>{{ $error }}</li> ??? @endforeach 这里的$error就是我们在用户输入数据不合法的时候返回给用户的错误提示信息.所以,我们现在app/models/User.php中添加我们的表单验证规则(我一般将验证规则放在模型modal中)：PHP教程
代码如下:
public static $rules = array( ??? 'username'=>'required|alpha|min:2', ??? 'email'=>'required|email|unique:users', ??? 'password'=>'required|alpha_num|between:6,12|confirmed', ??? 'password_confirmation'=>'required|alpha_num|between:6,12' ??? ); 说明一下上面的一些规则表示什么意思:PHP教程 required:必填的,不能为空 在我们有了验证规则,我们再来完善我们的postCreate(),即为其添加一些条件判断使用户在注册时可以保留用户的注册信息和进一步引导用户到登陆页面：PHP教程 我们来一步一步地理清思路：首先判断用户提交的数据是否通过了验证PHP教程
代码如下:
public function postCreate() { ??? $validator = Validator::make(Input::all(),User::$rules); ??? if ($validator->passes()) { 上面我们通过Input::all()来获取表单传过来的值,又调用User::$rules来获得验证规则,最后通过把这两个以参数的形式传入Validator::make()实现验证,下面的判断语句就很清晰了,验证通过后干嘛,没通过又该干嘛.思路清晰就OK.PHP教程 接着我们再来完善我们的postCreate()代码：PHP教程
代码如下:
if ($validator->passes()) { ??? $user = new User;//实例化User对象 ??? $user->username = Input::get('username'); ??? $user->email = Input::get('email'); ??? $user->password = Hash::make(Input::get('password')); ??? $user->save(); ??? return Redirect::to('users/login')->with('message','欢迎注册,好好玩耍!'); 上面的我们通过Input::get('fieldName')来获得相应的表单输入框的值,这里需要注意的是我们对暗码进行了加密,因为我们都是棒棒的工程师,不会像之前的CSDN一样保存明文暗码的,所以在暗码这一栏我们使用Hash::make()来加密传入的暗码.然后我们通过$user->save()来将我们的数据保存到数据库中.数据保存之后,我们用Redirect::to()将页面跳转到users/login,并通过width将注册成功的信息返回给用户.PHP教程 Redirect::to()的参数规则是:controller/action.前面是控制起,后面就是具体的办法名.
代码如下:
if ($validator->passes()) { ??? $user = new User;//实例化User对象 ??? $user->username = Input::get('username'); ??? $user->email = Input::get('email'); ??? $user->password = Hash::make(Input::get('password')); ??? $user->save(); ??? return Redirect::to('users/login')->with('message',好好玩耍!'); 这里如果用户没有通过验证,我让其重定向到注册页,并通过withErrors($validator)将错误信息传到注册页面,通过withInput()将没有输错的数据也传给注册页面(正确来说是传给register办法,不过你可以根据上面那样理解,个人觉得也还OK),这样一来,我们就有了错误信息和一些正确的表单信息(不用用户多次输入),以提高整个过程的用户体验.PHP教程 再进一步,我们在开发的时候永远不要忘记一件很重要的事：平安.那么在这里我们需要POST提交表单,我们就要保证它不会被CSRF攻击,解决这个问题我们需要在UsersController里添加下面的代码：PHP教程
代码如下:
public function __construct() { ??? $this->beforeFilter('csrf',array('on'=>'post')); } 构造办法请放在其他办法前面.PHP教程 8.实现登录PHP教程 接下来的一步就是创建login的视图文件了,我们依旧来到我们最熟悉的views/users/下,新建文件名为login.blade.php的文件,在里面放上以下的代码：PHP教程
代码如下:
<div class="container"> <div class="row"> ??? <div class="col-md-4 col-md-offset-4"> ??????? <div class="panel panel-default"> ??????????? <div class="panel-heading"> ??????????????? <h3 class="panel-title">欢迎登录</h3> ??????????? </div> ??????????? <div class="panel-body"> ??????????????? {{ Form::open(array('url'=>'users/signin','class'=>'form-signin')) }} ??????????????? <fieldset> ??????????????????? <div class="form-group"> ???????????????????? {{ Form::text('email','placeholder'=>'邮箱')) }} ??????????????????? </div> ??????????????????? <div class="form-group"> ???????????????????? {{ Form::password('password','placeholder'=>'暗码')) }} ??????????????????? </div> ???????????????????? {{ Form::submit('马上登录',array('class'=>'btn btn-large btn-success btn-block')) }} ??????????????? </fieldset> 这里的一些要点跟register.blade.php一样,你不明白的话可以看看前面的.然后我们需要在UsersController里面定义getLogin()办法：PHP教程
代码如下:
public function getLogin() { ??? $this->layout->content = View::make('users.login'); } 这里也是指定了content的模版为users/login.blade.php,道理跟前面一样. 正常情况下,你注册完之后就吼跳到登录界面(已经写好了),但是我们在登录的时候也需要验证,如果你仔细看上面的login.blade.php的话,你会发现我们在这里将用户的登录表单提交地址设置为
代码如下:
??? public function postSignin() { ??? if (Auth::attempt(array('email'=>Input::get('email'),'password'=>Input::get('password')))) { ??????? return Redirect::to('users/dashboard')->with('message','欢迎登录'); ??? } else { ??????? return Redirect::to('users/login')->with('message','用户名或暗码错误')->withInput(); ??? } } 这里我们使用Auth类来验证用户输入的信息是否和数据库的信息一致,如果验证通过,那么我们就将用户重定向到users/dashboard,如果没通过,就重新跳回登录页,情况跟注册时候几乎一模一样,我相信你看得懂.PHP教程 既然是重定向到users/dashboard那么我们就来写写getDashboard()办法,到这里可能不用我说你都知道应该在UsersController添加下面的代码：PHP教程
代码如下:
public function getDashboard() { ??? $this->layout->content = View::make('users.dashboard'); } 这里再多说一句,这个Dashboard的页面一般是在登录后才能看到的,为了限制一些没登录的人到处乱逛,我们只需要在UsersController中的构造函数加一行代码,变成这样的：PHP教程
代码如下:
??? public function __construct() { ??? $this->beforeFilter('csrf',array('on'=>'post')); ??? $this->beforeFilter('auth',array('only'=>array('getDashboard'))); } 现在逻辑是不是很清晰,我们接下来的一步自然是创建dashboard.blade.php文件了,这个从getDashboard()看出我们依然是将这个视图文件存在views/users/目录下,我们就简单地在dashboard.blade.php写上几行入门级的HTML：PHP教程
代码如下:
<div class="welcome"> ??? <center> ??? <a href="http://www.jellybool.com" target="_blank"> <img src="https://wt-prj.oss.aliyuncs.com/766e22da1e8c467a8af35d90c9185409/7680dd9d-c0e4-42ea-86b8-ddd63d07faa6.png" > </a> ??? </center> ??? <center><h1>欢迎来到管理面板!</h1></center> </div> 写到这里我们还不能登录,因为在Laravel中auth过滤(filter)会默认将没登录的用户重定向到/login,但我们需要的是重定向到users/login,所以我们需要自定义我们的filter规则,打开app/filter.php,在代码的开始加上下面的代码：PHP教程
代码如下:
Route::filter('auth',function() { ??? if (Auth::guest()) return Redirect::guest('users/login'); }); 到这里就大功告成了,如果你之前注册了一个用户,请用你的邮箱和暗码到PHP教程 http://localhost:8000/users/loginPHP教程 尝试登录一下,你会发现：Bingo!!!登录进去了!PHP教程
9.实现退出PHP教程 但是细心的你发现了没,我们还有一个需要完善的地方.....没错!就是我们的导航,我们已经登录进去了,它还是显示登录和注册,不科学啊!所以回到最初我们的main.blade.php在链接部分我们将它改为：PHP教程
代码如下:
????????? <ul class="nav navbar-nav navbar-right hidden-sm"> ????????? @if(!Auth::check()) ?????????????? <li>{{ HTML::link('users/register','注册') }}</li> ?????????????? <li>{{ HTML::link('users/login','登陆') }}</li> ??????????? @else 没错,我们为导航这里加入了条件判断语句,如果用户没有通过Auth::check(),也就是没有登录的话,我们显示登录和注册,如果登录了就显示退出,PHP教程
既然有了users/logout这个链接,那么我们就会想到在UsersController写这个getLogout()办法,而且这个办法是负责清理用户的登录信息的,所以：PHP教程
代码如下:
public function getLogout() { ??????? if(Auth::check()) ??????? { ??????????? Auth::logout(); ??????? } ??? return Redirect::to('users/login')->with('message','你现在已经退出登录了!'); ??? } 这里我们Auth::logout()将用户的登录信息(主要就是session信息)清除掉,然后再将用户重定向到登录界面.PHP教程 10.最后的最后PHP教程 这个小教程写到这里就基本结束了,希望各位玩的愉快.最后多说一句：编程是我们最容易学习的超能力,永远要相信本身可以改变世界!PHP教程 《：Laravel实现用户注册和登录》是否对您有启发，欢迎查看更多与《：Laravel实现用户注册和登录》相关教程，学精学透。编程之家 52php.cn为您提供精彩教程。 （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
