Laravel大型項目系列教程（五）之文章和標簽管理

本節教程將大概完成文章和標簽管理。

1.文章管理

首先創建管理后臺文章列表視圖：

$ php artisan generate:view admin.articles.list

修改views/admin/articles/list.blade.php：

@extends('_layouts.default')@section('main') <div class="am-g am-g-fixed blog-g-fixed"><div class="am-u-sm-12"><table class="am-table am-table-hover am-table-striped "><thead><tr><th>Title</th><th>Tags</th><th>Author</th><th>Managment</th></tr></thead><tbody>@foreach ($articles as $article)<tr><td><a href="{{ URL::route('article.show', $article->id) }}">{{{ $article->title }}}</a></td><td>@foreach ($article->tags as $tag)<span class="am-badge am-badge-success am-radius">{{ $tag->name }}</span>@endforeach</td><td><a href="{{ URL::to('user/' . $article->user->id . '/articles') }}">{{{ $article->user->nickname }}}</a></td><td><a href="{{ URL::to('article/'. $article->id . '/edit') }}" class="am-btn am-btn-xs am-btn-primary"><span class="am-icon-pencil"></span> Edit</a>{{ Form::open(array('url' => 'article/' . $article->id, 'method' => 'DELETE', 'style' => 'display: inline;')) }}<button type="button" class="am-btn am-btn-xs am-btn-danger" id="delete{{ $article->id }}"><span class="am-icon-remove"></span> Delete</button>{{ Form::close() }}</td></tr>@endforeach</tbody></table></div> </div> <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm"><div class="am-modal-dialog"><div class="am-modal-bd"></div><div class="am-modal-footer"><span class="am-modal-btn" data-am-modal-cancel>No</span><span class="am-modal-btn" data-am-modal-confirm>Yes</span></div></div> </div> <script>$(function() {$('[id^=delete]').on('click', function() {$('.am-modal-bd').text('Sure you want to delete it?');$('#my-confirm').modal({relatedTarget: this,onConfirm: function(options) {$(this.relatedTarget).parent().submit();},onCancel: function() {}});});}); </script> @stop

在nav.blade.php中增加一個Articles的超鏈接：

<li class="{{ (isset($page) and ($page == 'articles')) ? 'am-active' : '' }}"><a href="{{ URL::to('admin/articles') }}">Articles</a></li>

創建一個管理員控制器，在app/controllers下創建一個名為AdminController.php的文件，修改：

class AdminController extends \BaseController {public function articles(){return View::make('admin.articles.list')->with('articles', Article::with('user', 'tags')->orderBy('created_at', 'desc')->get())->with('page', 'articles');} }

