laravel的参考文档中view的讲解有些简单。

在实际项目开发中view的灵活性其实是非常大。

首先来看看laravel中的布局页 和asp.net mvc中有什么不同

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="UTF-8">　　
  1. 　　 <!--这里相当于asp.net mvc 中的一个@section('title',false)-->
  1. 　　@section('title') <title>{{{$title}}}</title> <!-- using {{$title}} is bad here eg:</title><script>alert('hello')</script> -->　　　　 <!--这里{{{X}}}与{{}}的区别在与前者会转码，后者不转码-->
  2.     @show
  3.     <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  4.     {{ HTML::style('vendor/bootstrap/dist/css/bootstrap.css') }}
  5.     @section('style')
  6.     @show
  7.     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  8.     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  9.         <!--[if lt IE 9]>
  10.           <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  11.           <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  12.           <![endif]-->
  13.       </head>
  14.       <body class="skin-blue">
  15.         <!-- 部分视图 -->　　　　　　
  16.            @include('shared.header')
  17.         <div class="container ">
  18.             {{$main}}
  19.         </div><!-- ./wrapper -->
  20.     {{ HTML::script('vendor/jquery/dist/jquery.js') }}
  21.     {{ HTML::script('vendor/bootstrap/dist/js/bootstrap.js') }}
  22.     @section('script')
  23.     @show
  24.     </body>
  25.     </html>

在看首页显示列表的post.home的代码：

  1. <div class="row">
  2.   <div class="col-xs-12 col-sm-6 col-md-8">
  3.   	{{$content}}
  4.   </div>
  5.   <div class="col-xs-6 col-md-4">　　　　 <!--这里这个部分视图是一个全局都可以引用的，该部分视图在上一章的route.php的视图合成器-->
  6.   	@include('shared.sidebar')
  7.   </div>
  8. </div>

还有post.index的代码 post.index回作为一个子视图将替换post.home中的{{$content}}

  1. @if(!empty($notFound))
  2. <p>Sorry nothing found for your query!</p>
  3. @else
  4. @foreach($posts as $post)
  5. 	<article class="post">
  6. 		<header class="post-header">
  7. 			<h4 class="post-title">
  8. 				{{link_to_route('post.show',$post->title,$post->id)}}
  9. 				<div class="pull-right">
  10. 					<span class="text-warning small">{{explode(' ',$post->created_at)[0]}}</span>
  11. 					<span class="small">{{$post->comment_count}} comments </span>
  12. 				</div>
  13. 			</h4>
  14. 		</header>
  15. 		<div class="post-content">
  16. 			<p>{{$post->read_more.' ...'}}</p>
  17.  
  18. 			<div >{{link_to_route('post.show','Read full article',$post->id)}}</div>
  19. 		</div>
  20. 		<footer class="post-footer">
  21. 			<hr>
  22. 		</footer>
  23. 	</article>
  24. @endforeach
  25. {{$posts->links()}}//这里显示分页。
  26. @endif

laravel框架视图这部分有很多其他组件，本章代码是没有引用其他组件的写法。

简单的demo是完成了，以下是完整代码。

http://pan.baidu.com/s/1ntzDsyH

接下来会研究一些laravel中常用到的组件，并应用到demo项目中。

