文書の過去の版を表示しています。

28 Laravel Voyager フロントページ用意

https://devdojo.com/tutorials/working-with-voyager-on-the-front-end

Post

1.ルーティング

routes/web.php

Route::get('/foo', function () {
    $posts = App\Post::all();
    return view('home', compact('posts'));
});

2.コントローラ

コントローラ作成

php artisan make:model Post

下記ができる

app/Post.php

<?php

namespace App;

use Illuminate\Database\Eloquent\Model;

class Post extends Model
{
    //
}

3.Viewを作成

resources/views/home.blade.php

<!DOCTYPE html>
<html>
<head>
	<title>Homepage</title>
	<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>

	<div class="container">
		<br><br>
		<div class="row">
		@foreach($posts as $post)
			<div class="col-md-3">
				<a href="/post/{{ $post->slug }}">
					<img src="{{ Voyager::image( $post->image ) }}" style="width:100%">
					<span>{{ $post->title }}</span>
				</a>
			</div>
		@endforeach
		</div>
	</div>

</body>
</html>

4.ページ完成

シングルページ

Laravel, Voyager

fl8 Wiki

サイドバー

目次

28 Laravel Voyager フロントページ用意

Post

1.ルーティング

2.コントローラ

3.Viewを作成

4.ページ完成

シングルページ

fl8 Wiki

ユーザ用ツール

サイト用ツール

サイドバー

Tag Cloud

目次

28 Laravel Voyager フロントページ用意

Post

1.ルーティング

2.コントローラ

3.Viewを作成

4.ページ完成

シングルページ

ページ用ツール