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

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

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

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

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

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

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

@if(!empty($notFound))
<p>Sorry nothing found for your query!</p>
@else
@foreach($posts as $post)
	<article class="post">
		<header class="post-header">
			<h4 class="post-title">
				{{link_to_route('post.show',$post->title,$post->id)}}
				<div class="pull-right">
					<span class="text-warning small">{{explode(' ',$post->created_at)[0]}}</span>
					<span class="small">{{$post->comment_count}} comments </span>
				</div>
			</h4>
		</header>
		<div class="post-content">
			<p>{{$post->read_more.' ...'}}</p>

			<div >{{link_to_route('post.show','Read full article',$post->id)}}</div>
		</div>
		<footer class="post-footer">
			<hr>
		</footer>
	</article>
@endforeach
{{$posts->links()}}//这里显示分页。
@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. D3js初探及数据可视化案例设计实战

    摘要:本文以本人目前所做项目为基础,从设计的角度探讨数据可视化的设计的方法.过程和结果,起抛砖引玉之效.在技术方案上,我们采用通用web架构和d3js作为主要技术手段:考虑到项目需求,这里所做的可视化 ...

  2. 【原创】CLEVO P157SM外接鼠标键盘失灵解决：更换硅脂（附带最新跑分数据）

    作者批注:本文允许转载,并且希望给搜索未来人类.蓝天.CLEVO.更换硅脂或者任何有关关键字的朋友提供帮助. 原文地址:http://www.cnblogs.com/c4isr/p/3514140.h ...

  3. mobile 测试入门思维导图

    手机测试思维导图 ISO 测试思维导图 Android测试思维导图 原图出自:http://www.ministryoftesting.com/resources/mindmaps/

  4. (摘)Zebra打印机异常处理

    一.一般条码打印设备按图指示方向,虚线为碳带安装路径,实线为标签路径.回卷后废碳带不易剥落,则在装入前用废标签的光滑底纸卷在回卷轴上,然后再上碳带.安装标签时,根据不同标签宽度调整限纸器.压头弹簧均匀 ...

  5. spark1.1.0源码阅读-taskScheduler

    1. sparkContext中设置createTaskScheduler case "yarn-standalone" | "yarn-cluster" =& ...

  6. PHP之mysql笔记

    1:在php中提供了两个用于连接MySQL数据库服务器的函数. (1)int mysql_connect(hostname[:port][:/path/to/socket],user,pass). ( ...

  7. 认识Android

    安卓的特点开放性平等性无界性方便性硬件的丰富性 Android操作系统之中,一共将体系结构划分为四层:应用层(Application).应用框架层(Application Framework).系统运 ...

  8. 51单片机C语言学习笔记6：51单片机C语言头文件及其使用

    很多初学单片机者往往对C51的头文件感到很神秘,而为什么要那样写,甚至有的初学者喜欢问,P1口的P为什么要大写,不大写行不行呢?其实这个是在头文件中用sfr定义的,现在定义好了的是这样的 sfr P1 ...

  9. Qt之模型/视图（自定义按钮）（重绘QStyleOptionButton）

    http://blog.csdn.net/liang19890820/article/details/50974059#comments

  10. Linux系统编程（31）—— socket编程之TCP详解

    TCP有源端口号和目的端口号,通讯的双方由IP地址和端口号标识.32位序号.32位确认序号.窗口大小稍后详细解释.4位首部长度和IP协议头类似,表示TCP协议头的长度,以4字节为单位,因此TCP协议头 ...