.net转php laraval框架学习系列（四） 项目实战---View的更多相关文章

  1. .net转php laraval框架学习系列（二）项目实战---Models

    上一篇已经介绍开发环境的搭建,如果有问题可以在文章后留言. 这篇将从项目实战开发,一步一步了解laravel框架. 在开发mvc项目时,models都是第一步. 下面就从建模开始. 实体关系图 由于不 ...

  2. .net转php laraval框架学习系列（一） 环境搭建

    之前也没写过什么博客,可能文章结构比较混乱,想到那写到哪. 主要是把自己学习中的经验写下来. 为什么选择laravel框架,是因为laravel框架目前是Php最流行的框架,深入研究后发现和asp.n ...

  3. .net转php laraval框架学习系列（三）项目实战---Route&Controllers

    本章来学习laravel的路由 一个简单的路由列子 Route::get('/', function() { return 'Hello World'; }); 路由的写法和Node的风格很相似.上面 ...

  4. scrapy爬虫学习系列四：portia的学习入门

    系列文章列表: scrapy爬虫学习系列一:scrapy爬虫环境的准备:      http://www.cnblogs.com/zhaojiedi1992/p/zhaojiedi_python_00 ...

  5. DocX开源WORD操作组件的学习系列四

    DocX学习系列 DocX开源WORD操作组件的学习系列一 : http://www.cnblogs.com/zhaojiedi1992/p/zhaojiedi_sharp_001_docx1.htm ...

  6. .net reactor 学习系列(四)---.net reactor应用场景

    原文:.net reactor 学习系列(四)---.net reactor应用场景         前面已经学习了.net reactor一些基础知识,现在准备学习下实际的应用场景,只是简单的保护和 ...

  7. 4.VUE前端框架学习记录四：Vue组件化编码2

    VUE前端框架学习记录四:Vue组件化编码2文字信息没办法描述清楚,主要看编码Demo里面,有附带完整的代码下载地址,有需要的同学到脑图里面自取.脑图地址http://naotu.baidu.com/ ...

  8. web前端Vue+Django rest framework 框架 生鲜电商项目实战✍✍✍

    web前端Vue+Django rest framework 框架 生鲜电商项目实战  整个课程都看完了,这个课程的分享可以往下看,下面有链接,之前做java开发也做了一些年头,也分享下自己看这个视频 ...

  9. web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 ☝☝☝

    web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程    web前端Vue+Django rest framework 框架 生鲜电商项目实战视频教程 学习 ...

随机推荐

  1. Collection Views and Building Custom Layouts-备

    UICollectionView的结构回顾 首先回顾一下Collection View的构成,我们能看到的有三个部分: Cells Supplementary Views 追加视图 (类似Header ...

  2. Install the Yeoman toolset

    参照:http://yeoman.io/codelab/setup.html 1:$npm install --global yo bower grunt-cli 提示以下错误 npm ERR! /p ...

  3. Android Activity设置为全屏的方法

    1:代码方式: 放到setContentView之前 //隐藏标题栏 this.requestWindowFeature(Window.FEATURE_NO_TITLE); //隐藏状态栏 this. ...

  4. 数字签名.sys文件的步骤

    ------------------------------------------------------------------------------ 1. 双击MSCrossCert.crt文 ...

  5. Jquery 对象集合的迭代扩展forEach

    if (jQuery && !jQuery.fn.forEach) { $(function () { (function ($) { $.fn.extend({ forEach: f ...

  6. 【转】一个FAE（AE）的体会和大家交流

    原文网址:http://www.52rd.com/bbs/dispbbs.asp?boardID=63&ID=228682 本人在国内某芯片设计公司工作近5年时间岗位是AE和FAE,两个工作量 ...

  7. ASCII码表（0 - 255）

    目前计算机中用得最广泛的字符集及其编码,是由美国国家标准局(ANSI)制定的ASCII码(American Standard Code for Information Interchange,美国标准 ...

  8. sicily 4379 bicoloring

    题意:输入一个简单(无多重边和自环)的连通无向图,判断该图是否能用黑白两种颜色对顶点染色,使得每条边的两个端点为不同颜色. 解法:由于无自连通节点存在,所以只需进行一次宽搜,遍历所有的点和所有的边,判 ...

  9. 形形色色的软件生命周期模型（4）——MSF、实用型

    摘要: 读大学时,我们曾经学习过不少软件生命周期模型,当时还不是很懂软件开发,你可能会觉得这些东西很新奇.在实际工作中,你会发现这些模型其实很难应用,与此同时你会接触到RUP.MSF等权威软件公司的生 ...

  10. java中protect属性用法总结

    测试代码: pojo类: package com.lky.h1; public class Base { private Integer id; protected String name; publ ...