分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

laravel框架页面数据渲染HTML ?compact的用法

发布时间:2023-09-06 01:39责任编辑:傅花花关键词:HTML

向视图中传递变量

我们在开发web应用当中,通常都不是为了写静态页面而生的,我们需要跟数据打交道,那么这个时候,问题就来了,在一个MVC的框架中,怎么将数据传给视图呢?比如我们要在 ArticleController 的 index 方法的视图输出一个 $title 的变量,在Laravel中,有下面几种常见的方法:

使用with()方法

 public function index() ???{ ???????$title = ‘文章标题1‘; ???????return view(‘articles.lists‘)->with(‘title‘,$title); ???}

这样的 with(‘title‘,$title) 中,第一个 ‘title‘ 就是key,第二个 $title 就是值,这样我们就可以在我们的 articles/lists.blade.php 中输出这个变量了:

<body><h1><?php echo $title; ?></h1></body>

刷新我们的 blog.dev ,就可以看到类似这样的页面了:

而在blade引擎中,我们可以这样输出变量:

<body><h1>{{ $title }}</h1></body>

其实在blade引擎中, {{ $title }} 会被解析为类似 这样的输出 <?php echo $title; ?> ,不过这里的 {{ }} 符号会将数据原样输出,比如你将 $title 写成这样:

 public function index() ???{ ???????$title = ‘<span style="color: red">文章</span>标题1‘; ???????return view(‘articles.lists‘)->with(‘title‘,$title); ???}

这个时候你用 {{ $title }} 输出,会看到类似下面这样:

如果你想将 $title 作为页面元素渲染输出,你需要这样写:

<h1>{!! $title !!}</h1>

这里的 {{ }} 和 {!! !!} 是blade的最基础的用法,这两个我们会用得特别多,后面我会详细说说blade的用法。

直接给view()传参数

使用这个方法的时候,你可以这样写:

public function index() ???{ ???????$title = ‘<span style="color: red">文章</span>标题1‘; ???????return view(‘articles.lists‘,[‘title‘=>$title]); ???}

刷新页面,你依然会看到一样的输出。这里需要说明一下,如果你传多个变量,比如:

 public function index(){$title = ‘<span style="color: red">文章</span>标题1‘;$intro = ‘文章一的简介‘;return view(‘articles.lists‘,[‘title‘=>$title,‘introduction‘=>$intro]);}

在传递的数组中:

[‘title‘=>$title,‘introduction‘=>$intro]

每一个key会在视图中作为变量,而 value 就作为变量的值。所以在视图中我们需要这样输出:

<body><h1>{!! $title !!}</h1><p>{{ $introduction }}</p></body>

这里应写成 {{ $introduction }} ,而不是 {{ $intro }} 。

使用compact

使用compact是这样写的:

 public function index() ???{ ???????$title = ‘<span style="color: red">文章</span>标题1‘; ???????$intro = ‘文章一的简介‘; ???????return view(‘articles.lists‘,compact(‘title‘,‘intro‘)); ???}

compact() 的字符串可以就是变量的名字,多个变量名用逗号隔开。这个时候注意更改视图的变量输出。

以上就是Laravel中常用的几种向视图传递变量的方法,选择一种你喜欢的方式并坚持这一种写法就可以了,我是使用第三种。

 

??

laravel框架页面数据渲染HTML ?compact的用法

原文地址:https://www.cnblogs.com/dereckbu/p/8352925.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved