2016 版 Laravel 系列入门教程(三)【最适合中国人的 Laravel 教程】
来源:互联网 发布:安踏网络授权 编辑:程序博客网 时间:2024/06/06 01:36
本教程示例代码见: https://github.com/johnlui/Learn-Laravel-5
在任何地方卡住,最快的办法就是去看示例代码。
在本篇文章中,我们将尝试构建一个带后台的简单博客系统。我们将会使用到 路由、MVC、Eloquent ORM 和 blade 视图系统。
原文地址:http://www.cnblogs.com/grimm/p/5627004.html
简单博客系统规划
我们在教程一中已经新建了一个 Eloquent 的 Model 类 Article,使用 migration 建立了数据表并使用 seeder 填入了测试数据。我们的博客系统暂时将只管理这一种资源:后台需要使用账号密码登录,进入后台之后,可以新增、修改、删除文章;前台显示文章列表,并在点击标题之后显示出文章全文。
下面我们正式开始。
搭建前台
前台的搭建是最简单的,我先带领大家找找感觉。
修改路由
删掉
将 /home 那一行修改为 Route::get('/', 'HomeController@index');
,现在我们系统的首页就落到了 App\Http\Controllers\HomeController 类的 index 方法上了。
查看 HomeController 的 index 函数
learnlaravel5/app/Http/Controllers/HomeController.PHP
的 index 函数只有一行代码: return view('home');
,这个很好理解,返回名字叫 home 的视图给用户。这个视图文件在哪里呢?在learnlaravel5/resources/views/home.blade.php
,blade 是 Laravel 视图系统的名字。
blade 浅析
blade 会对视图文件进行预处理,帮我们简化一些重复性很高的 echo、foreach 等 PHP 代码。blade 还提供了一个灵活强大的视图组织系统。打开 home.blade.php :
@extends('layouts.app')
这表示此视图的基视图是learnlaravel5/resources/views/layouts/app.blade.php
。这个函数还隐含了一个小知识:在使用名称查找视图的时候,可以使用 . 来代替 / 或 \。
@section('content') ... @endsection
这两个标识符之前的代码,会被放到基视图的 @yield('content')
中进行输出。
访问首页
访问 http://fuck.io:1024 ,不出意外的话,你会看到这个页面:
为什么需要登录呢?怎么去掉这个强制登录呢?删掉 HomeController 中的构造函数即可:
这个函数会在控制器类初始化的时候自动载入一个名为 auth 的中间件,正式这一步导致了首页需要登录。删除构造函数之后,重新访问 http://fuck.io:1024 ,页面应该就会直接出来了。这里要注意两点:① 一定要重新访问,不要刷新,因为此时页面的 url 其实是 http://fuck.io:1024/login ② 这个页面跟之前的欢迎页虽然看起来一毛一样,但其实文字是不同的,注意仔细观察哦。
向视图文件输出数据
既然 Controller - View 的架构已经运行,下一步就是引入 Model 了。Laravel 中向视图传数据非常简单:
修改视图文件
修改视图文件 learnlaravel5/resources/views/home.blade.php
的代码为:
刷新
如果你得到以上页面,恭喜你,Laravel 初体验成功!
调整视图
前台页面是不应该有顶部的菜单栏的,特别是还有注册、登录之类的按钮。修改视图文件为:
此视图文件变成了一个独立视图,不再有基视图,并且将 jQuery 和 BootStrap 替换为了国内的 CDN,更快更稳定了。
同理我们修改 learnlaravel5/resources/views/layouts/app.blade.php
为如下代码:
接下来我们来着手搭建后台。
搭建后台
生成控制器
我们使用 Artisan 工具来生成控制器文件:
php artisan make:controller Admin/HomeController
成功之后,我们就可以看到 artisan 帮我们建立的文件夹及控制器文件了:
增加路由
我们要使用路由组来将后台页面置于“需要登录才能访问”的中间件下,以保证安全:
上一篇文章中我们已经接触到了路由组,这是 Laravel 的另一个伟大创造。路由组可以给组内路由一次性增加 命名空间、uri 前缀、域名限定、中间件 等属性,并且可以多级嵌套,异常强大。路由组中文文档在此: http://laravel-china.org/docs/5.1/routing#route-groups
上面的三行代码的功能简单概括就是:访问这个页面必须先登录,若已经登录,则将 http://fuck.io:1024/admin
指向 App\Http\Controllers\Admin\HomeController 的 index 方法。其中需要登录由 middleware 定义, /admin 由 prefix 定义,Admin 由 namespace 定义,HomeController 是实际的类名。
构建后台首页
新建 index 方法
新建视图文件
在 learnlaravel5/resources/views/
目录下新建一个名为 admin 的文件夹,在 admin 内新建一个名为 home.blade.php 的文件,填入代码:
修改 Auth 系统登陆成功之后的跳转路径
修改 learnlaravel5/app/Http/Controllers/Auth/AuthController.php
中的相应代码为:
尝试登录
访问 http://fuck.io:1024/admin ,它会跳转到登陆界面,输入邮箱和密码之后,你应该会看到如下页面:
恭喜你,后台首页搭建完成!下面我们开始构建 Article 的后台管理功能。
构建 Article 后台管理功能
让我们先尝试点一下 “管理文章”按钮,不出意外你将得到一个 404 的报错:
进步之道
很多新手看到这个报错直接就慌了:什么鬼?全是英文看不懂呀。然后在文章下面把完整的错误栈全部粘贴出来。老实说我第一次见到 Laravel 报这个错也是完全没耐心去读,不过我还是复制了最明显的那个词“NotFoundHttpException”去 Google 了一下,从此我就再也没搜索过它了。
我为我的浮躁感到羞愧。那句话说的太对了:大多数人的努力程度之低,完全没有到拼天赋的程度。愿本教程的读者都做“少数人”。
添加路由
404 错误是访问了系统没有监听的路由导致的。下面我们要添加针对http://fuck.io:1024/admin/article
的路由:
刷新,错误变了:
新建控制器
上图中的报错是控制器不存在。我们使用 Artisan 来新建控制器:
php artisan make:controller Admin/ArticleController
刷新,错误又变了:
index 方法不存在。让我们新增 index 方法:
新建视图
上面我们已经新建过视图,现在应该已经轻车熟路了。在learnlaravel5/resources/views/admin
下新建 article 文件夹,在文件夹内新建一个 index.blade.php 文件,内容如下:
刷新,错误又变了:
Article 类不存在?原因很简单:Article 类和当前控制器类不在一个命名空间路径下,不能直接调用。解决办法就是主动导入 \App\Article 类:
如果你还不熟悉命名空间,可以参考 《PHP 命名空间 解惑》 。
检查成果
再次刷新,你应该能看到如下画面:
如果你没到这个画面也不用担心,根据他的错误提示去 Google 吧,一定能解决的。
新增、编辑、删除功能怎么办?
这三个功能我将在下一篇教程与大家分享,这是 2015 版 Laravel 教程做的不够好的地方,其实这里才是最应该掰开揉碎仔细讲解的地方。
- 2016 版 Laravel 系列入门教程(三)【最适合中国人的 Laravel 教程】
- 2016 版 Laravel 系列入门教程(一)【最适合中国人的 Laravel 教程】
- 2016 版 Laravel 系列入门教程(五)【最适合中国人的 Laravel 教程】
- 2016 版 Laravel 系列入门教程(四)【最适合中国人的 Laravel 教程】
- 2016 版 Laravel 系列入门教程(一)【最适合中国人的 Laravel 教程】
- 2016 版 Laravel 系列入门教程(二)【最适合中国人的 Laravel 教程】
- Laravel 4 系列入门教程(三)【最适合中国人的Laravel教程】
- Laravel 5 系列入门教程(三)【最适合中国人的 Laravel 教程】
- Laravel 4 系列入门教程(一)【最适合中国人的Laravel教程】
- Laravel 4 系列入门教程(二)【最适合中国人的Laravel教程
- Laravel 5 系列入门教程(一)【最适合中国人的 Laravel 教程】
- Laravel 5 系列入门教程(二)【最适合中国人的 Laravel 教程】
- Laravel 5 系列入门教程(四)【最适合中国人的 Laravel 教程】【完结】
- 2016 版 Laravel 系列入门教程(一)
- Laravel 4 系列入门教程(三)
- laravel系列的教程
- Laravel 4 系列入门教程
- Laravel大型项目系列教程(三)之发表文章
- c++上机作业4
- 一种简单的短路检测电路设计
- struts 2 的执行流程
- Oracle数据库中的scott用户不存在解决办法
- Laravel基础教程01
- 2016 版 Laravel 系列入门教程(三)【最适合中国人的 Laravel 教程】
- 为什么action使用的多例模式,但是service层和dao层用的是单例模式
- docker CE&&EE版本centos安装
- java项目防止跨站访问防止越过登录直接访问
- Android手机UI设计---”知乎“界面外观模仿篇(四)---在Fragment里使用ScrollView嵌套自定义listview
- Hibernate @Entity 错误: No identifier specified for entity XXX
- Unity一HTC 手柄控制主角行走
- Java中字符数组、String类、StringBuffer三者的相互转换
- Java-Properties文件