189 8069 5689

怎么在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://cdxtjz.cn/article/dgsseh.html

    联系我们

    您好HELLO!
    感谢您来到成都网站建设公司,若您有合作意向,请您为我们留言或使用以下方式联系我们, 我们将尽快给你回复,并为您提供真诚的设计服务,谢谢。
    • 电话:028- 86922220 18980695689
    • 商务合作邮箱:631063699@qq.com
    • 合作QQ: 532337155
    • 成都网站设计地址:成都市青羊区锣锅巷31号五金站写字楼6楼

    小谭建站工作室

    成都小谭网站建设公司拥有多年以上互联网从业经验的团队,始终保持务实的风格,以"帮助客户成功"为已任,专注于提供对客户有价值的服务。 我们已为众企业及上市公司提供专业的网站建设服务。我们不只是一家网站建设的网络公司;我们对营销、技术、管理都有自己独特见解,小谭建站采取“创意+综合+营销”一体化的方式为您提供更专业的服务!

    小谭观点

    相对传统的成都网站建设公司而言,小谭是互联网中的网站品牌策划,我们精于企业品牌与互联网相结合的整体战略服务。
    我们始终认为,网站必须注入企业基因,真正使网站成为企业vi的一部分,让整个网站品牌策划体系变的深入而持久。