快上网专注成都网站设计 成都网站制作 成都网站建设
成都网站建设公司服务热线:028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决

怎么在Laravel框架中使用Blade模板-创新互联

今天就跟大家聊聊有关怎么在Laravel框架中使用Blade模板,可能很多人都不太了解,为了让大家更加了解,小编给大家总结了以下内容,希望大家根据这篇文章可以有所收获。

10年积累的做网站、成都做网站经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先做网站后付款的网站建设流程,更有中卫免费网站建设让你可以放心的选择与我们合作。

NO.1Blade模板简介


问: 什么是Blade模板?

答: Blade模板是Laravel提供一个既简单又强大的模板引擎;
和其他流行的PHP模板引擎不一样,他并不限制你在视图里使用原生PHP代码;
所有Blade视图页面都将被编译成原生的PHP代码并缓存起来,除非你的模板文件被修改,否则不会重新编译。
而这些都意味着Blade不会给我们增加任何负担。

NO.2Blade模板继承使用

先说一下这里我们会用到的知识点

  1. section

  2. yield

  3. extends

  4. parent

问: Blade模板继承使用的优势在哪?为什么要使用它?

答:
Blade模板继承的优势在于,你写一个管理系统或者别的系统的时候,如果某部分样式不变,你可能会因为这个写一个又一个页面,就很麻烦,而且代码量多,做的时间久,别人接手也会抓狂,代码观赏性不强。但是你要是用到了Blade模板继承,你就可以省掉那些一样板块代码的数量;
为什么要使用它?因为方便维护,也节省代码量。 多说无益,我们拿出事实说话。

这里,我们先拿出一个Bootstrap的样式,代码如下:




	 
	Bootstrap与Laravel的测试集合
	 
	
	
	




 

你好!这里是陈柴的系统

 

这里是Laravel与Bootstrap的集合

 
                                       网站名   
           首页     信息表       
          

关于我

   
我的照片:
   这边插入图像    

关于我的介绍..

   

链接

   

描述文本。

        链接 1     
  • 链接 2
  •     
  • 链接 3
  •                  

    标题

       
    副标题
       图像    

    一些文本..

       

    菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!

       
       

    标题

       
    副标题
       图像    

    一些文本..

       

    菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!

          

    底部内容

    当然了,如果你想要使用Bootstrap的框架,那你实现要把Bootstrap框架的文件下载好,然后存放于public目录下,才能使用。

    然后我们在view目录下创建一个名为Bstp.blade.php的视图,将上面Bootstrap的代码复制过去。

    做到这,我们继续在view目录下午创建一个目录,命名为Bstp,在往里面写入一个文件,命名为Bstp.blade.php

    这个时候,我们就要思考怎么才能继承这个模板了。这个很简单,只需要用到上面我们提到的那几个单词知识点即可。

    
    
    
    	 
    	@yield('title')
    	 
    	
    	
    	
    
    
    
    @section('jumbotron')
    
     

    你好!这里是陈柴的系统

     

    这里是Laravel与Bootstrap的集合

      @show @section('nav')                                        网站名               首页     信息表          @show @section('box')         

    关于我

       
    我的照片:
       这边插入图像    

    关于我的介绍..

       

    链接

       

    描述文本。

            链接 1     
  • 链接 2
  •     
  • 链接 3
  •                  

    标题

       
    副标题
       图像    

    一些文本..

       

    菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!

       
       

    标题

       
    副标题
       图像    

    一些文本..

       

    菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!菜鸟教程,学的不仅是技术,更是梦想!!!

         @show @section('footer')  

    底部内容

    @show

    @section(‘nav')

    @show

    @show
    这里代表的是一个继承某个代码块的开始以及结束,section开始,show结束,nav定义这个可以修改的代码块名字。方便子模板调用。

    @yield(‘title')
    这里和上面的定义差不多,不同的是,他是不可扩展的,也就是说,原来这个div有多大,你就只能多大,而上面那个不一样,他的内容只要超过了原本的div,那么原本的div会随之增大

    。@extends(‘Bstp')
    这个代表着,你这个子模板继承于谁,我这里写的是这个子模板继承于view目录下的Bstp.blade.php。

    @parent
    这个代表着,把你原本的一起继承过来,覆盖。

    说了这么多,如果还不理解,那咱们就行动证明

    首先,我们验证第一个@extends

    然后,打开我们view目录下的Bstp目录里的Bstp.blade.php文件,然后输入@extends,并且给他赋予一个控制器和路由

    子模板代码如下:

    @extends('Bstp')//继承自view目录下的Bstp.blade.php

    控制器代码如下:

    namespace App\Http\Controllers;
    
    class StudentController extends Controller
    {
    	public function index()
    	{
    		return view('Bstp.Bstp');//这里指的是返回view目录下Bstp目录下的Bstp
    	}
    }

    路由如下:

    Route::get('index',['as'=>'index','uses'=>'StudentController@index']);

    然后我们输入index,获得效果如下
    怎么在Laravel框架中使用Blade模板
    这里,我们是不是已经输出出来了?
    (这里有个点值得注意,因为我在里输入了@yield(‘title'),然后在,Bstp下又给他赋了个值,叫首页,所以标题就是首页)

    然后如果我们想要把中间那块“关于我”,“标题”,“链接”,去掉怎么办?
    好,那么我们只需要,在Bstp.blade.php文件里(Bstp下的),输入一个空的

    @section('box')
    
    @stop

    即可,效果如下:
    怎么在Laravel框架中使用Blade模板
    怎么在Laravel框架中使用Blade模板
    你们看,是不是没有了?
    那么好,问题又来了,有的小伙伴想在原来的基础上再新增一点东西,能让这个不消失,而且也能显示新增的东西,要怎么办呢?
    这个问题仅仅只需要一个@parent

    如下:
    怎么在Laravel框架中使用Blade模板
    怎么在Laravel框架中使用Blade模板



    看完上述内容,你们对怎么在Laravel框架中使用Blade模板有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。


    当前标题:怎么在Laravel框架中使用Blade模板-创新互联
    文章出自:http://6mz.cn/article/dgsseh.html

    免费获取网站建设与品牌策划方案报价

    *主要业务范围包括:高端网站建设, 集团网站建设(网站建设网站制作)找网站建设公司就上快上网。
    提交需求

      联系我们

      028-86922220
    • 手机:13518219792
    • 地址:成都市太升南路288号锦天国际A幢1002号
    • 24小时服务热线:400-028-6601

      网站建设服务

    • 网页设计
    • 网站制作
    • 网站开发

      网站推广服务

    • 营销网站建设
    • 百度快速排名
    • 整站网站推广

      网站运维服务

    • 基础维护
    • 网站改版
    • 网站维护

      FOLLOW US

    • 微信二维码

      微信二维码

    Copyright © 2022 成都快上网科技有限公司 成都网站建设公司-选网站建设公司快上网!国内专业的网站制作公司!
    All Rights Reserved 版权所有 蜀ICP备19037934号-11