下载此文档

Laravel大型项目系列教程(四).doc


文档分类:IT计算机 | 页数:约13页 举报非法文档有奖
1/13
下载提示
  • 1.该资料是网友上传的,本站提供全文预览,预览什么样,下载就什么样。
  • 2.下载该文档所得收入归上传者、原创者。
  • 3.下载的文档,不会出现我们的网址水印。
1/13 下载此文档
文档列表 文档介绍
Laravel 大型项目系列教程( 四) 一、前言上节教程中实现了发布文章的功能,本节教程中将大概实现在首页和用户主页分页显示文章和标签列表、用户能够修改删除文章。二、 Let's go 1. 首页显示文章和标签列表我们需要在首页显示文章和标签列表, 修改 views/ : ***@extends( '' ) ***@section( 'main' ) <div class = "am-g am-g-fixed" > <div class = "am-u-md-8" > @ foreach ($articles as $article) <article class = "blog-main" > <h3 class = "am-article-title blog-title" > <a href= "{{ URL::route('', $article->id) }}" >{{{ $article->title }}}</a> </h3> <h4 class = "am-article-meta blog-meta" > by <a href= "#" >{{{ $article->user->nickname }}}</a> posted on {{ $article->created_at- >format( 'Y/m/d H:i' ) }} under @ foreach ($article->tags as $tag) <a href= "#" style= "color: #fff;" class = "am-badge am-badge-ess am-radius" >{{ $tag->na me }}</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 </div> <div class = "am-u-md-4 blog-sidebar" > <br/> <div class = "am-panel-group" > <section class = "am-panel am-panel-default" > <div class = "am-panel-hd" ><span class = "am-icon-tags" ></span> Tags</div> <ul class = "am-list" >@ for ($i =0, $len = count($tags); $i< $len; $i++) <li> <a href= "#" >{{ $tags[$i]->name }} @ if ($i == 0) <span class = "am-fr am-badge am-badge-danger am-round" >{{ $tags[$i]->count }}</s pan> ***@elseif ($i == 1) <span class = "am-fr am-badge am-badge-warning am-round" >{{ $tags[$i]->count }}</ span> ***@elseif ($i == 2) <span class = "am-fr am-badge am-badge-ess am-round" >{{ $tags[$i]->count }}</ span> @ else <span class = "am-fr am-badge am-round" >{{ $tags[$i]->count }}</span> ***@endif </a> </li> ***@endfor </ul> </section> </div> </div> </div> ***@stop 在 中增加: ***@media only screen and (min-width: 641px) { .blog-sidebar { font-size: ; }} .blog-main { padding: 20px 0;} .blog-title { margin: 10px 0 20px 0;} .blog-meta { font-size: 14px; margin: 10px 0 20px 0; color: #222;} .blog-meta a

Laravel大型项目系列教程(四) 来自淘豆网m.daumloan.com转载请标明出处.

相关文档 更多>>
非法内容举报中心
文档信息
  • 页数13
  • 收藏数0 收藏
  • 顶次数0
  • 上传人xxj16588
  • 文件大小0 KB
  • 时间2016-06-14