在Route::group(array('prefix' => 'admin')中增加：

Route::get('articles', 'AdminController@articles');

管理文章可以重用上節教程寫的業務邏輯，修改下ArticleController.php，把destroy()中最后的Redirect::to('home')改成Redirect::back()， 再修改一下home.blade.php，加一個是否是管理員的判斷，這樣當點擊作者跳轉到用戶主頁時，除了作者自己管理員也能操作文章：

@if ($user->id == Auth::id() or Auth::user()->is_admin)

現在點擊導航欄的Articles，就會出現所有的文章：

這樣管理員就可以操作所有的文章了。

我們還可以再修改下admin/users/list.blade.php，當點擊用戶列表的昵稱時也會跳轉到用戶主頁：

<a href="{{ URL::to('user/' . $user->id . '/articles') }}">{{{ $user->nickname }}}</a>

現在訪問用戶列表頁面：

2.顯示標簽列表

創建一個標簽列表視圖：

$ php artisan generate:view admin.tags.list

修改admin/tags/list.blade.php：

@extends('_layouts.default')@section('main') <div class="am-g am-g-fixed blog-g-fixed"><div class="am-u-sm-12"><table class="am-table am-table-hover am-table-striped "><thead><tr><th>TagName</th><th>ArticleCount</th><th>CreateDateTime</th><th>Managment</th></tr></thead><tbody>@foreach ($tags as $tag)<tr><td>{{{ $tag->name }}}</td><td>{{ $tag->count }}</td><td>{{ $tag->created_at->format('Y-m-d H:i') }}</td><td><a href="{{ URL::to('tag/'. $tag->id . '/edit') }}" class="am-btn am-btn-xs am-btn-primary"><span class="am-icon-pencil"></span> Edit</a>{{ Form::open(array('url' => 'tag/' . $tag->id, 'method' => 'DELETE', 'style' => 'display: inline;')) }}<button type="button" class="am-btn am-btn-xs am-btn-danger" id="delete{{ $tag->id }}"><span class="am-icon-remove"></span> Delete</button>{{ Form::close() }}</td></tr>@endforeach</tbody></table></div> </div> <div class="am-modal am-modal-confirm" tabindex="-1" id="my-confirm"><div class="am-modal-dialog"><div class="am-modal-bd"></div><div class="am-modal-footer"><span class="am-modal-btn" data-am-modal-cancel>No</span><span class="am-modal-btn" data-am-modal-confirm>Yes</span></div></div> </div> <script>$(function() {$('[id^=delete]').on('click', function() {$('.am-modal-bd').text('Sure you want to delete it?');$('#my-confirm').modal({relatedTarget: this,onConfirm: function(options) {$(this.relatedTarget).parent().submit();},onCancel: function() {}});});}); </script> @stop

再在nav.blade.php中增加Tags選項：

<li class="{{ (isset($page) and ($page == 'tags')) ? 'am-active' : '' }}"><a href="{{ URL::to('admin/tags') }}">Tags</a></li>

在Route::group(array('prefix' => 'admin')中增加：

Route::get('tags', 'AdminController@tags');

在AdminController.php中增加：

public function tags() {return View::make('admin.tags.list')->with('tags', Tag::all()->orderBy('count', 'desc')); }

現在點擊導航欄上方的Tags超鏈接：

3.修改標簽

創建修改標簽的視圖：

$ php artisan generate:view tags.edit

修改views/tags/edit.blade.php：

@extends('_layouts.default')@section('main') <div class="am-g am-g-fixed"><div class="am-u-sm-12"><h1>Edit Tag</h1><hr/>@if (Session::has('message'))<div class="am-alert am-alert-{{ Session::get('message')['type'] }}" data-am-alert><p>{{ Session::get('message')['content'] }}</p></div>@endif@if ($errors->has())<div class="am-alert am-alert-danger" data-am-alert><p>{{ $errors->first() }}</p></div>@endif{{ Form::model($tag, array('url' => URL::route('tag.update', $tag->id), 'method' => 'PUT', 'class' => "am-form")) }}<div class="am-form-group">{{ Form::label('name', 'TagName') }}{{ Form::text('name', Input::old('name')) }}</div><p><button type="submit" class="am-btn am-btn-success"><span class="am-icon-pencil"></span> Modify</button></p>{{ Form::close() }}</div> </div> @stop

創建標簽控制器：

$ php artisan generate:controller TagsController

修改TagsController.php：

public function __construct() {$this->beforeFilter('auth', array('only' => array('create', 'store', 'edit', 'update', 'destroy')));$this->beforeFilter('csrf', array('only' => array('store', 'update', 'destroy'))); }public function edit($id) {return View::make('tags.edit')->with('tag', Tag::find($id)); }public function update($id) {$rules = array('name' => array('required', 'regex:/^\w+$/'),);$validator = Validator::make(Input::only('name'), $rules);if ($validator->passes()) {Tag::find($id)->update(Input::only('name'));return Redirect::back()->with('message', array('type' => 'success', 'content' => 'Modify tag successfully'));} else {return Redirect::back()->withInput()->withErrors($validator);} }

把這個控制器加到routes.php中：

Route::resource('tag', 'TagController');

現在就能修改標簽了：

4.刪除標簽

修改TagsController.php：

public function destroy($id) {$tag = Tag::find($id);$tag->count = 0;$tag->save();foreach ($tag->articles as $article) {$tag->articles()->detach($article->id);}return Redirect::back(); }

我這里刪除標簽只是把它的文章數置為0，然后清除與相關文章的關聯，你可以自己試下刪除一個標簽，再看看文章的標簽是否去除了。

5.關聯標簽

當我們點擊首頁文章、標簽欄和顯示文章內容的標簽的時候應該跳轉到顯示相應標簽下所有文章的頁面：

我們對上述地方加上超鏈接地址：

<a href="{{ URL::to('tag/' . $tag->id . '/articles') }}">{{ $tag->name }}</a>

創建指定標簽的文章列表視圖：

$ php artisan generate:view articles.specificTag

修改views/articles/specificTag.blade.php：

@extends('_layouts.default')@section('main') <div class="am-g am-g-fixed"><div class="am-u-sm-12"><br/><blockquote>Tag: <span class="am-badge am-badge-success am-radius">{{{ $tag->name }}}</span></blockquote>@foreach ($articles as $article)<article class="blog-main"><h3 class="am-article-title blog-title"><a href="{{ URL::route('article.show', $article->id) }}">{{{ $article->title }}}</a></h3><h4 class="am-article-meta blog-meta">by <a href="{{ URL::to('user/' . $article->user->id . '/articles') }}">{{{ $article->user->nickname }}}</a> posted on {{ $article->created_at->format('Y/m/d H:i') }} under @foreach ($article->tags as $tag)<a href="{{ URL::to('tag/' . $tag->id . '/articles') }}" style="color: #fff;" class="am-badge am-badge-success am-radius">{{ $tag->name }}</a>@endforeach</h4><div class="am-g"><div class="am-u-sm-12">@if ($article->summary)<p>{{ $article->summary }}</p>@endif<hr class="am-article-divider"/></div></div></article>@endforeach{{ $articles->links() }}</div> </div> @stop

在TagController.php增加：

public function articles($id) {$tag = Tag::find($id);$articles = $tag->articles()->orderBy('created_at', 'desc')->paginate(10);return View::make('articles.specificTag')->with('tag', $tag)->with('articles', $articles); }

在routes.php的Route::resource('tag', 'TagController');的上方增加：

Route::get('tag/{id}/articles', 'TagController@articles');

現在當我們點擊頁面上的標簽時，就會顯示該標簽下的所有文章了：

6.顯示所有標簽

我們還需要一個顯示所有標簽的頁面，先創建視圖：

$ php artisan generate:view tags.list

修改views/tags/list.blade.php：

@extends('_layouts.default')@section('main') <div class="am-g am-g-fixed"><div class="am-u-sm-12"><h1>All Tags</h1><hr/>@foreach ($tags as $tag)<a href="{{ URL::to('tag/' . $tag->id . '/articles') }}" class="am-badge am-radius {{ array('', 'am-badge-primary', 'am-badge-secondary', 'am-badge-success', 'am-badge-warning', 'am-badge-danger')[rand(0, 5)] }}">{{{ $tag->name }}} {{ $tag->count }}</a>@endforeach<br/><br/></div> </div> @stop

現在點擊首頁的Tags鏈接時就會跳轉到顯示所有標簽的頁面了：

7.小結

本節教程就到此結束了，這個博客系統想要實現的功能也基本完成了，下節開始將講解優化、單元測試、部署和擴展開發等內容，你可以繼續完善，例如在管理文章和標簽的時候提供一個搜索功能，給它們都加上分頁，在首頁加上一個搜索文章的功能，給文章加上評論功能等等，在評論功能方面現在有很多第三方評論插件，可以快速幫你實現。

最后的代碼下載：

$ git clone https://github.com/shiyanlou/laravel-blog-5.git

laravel學習網站相關資料：
- Laravel官網
- 中文文檔1、中文文檔2
- 實驗樓論壇
- Laravel中文網問答社區
- PHPHub中文社區
- API文檔
- laravel.io
- LARACASTS

總結

以上是生活随笔為你收集整理的Laravel大型项目系列教程（五）之文章和标签管理的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。