建站篇-用户认证系统-替换默认视图

关于视图,会联系到html,css,js等文件,这里将会使用LaravelElixir。使用前确保安装了Node.js

node -v

npm -v

详细安装步骤可参考http://laravelacademy.org/post/5962.html

然后下载一套模板
bower install gentelella --save

另外我在根目录下新建过一个.bowerrc的文件,内容为:

{

      "directory":"vendor/bower_dl"

}

用以告诉下载文件存放到哪。

如果没有下载jquery和bootstrap,同样可以用bower依赖。

OK之后修改gulpfile.js文件


建站篇-用户认证系统-替换默认视图_第1张图片

并在控制台执行

gulp

,这样就可以copy到public文件夹了。

在views/layouts下新建auth.blade.php

复制gentelella的login源码过来。并加以修改


建站篇-用户认证系统-替换默认视图_第2张图片

同时,默认生成的login.blade.php需要更改最上面的

@extends('layouts.app')

@extends('layouts.auth')

结束之后访问yourapp.me/login看效果就好啦。

但是这还没结束,因为只是修改好了html文件,post路由等没有写在视图文件中,所以继续修改。


建站篇-用户认证系统-替换默认视图_第3张图片

刷新页面


建站篇-用户认证系统-替换默认视图_第4张图片

然后使用账号登陆即可。

注册不再描述,同理。

你可能感兴趣的:(建站篇-用户认证系统-替换默认视图)