Laravel5学生成绩管理系统-02-Blade模板
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了Laravel5学生成绩管理系统-02-Blade模板,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2957字,纯文字阅读大概需要5分钟。
内容图文
![Laravel5学生成绩管理系统-02-Blade模板](/upload/InfoBanner/zyjiaocheng/206/750a8b0f12504e7aaf19d5fee2ab53ff.jpg)
# 定义页面布局
使用 Blade 模板的两个主要优点为 模板继承 与 区块。让我们先通过一个简单的例子来上手。首先,我们需要确认一下「主要的」页面布局。大多数的网页应用程序在不同页面都保持着相同的布局方式,这种布局在这单个 Blade 视图中可以很方便的定义:
我们先构建一个基础页面模版,因为后面的每个页面都是需要继承它的.创建 master.blade.php文件.
@yield('title') @yield('content')
如你所见,这个文件包含了传统的 HTML 语法。不过,请注意 @section 与 @yield 命令。正如其名,@section 命令定义一个内容区块,而 @yield 命令被用来 “显示指定区块” 的内容。
@yield()[可以简单地理解为区域】 和 @extends() 通常会结合者使用,实现我们通常所说的layouts布局。layouts布局就是在web开发的过程中,我们将一些公用的部分如 header , footer等直接放在一个视图文件中,然后在使用的使用直接继承 (使用@extends) 就可以了,比如我们在 resources/views/ 文件夹之下创建一个 master.blade.php :
现在,我们已经定义好了这个应用程序的布局,让我们接着来定义一个继承此布局的子页面。
#继承页面布局
当正在定义子页面时,你可以使用 Blade 的 @extends 命令指定子页面应该「继承」哪一个布局。当视图 @extends Blade 的布局之后,即可使用 @section 命令将内容注入于布局的区块中。切记,如上述例子所见,这些区块的内容都会使用@yield 显示在布局中:
? welcome欢迎首页面继承主页面?
@extends('master') {{-- 继承master模版,注意:此处米有结束符分号 --}}@section('title') {{-- 对应@yield('title') --}} {{-- 也可以这样写:@section('title', '页面标题') --}} 学生成绩管理系统-测试-@stop@section('content') {{-- 对应@yield('content') --}}{{ Inspiring::quote() }}
同学们登录后先修改相关资料
查询分数,有疑问咨询管理员
点击登录
@stop
@section 有两种写法:
第一种当内容比较短时可以直接写,结尾不用@stop结束符
@section('title', '页面标题')
第二种当显示内容比较多时,可以分开来写,即下面这种:
@section('content') // 这部分替换app里的代码,有开始就会有结束,所以一个section 对应一个stop生如夏花之绚烂
死如秋叶之静美
@stop
浏览器端显示:
内容总结
以上是互联网集市为您收集整理的Laravel5学生成绩管理系统-02-Blade模板全部内容,希望文章能够帮你解决Laravel5学生成绩管理系统-02-Blade模板所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。