用Laravel 5.1 做回风牌内容管理系统(04)

本节主要完成用户登录功能,在完成功能之前,需要一些准备工作,这些准备工作因人而异,比如我用的 ui 是 semantic-ui,所以,我要先下载它的 dist 文件。如果你要下载可以从 github 去下载。
如果你的选择不是 semantic-ui 后面的所有细节你需要小心别完全照搬我的了。
下面先做下准备工作。

准备工作

我是用的 npm 来下载的,如果懒得折腾 npm 最快捷的方法是直接到 github 网站搜索 semantic-ui,然后进去下载=>解压=>拷贝 dist 目录拷贝到 laravel 的 public 目录下,然后删除多余的东西。
为了让网站加载快点,我也不是高手,所以没想着去定制,拿来就用了,那么,不带 min 的文件都删了吧!!最后,我把 dist 文件夹重命名为 semantic-ui ,这样方便日后自己更新或他人维护。

添加登录和注册页面

注意: 放在 public 目录下的文件在引入到模板文件时,直接以 public 目录为根目录填写,开头有/ ,比如,我的 css 引入:
<link rel="stylesheet" type="text/css" href="/semantic-ui/components/reset.min.css">

  1. 先访问semantic-ui 的登录页示例;
  2. 新建两个文件:resource/views/auth/login.blade.phpresource/views/auth/register.blade.php
  3. 我们把这个页面仿过来,就是把页面源码保存下,然后把内容拷贝到resource/views/auth/login.blade.php里面,然后修改 css 和 js 的引用地址为之前准备工作中下载好的位置。
  4. 预览下,一切 OK 后,把注册页面也修改成同样的风格吧。

实现登录功能

在之前的教程里,我们已经完成了数据库的简历了用户表数据的插入,插入的用户账号是myemail@gmail.com,密码是secret

直接输入账号和密码,点击登录会出现错误,意思是页面没找到,这个页面当然不存在:home下面,我们先建一个测试页面,作为首页。预计需要做这么几步,添加/home路由,添加home页面,控制器修改。

明天再搞。

0%