Blade模板引擎教程-常用语法格式

本文详细介绍了Laravel框架中Blade模板引擎的各种用法,包括变量打印、循环、条件判断等核心功能,并提供了实例说明如何在子视图中继承和扩展父视图的内容。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

    1. 打印变量或者默认值,这个语法会自动转义变量内容中的html标记,使得html标签原样输出
      Welcome, {{ $name or 'California' }}

    2. 打印变量原始内容,不进行转义的用法
      {!! 'My list <script>alert("spam spam spam!")</script>' !!}

    3. 循环
      普通循环
      @foreach ($lists as $list)
      <li>{{ $list }}</li>
      @endforeach
      处理变量为空的情况
      @forelse ($lists as $list)
      <li>{{ $list }}</li>
      @empty
      <li>You don't have any lists saved.</li>
      @endforelse

    4. if判断
      @if (count($lists) > 1)
      @elseif ()
      @else
      @endif

    5. 在模板中使用以下语法创建内容的占位符
      @yield('content')

    6. 在视图中使用以下语法使用模板
      @extends('layouts.master')

    7. 使用以下语法填充占位符内容
      @section('content')
      content
      @endsection

    8. 使用以下语法引用子PHP文件
      @include('partial')
      @include('partials.row', ['link' => $link]),传递参数给子文件

    9. 如何在子视图中决定是否用一些公用内容
      @section('advertisement')
      parent content
      @show
      以上语法定义的advertisement section并不会直接在子视图中展示,@show相当于@endsection @yield('advertisement')
      @section('advertisement')
      @parent
      child content
      @endsection
      只有在这里使用了@parent,模板中在advertisement中定义的内容才会显示在子视图中
      10. 在模板中引用css,js等的语法
      {!! HTML::style('css/app.min.css') !!}
      {!! HTML::script('JavaScript/jQuery-1.10.1.min.js') !!}
      {!! HTML::script('javascript/bootstrap.min.js') !!}
      {!! HTML::image('images/logo.png', 'TODOParrot logo') !!}
      这里需要注意的是,如果写标准的html标签,路径中需要在前面加一个'/'符号
      <script src="/javascript/jquery-1.10.1.min.js"></script>
      要使用以上语法需要安装HTML包
      11. 安装HTML包
      composer require illuminate/html
      在config/app.php中配置provider和alias
      Illuminate\Html\HtmlServiceProvider::class provider配置
      'Form' => Illuminate\Html\FormFacade::class, Facade配置

转载于:https://www.cnblogs.com/jjxhp/p/9193245.html

ECharts 是一款由百度开发的、基于 JavaScript 的开源数据可视化库,它提供了丰富的图表类型和高度的可定制性,以帮助开发者轻松创建交互性强、美观且响应迅速的数据可视化界面。ECharts 支持在各种现代浏览器(包括移动设备上的浏览器)以及部分旧版浏览器(如 IE8/9/10/11)中运行,其底层依赖轻量级矢量图形库 ZRender,确保了图表渲染的高效性和跨平台兼容性。 以下是一些关于使用 ECharts 进行数据可视化的关键特性、图表类型和基本使用步骤: ### 关键特性 1. **开源免费**:ECharts 是开源软件,可以免费用于个人和商业项目,无需支付任何费用。 2. **广泛兼容**:支持多种浏览器环境,包括但不限于 Chrome、Firefox、Safari 和 Internet Explorer 系列,保证在不同设备和操作系统上的良好表现。 3. **丰富图表类型**:包括但不限于折线图、柱状图、散点图、饼图、K线图、盒形图、地图、热力图、线图、关系图、treemap、旭日图、平行坐标、漏斗图、仪表盘等,以及三维可视化组件(通过 ECharts GL 扩展)。 4. **交互性强**:图表支持鼠标悬停提示、数据区域缩放、图表联动、图表堆叠、数据过滤、图例开关等多种交互功能,提升用户对数据的探索和理解能力。 5. **个性化定制**:提供详细的配置选项,允许用户自定义图表的颜色、字体、网格线、图例、tooltip、轴标签、数据标签、动画效果等,以满足特定设计需求和品牌风格。 6. **数据更新动态渲染**:能够实时接收新数据并动态更新图表,适用于数据流或实时监控场景。 7. **扩展性**:除了核心库外,有 ECharts GL 用于三维和大规模地理数据可视化,以及周边生态工具(如 ECharts-GL、ZRender)增强其功能和适用范围。 ### 图表类型 ECharts 提供的图表类型涵盖了数据分析和展示的常见需求,包括: - **基础图表**:折线图、柱状图、散点图、饼图、K线图 - **统计图表**:盒形图 - **地理图表**:地图、热力图、线图 - **关系图表**:关系图、treemap、旭日图 - **多维数据可视化**:平行坐标 - **BI图表**:漏斗图、仪表盘 此外,ECharts 支持图表间的混搭,即在一个图表容器内同时展现多种图表类型,以对比或关联不同数据维度。 ### 使用步骤 使用 ECharts 进行数据可视化的一般步骤如下: #### 1. 引入 ECharts 库 在 HTML 文件中通过 `<script>` 标签引入 ECharts 的核心文件: ```html <script src="https://cdn.jsdelivr.net/npm/echarts@版本号/dist/echarts.min.js"></script> ``` 确保替换 `版本号` 为所需的 ECharts 版本。 #### 2. 准备 DOM 容器 在页面上创建一个用于承
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值