实现简单blog展示_html/css_WEB-ITnose
程序员文章站
2022-05-12 21:40:35
...
创建一个index主页列出所有文章
生成路由
app/Http/routes.php
Route::get('/articles','ArticlesController@index');
生成一个controller
php artisan make:controller ArticlesController
namespace App\Http\Controllers;use App\Articles; //当你使用Articles这个model的时候,phpstorme会帮你默认导入这个类use Illuminate\Http\Request;use App\Http\Requests;class ArticlesController extends Controller{ // public function index(){ //因为路由里面我们使用了ArticlesController@index,所以这里是index方法 $articles = Articles::all(); //这里需要注意的是这个Articles是我们创建的那个Articles的model,在phpstorme会有提示,这里的all方法是返回这个model查询到的所有数据,这些数据是提前输入好的 return $articles; }}
访问localhost:8000/articles会出现以下内容,laravel会默认返回json格式的数据
本页JSON数据由FeHelper进行自动格式化,若有任何问题,点击这里提交 意见反馈[{"id": 1,"title": "title","content": "content","publish_at": "2016-05-14 18:04:44","created_at": "2016-05-14 18:04:48","updated_at": "2016-05-14 18:04:48"},{"id": 2,"title": "title2","content": "content2","publish_at": "2016-05-15 04:24:48","created_at": "2016-05-14 18:07:42","updated_at": "2016-05-14 18:07:42"},{"id": 3,"title": "second title","content": "second content","publish_at": "2016-05-14 18:15:38","created_at": "2016-05-14 18:15:38","updated_at": "2016-05-14 18:15:38"}]
运用已有的blade知识,配置一个layout
例如
resources/views/layout/app.blade.phplayout只是一个概念,这个文件主要是为了创造一个模板容器,用来处理那些可以复用的代码,例如一些html的head,body标签
Laravel @yield('content')@yield(('footer'))
创建刚才控制器指定的那个blade文件
resources/views/articles/index.blade.php
@extends('layout.app')@section('content')hello
@foreach($articles as $article) //循环输出{{$article->title}}
@endforeach@stop {{$article->content}}
创建一个文章页,列出单个文章
单个文章,需要有文章id在url里面区分,所以特意建立了一个新的路由和一个新的controller方法show
Route::get('/articles/{id}','ArticlesController@show'); {id}传入变量参数,用大括号来标识,传入变量到controller的show方法
app/Http/Controllers/ArticlesController.php
class ArticlesController extends Controller{ // public function index(){ $articles = Articles::all();// return $articles; return view('articles.index',compact('articles')); } public function show($id){ //获取从路由传入的$id变量 $article = Articles::find($id); //使用laravel提供的find方法查询数据库// return $articles; return view('articles.show',compact('article')); }}
resources/views/articles/show.blade.php
@extends('layout.app')@section('content')hello
@foreach($articles as $article) {{--{{$article->title}}
--}}{{--{{$article->title}}
--}}{{$article->title}}
//这里有三种方法来传递变url量到blade中,第一种是直接写的,第二种是通过url方法,使用的路由方法,第三种是通过action方法,使用的是controller方式@endforeach@stop {{$article->content}}
本文由 PeterYuan 创作,采用 署名-非商业性使用 2.5 * 进行许可。 转载、引用前需联系作者,并署名作者且注明文章出处。神一样的少年 » 实现简单blog展示(主要使用到Eloquent和Controller的结合)
推荐阅读
-
简单实现"回车!=提交"(去除表单的回车即提交)_html/css_WEB-ITnose
-
css position实现自适应_html/css_WEB-ITnose
-
纯CSS3实现兔斯基简单害羞表情_html/css_WEB-ITnose
-
CSS如何实现网易的盖楼效果_html/css_WEB-ITnose
-
【求教】请问,如何用css3实现div自适应高度?_html/css_WEB-ITnose
-
让ICON生动起来 纯CSS实现带动画的天气图标_html/css_WEB-ITnose
-
CSS如何实现滑动门效果_html/css_WEB-ITnose
-
Div怎么实现页面 "100%"的宽度和高度?_html/css_WEB-ITnose
-
移动web端css实现文本单行省略及多行省略_html/css_WEB-ITnose
-
展示Html5强大之处:Canvas画个猴子_html/css_WEB-ITnose