laravel-blade 相关问题

使用 AJAX Laravel 更新会话而不重新加载页面

我正在开发一个购物车系统，这是我正在尝试制作的一种蓝图。因此，每当用户单击“添加”按钮时，就会创建特定分配的会话并列出在...

将CSS和JS嵌入到特定的Laravel视图/刀片模板中

我刚刚开始使用 Laravel，并从 codecayone 购买了模板。一切都很完美，只有一件事： 模板使用 config/custom.php 为每个视图定义 css/js 文件....

删除动态输入字段不起作用 - jquery

我在 laravel 视图页面中有以下代码。单击删除按钮不起作用。意味着，它没有删除 div 并且浏览器控制台中没有错误。看起来

是否有与 Laravel Blade 语法类似的语言，我可以在不支持 Blade 的地方使用它来进行近似语法突出显示？

我为使用 Laravel Blade 引擎的 Web 平台编写文档，以允许用户制作和共享脚本。代码片段通常是有用的或必要的，并且显然语法突出显示......

如何用XML文件显示“视图”？

哦，我提出这个问题是多么可笑））我会尝试更详细的。 我有一条路线： 路线::get('/parsers/settings/{id}', [AdminParserController::class, '设置']) ->where('id', '[0-9]...

合并多个模型的集合，如何在 Laravel 中循环它们

我想知道最好的方法是循环遍历包含多种模型类型的 Blade 中的 Laravel 集合。以我为例，我有一个包含评论和建议的集合。

如何在 Laravel 刀片模板中显示 XML 文件？

我加载一个 XML 文件并从中获取所需的元素。 像那样： $xml = simplexml_load_file('example.com'); $$exampleElement = $xml->商店->优惠->优惠； 如果我通过 {{dd($

Laravel 关系尝试获取非对象异常处理的属性“id”

在我的 Laravel 应用程序中，在模型上定义了许多不同类型的关系，但是当使用相关对象中的某些属性时，会出现错误（例如 $invoi...

如何在 Laravel Blade 模板中仅显示集合中的第一项内容

我的 Blade 模板中有一个 @foreach 循环，需要对集合中的第一项应用特殊格式。如何添加条件来检查这是否是第一项？ @foreach($item...

在 jQuery 中检查 null

在 Laravel Blade 中，我有一个按钮，如果记录不为空，它会调用 JQuery 函数 @if(!empty($first_step_validation)) 在 Laravel Blade 中，我有一个按钮，如果记录不为空，它会调用 JQuery 函数 @if(!empty($first_step_validation)) <button onclick="validate_first_step()" class="next action-button" type="button" name="next">(Save & Next)</button> @else <button class="next action-button" type="button" name="next"> (Save & Next)</button> @endif JQuery 函数 function validate_first_step() { var target_value_entry = $('input[name="target_value"]').val(); var tag = {!! $workstep->subprocess_id !!} ; var first_step_min = {!! $first_step_validation->min_value !!} ; var first_step_max = {!! $first_step_validation->max_value !!} ; var first_step_target = {!! $first_step_validation->target_value !!} ; console.log(first_step_min); console.log(first_step_max); console.log(first_step_target); if(target_value_entry > first_step_min && target_value_entry < first_step_max) { alert('You are doing well.'); } if(target_value_entry < first_step_min) { alert(`Warning! Your entry for this step is below the expected target value of: ${first_step_min}`) } if(target_value_entry > first_step_max) { alert(`Warning! Your entry for this step is above the expected target value of: ${first_step_max}`) } } 该功能运行良好，除非记录为空时出现错误 Attempt to read min_value on null 我检查了变量$first_step_validation，发现它为空，那么为什么从一开始就调用这个函数呢？ 如果我更改函数中的变量 var first_step_min = {!! $first_step_validation->min_value !!} ; 至 var first_step_min = { $first_step_validation->min_value ?? ""} ; 错误消失了，但我得到了console error function $first_step_validation is not defined 我做错了什么？请帮忙！ 当数据为空时$first_step_validation为null。仅当 $first_step_validation 不为 null 时才应调用函数 @unless(empty($first_step_validation)) <script> function validate_first_step() { } </script> @endunless

Laravel Livewire 组件未渲染视图内容

我正在使用 Livewire 开发 Laravel 项目，并且遇到了一个问题，即我的 Livewire 组件的视图未在页面上呈现任何内容。当导航到与 w...

如何自定义自己的 Jetstream 登录和注册路线，但保持相同的发布方法？

我在我的项目中使用jetstream，我遇到了一个问题，默认情况下在jetstream中有很多路由，例如登录和注册... 我在网络文件中创建了一个 /auth 路由，该路由返回一个页面

使用不同文件夹中的 Laravel Blade 组件

由于某种原因，我将 Laravel Blade 组件放在 App/Core/CoreComponents 文件夹中，所以现在我无法像旧方式一样使用这些组件： 然后

如何正确删除数据？

这是我的删除按钮 这是我的删除按钮 <!-- Hapus Data --> <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs- target="#exampleModal"> Hapus </button> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title" id="exampleModalLabel"> Apakah anda yakin ingin menghapus data? </h5> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button> <a href="/deletedata/{{$row->id_pegawai}}" type="button" class="btn btn-primary">Ya</a> </div> </div> </div> </div> </td> </tr> @endforeach </tbody> </table> </div> </div> 我尝试使用 laravel 进行 CRUD。当我尝试删除第三个数据时，但删除的数据是第一个数据。所以我删除的数据不是我想删除的 这是我的控制器 public function deletedata($id_pegawai){ $post = Employee::where('id_pegawai',$id_pegawai)->first(); if ($post != null) { $post->delete(); return redirect('pegawai')->with('success', 'Data berhasil dihapus!'); } Eloquent 提供了多种方法来做到这一点。以下是一些示例： 1 - 使用模型实例 $employee = Employee::find($id); $employee->delete(); 2 - 使用 where 语句删除 Employee::where('column', $value)->delete(); 这在您必须删除一行或多行且不一定知道其主键的情况下非常有用。 3 - 使用destroy方法 Employee::destroy($id); 如果您像这样传递它们，这也会一次删除许多行 Employee::destroy($id1, $id2, $id3 /* and so on...*/); 或 Employee::destroy(collect([$id1, $id2, $id3])); 字体：https://laravel.com/docs/10.x/eloquent#deleting-models

如何在 Laravel Blade 模板中显示代表文件夹结构的数组？

假设我有一个 PHP 数组数组，表示文件夹结构，如下所示： 数组：5 [▼ 0 => 数组:2 [▼ “大小”=>“9.8 MiB” “名字”=>...

显示发送到 Laravel 中 View 的所有类型的消息

在 Laravel 中的各种控制器方法中执行各种操作后，我返回到索引 Route。通过不同的方法，我发送不同的消息，例如“成功”、“错误”和...到...

Laravel - 刀片 - <!-- __BLOCK__ --> <!-- __ENDBLOCK__ -->

当我在 Blade @if、@foreach 等中使用时。Laravel 添加额外的 线。 我怎样才能摆脱这个。这以前从未发生过。 Laravel 10 + Livewire 3 (...

Laravel Blade 中的 AJAX 忽略 div 类

我对 AJAX Javascript 非常陌生，并且我尝试了在 Laravel 10 中过滤数据而无需使用 AJAX 刷新 但还没有运气 这是我的刀片视图的代码 <p>我对 AJAX Javascript 很陌生，并且我尝试了在 Laravel 10 中过滤数据而无需使用 AJAX 刷新 但还没有运气</p> <p>这是我的刀片视图的代码</p> <pre><code>&lt;script src=&#34;https://code.jquery.com/jquery-3.6.0.min.js&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; const clickableElements = document.querySelectorAll(&#39;.clickable&#39;); // Fungsi untuk mengambil dan menampilkan data campaign berdasarkan kategori function filterCampaignByCategory(category) { $.ajax({ type: &#39;GET&#39;, url: &#39;/filter&#39;, // Sesuaikan dengan rute Anda data: { filter: category }, success: function(data) { var campaigns = data.campaigns; var campaignList = $(&#39;#daftar_campaign&#39;); campaignList.empty(); // Loop melalui data campaign dan tambahkan ke daftar $.each(campaigns, function(key, campaign) { campaignList.append( &#39;&lt;div class=&#34;popular-causes__sinlge&#34;&gt;&#39; + &#39;&lt;div class=&#34;popular-causes__img&#34;&gt;&#39; + &#39;&lt;img height=&#34;300px&#34; src=&#34;http://127.0.0.1:8001/storage/&#39; + campaign.BannerCampaign + &#39;&#34; alt=&#34;&#34;&gt;&#39; + &#39;&lt;div class=&#34;popular-causes__category&#34;&gt;&#39; + &#39;&lt;p&gt;&#39; + campaign.KategoriCampaign + &#39;&lt;/p&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;div class=&#34;popular-causes__content&#34; style=&#34;width: 370px&#34;&gt;&#39; + &#39;&lt;div class=&#34;popular-causes__title&#34; style=&#34;height: 100px&#34;&gt;&#39; + &#39;&lt;h3&gt;&lt;a href=&#34;campaign-details.html&#34;&gt;&#39; + campaign.NamaCampaign + &#39;&lt;/a&gt;&lt;/h3&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;div class=&#34;popular-causes__progress&#34; style=&#34;height: 200px&#34;&gt;&#39; + &#39;&lt;div class=&#34;bar&#34;&gt;&#39; + &#39;&lt;div class=&#34;bar-inner count-bar&#34; data-percent=&#34;&#39; + campaign.percentageCompleted + &#39;%&#34;&gt;&#39; + &#39;&lt;div class=&#34;count-text&#34;&gt;&#39; + campaign.percentageCompleted + &#39;%&lt;/div&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;div class=&#34;popular-causes__goals&#34;&gt;&#39; + &#39;&lt;p&gt;&lt;span&gt;&#39; + campaign.HasilDonasiCampaign + &#39;&lt;/span&gt; Terkumpul&lt;/p&gt;&#39; + &#39;&lt;p&gt;&lt;span&gt;&#39; + campaign.TargetCampaign + &#39;&lt;/span&gt; Target&lt;/p&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;/div&gt;&#39; + &#39;&lt;/div&gt;&#39;); }); } }); } clickableElements.forEach(function(element) { element.addEventListener(&#39;click&#39;, function() { const value = element.getAttribute(&#39;data-value&#39;); filterCampaignByCategory(value); }); }); function sendGetRequest(value) { window.location.href = &#34;/?filter=&#34; + value; } // Tambahkan event listener untuk ikon kategori $(&#39;.category-icon&#39;).on(&#39;click&#39;, function() { var selectedCategory = $(this).data(&#39;category&#39;); filterCampaignByCategory(selectedCategory); }); // Memuat semua campaign saat halaman pertama kali dimuat // Menggunakan &#39;&#39; untuk memuat semua campaign &lt;/script&gt; &lt;!--campaign Start--&gt; &lt;section class=&#34;popular-causes&#34;&gt; &lt;div class=&#34;container pb-5 mb-5&#34;&gt; &lt;div class=&#34;block-title text-left&#34;&gt; &lt;h4&gt;Help the People&lt;/h4&gt; &lt;h3&gt;Our Popular Campaigns&lt;/h3&gt; &lt;/div&gt; &lt;div class=&#34;row&#34;&gt; &lt;div class=&#34;col-xl-12&#34;&gt; &lt;div class=&#34;popular-causes__carousel owl-theme owl-carousel&#34; id=&#34;daftar_campaign&#34;&gt; @foreach ($campaigns as $campaign) &lt;div class=&#34;popular-causes__sinlge&#34;&gt; &lt;div class=&#34;popular-causes__img&#34;&gt; &lt;img height=&#34;300px&#34; src=&#34;http://127.0.0.1:8001/storage/{{ $campaign-&gt;BannerCampaign }}&#34; alt=&#34;&#34;&gt; &lt;div class=&#34;popular-causes__category&#34;&gt; &lt;p&gt;{{ $campaign-&gt;KategoriCampaign }}&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;popular-causes__content&#34; style=&#34;width: 370px&#34;&gt; &lt;div class=&#34;popular-causes__title&#34; style=&#34;height: 100px&#34;&gt; &lt;h3&gt;&lt;a href=&#34;campaign-details.html&#34;&gt;{{ $campaign-&gt;NamaCampaign }}&lt;/a&gt; &lt;/h3&gt; &lt;/div&gt; &lt;div class=&#34;popular-causes__progress&#34; style=&#34;height: 200px&#34;&gt; &lt;div class=&#34;bar&#34;&gt; &lt;div class=&#34;bar-inner count-bar&#34; data-percent=&#34;{{ $campaign-&gt;percentageCompleted }}%&#34;&gt; &lt;div class=&#34;count-text&#34;&gt;{{ $campaign-&gt;percentageCompleted }}%&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;popular-causes__goals&#34;&gt; &lt;p&gt;&lt;span&gt;{{ $campaign-&gt;HasilDonasiCampaign }}&lt;/span&gt; Terkumpul&lt;/p&gt; &lt;p&gt;&lt;span&gt;{{ $campaign-&gt;TargetCampaign }}&lt;/span&gt; Target&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; @endforeach &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; </code></pre> <p>这是我的控制器的代码</p> <pre><code>public function filter(Request $request){ $filter = $request-&gt;input(&#39;filter&#39;); if (empty($filter)) { $campaigns = Campaign::with(&#39;user&#39;) -&gt;select(&#39;NamaCampaign&#39;,&#39;UrlCampaign&#39;,&#39;KategoriCampaign&#39;,&#39;BannerCampaign&#39;,&#39;MulaiCampaign&#39;,&#39;AkhirCampaign&#39;,&#39;TargetCampaign&#39;,&#39;HasilDonasiCampaign&#39;) -&gt;where(&#39;Prioritas&#39;, 1) -&gt;where(&#39;Aktif&#39;, 1) -&gt;latest(&#39;idCampaign&#39;) -&gt;get(); } else { $campaigns = Campaign::with(&#39;user&#39;) -&gt;select(&#39;NamaCampaign&#39;,&#39;UrlCampaign&#39;,&#39;KategoriCampaign&#39;,&#39;BannerCampaign&#39;,&#39;MulaiCampaign&#39;,&#39;AkhirCampaign&#39;,&#39;TargetCampaign&#39;,&#39;HasilDonasiCampaign&#39;) -&gt;where(&#39;KategoriCampaign&#39;, $filter) -&gt;where(&#39;Prioritas&#39;, 1) -&gt;where(&#39;Aktif&#39;, 1) -&gt;latest(&#39;idCampaign&#39;) -&gt;get(); } return response()-&gt;json([&#39;campaigns&#39; =&gt; $campaigns]); } </code></pre> <p><a href="https://i.stack.imgur.com/u183W.jpg" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tL3UxODNXLmpwZw==" alt="enter image description here"/></a> 这是过滤前的默认页面</p> <p><a href="https://i.stack.imgur.com/893zn.png" target="_blank"><img src="https://cdn.imgupio.com/i/AWkuc3RhY2suaW1ndXIuY29tLzg5M3puLnBuZw==" alt="enter image description here"/></a> 这是在过滤数据之后，过滤器工作，但经过调查，ajax 忽略了我的 div 类使其看起来很奇怪</p> <pre><code>&lt;div class=&#34;popular-causes__carousel owl-theme owl-carousel&#34; id=&#34;daftar_campaign&#34;&gt; </code></pre> <p>我已经尝试了很多解决方案，但还没有找到运气，但我真的很想看看你的想法为什么会发生这种情况</p> </question> <answer tick="false" vote="0"> <p>按照注释，将 HTML 移动到一个独特的 <pre><code>.blade.php</code></pre> 文件中。我们称之为 <pre><code>campaigns.blade.php</code></pre>，在 <pre><code>resources/views</code></pre> 里面：</p> <pre><code>&lt;div class=&#34;popular-causes__carousel owl-theme owl-carousel&#34; id=&#34;daftar_campaign&#34;&gt; @foreach($campaigns as $campaign) &lt;div class=&#34;popular-causes__sinlge&#34;&gt; &lt;div class=&#34;popular-causes__img&#34;&gt; &lt;img height=&#34;300px&#34; src=&#34;http://127.0.0.1:8001/storage/{{ $campaign-&gt;BannerCampaign }}&#34; alt=&#34;&#34; /&gt; &lt;div class=&#34;popular-causes__category&#34;&gt; &lt;p&gt;{{ $campaign-&gt;KategoriCampaign }}&lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;popular-causes__content&#34; style=&#34;width: 370px&#34;&gt; &lt;div class=&#34;popular-causes__title&#34; style=&#34;height: 100px&#34;&gt; &lt;h3&gt; &lt;a href=&#34;campaign-details.html&#34;&gt;{{ $campaign-&gt;NamaCampaign }}&lt;/a&gt; &lt;/h3&gt; &lt;/div&gt; &lt;div class=&#34;popular-causes__progress&#34; style=&#34;height: 200px&#34;&gt; &lt;div class=&#34;bar&#34;&gt; &lt;div class=&#34;bar-inner count-bar&#34; data-percent=&#34;{{ $campaign-&gt;percentageCompleted }}%&#34;&gt; &lt;div class=&#34;count-text&#34;&gt;{{ $campaign-&gt;percentageCompleted }}%&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class=&#34;popular-causes__goals&#34;&gt; &lt;p&gt; &lt;span&gt;{{ $campaign-&gt;HasilDonasiCampaign }}&lt;/span&gt; Terkumpul &lt;/p&gt; &lt;p&gt; &lt;span&gt;{{ $campaign-&gt;TargetCampaign }}&lt;/span&gt; Target &lt;/p&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; @endforeach &lt;/div&gt; </code></pre> <p>在您现有的 <pre><code>.blade.php</code></pre> 文件中，“包含”此文件：</p> <pre><code>&lt;section class=&#34;popular-causes&#34;&gt; &lt;div class=&#34;container pb-5 mb-5&#34;&gt; &lt;div class=&#34;block-title text-left&#34;&gt; &lt;h4&gt;Help the People&lt;/h4&gt; &lt;h3&gt;Our Popular Campaigns&lt;/h3&gt; &lt;/div&gt; &lt;div class=&#34;row&#34;&gt; &lt;div id=&#34;campaignsContainer&#34; class=&#34;col-xl-12&#34;&gt; @include(&#39;campaigns&#39;, [&#39;campaigns&#39; =&gt; $campaigns]) &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/section&gt; </code></pre> <p>请注意我如何将 <pre><code>id=&#34;campaignsContainer&#34;</code></pre> 添加到紧邻 <pre><code>&lt;div&gt;</code></pre> 部分周围的 <pre><code>@include()</code></pre>。这对以后很重要。</p> <p>现在，在您的控制器中，修改您的 <pre><code>return</code></pre> 语句：</p> <pre><code>public function filter(Request $request){ $campaigns = Campaign::with(&#39;user&#39;) /* ... */ -&gt;get(); return response()-&gt;json([&#39;html&#39; =&gt; view(&#39;campaigns&#39;, [&#39;campaigns&#39; =&gt; $campaigns])-&gt;render()], 200); } </code></pre> <p>最后，修改你的JS：</p> <pre><code>function filterCampaignByCategory(category) { $.ajax({ type: &#39;GET&#39;, url: &#39;/filter&#39;, data: { filter: category }, success: function(response) { $(&#39;#campaignsContainer&#39;).html(response.html); } }); } </code></pre> <p>行<pre><code>$(&#39;#campaignsContainer&#39;).html(response.html);</code></pre>将从控制器返回的HTML，这是现有HTML的精确副本（因为<pre><code>@include(&#39;view&#39;, ...)</code></pre>和<pre><code>view(&#39;view&#39;, ...)</code></pre>生成相同的HTML）并用生成的新<pre><code>$campaigns</code></pre>覆盖它控制器内部。</p> <p>这样就可以了！</p> </answer> </body></html>

多字变量可以传递给刀片组件吗？

我使用 php artisan make:component Test 创建了新组件。 现在，在创建该组件时，如果我尝试传递一个单词变量，一切都会正常工作（ 我使用 php artisan make:component Test 创建了新组件。 现在，在创建该组件时，如果我尝试传递一个单词变量，一切都会正常工作（<x-test :testID="'test'"）。但是当我尝试将其作为多单词传递，使用下划线分隔单词时（<x-test :test_id="'test'"），我面临下一个错误： Unresolvable dependency resolving [Parameter #0 [ <required> $test_id ]] in class App\View\Components\Test 那个类看起来像这样： class Test extends Component { public $test_id; public function __construct($test_id) { $this->test_id = $test_id; } public function render() { return view('components.test'); } } 这是正常行为吗？在组件内创建变量时是否允许使用下划线？ Livewire 组件不支持经典的 __construct 构造函数。相反，你最好使用mount()方法。 此外，您应该使用这样的公共财产 public $test_id; public function mount() { // properly initialize the var $this->test_id = 0; } 并在您的视图中使用引用（请参阅数据绑定） <x-test wire.model="test_id"/> 我通常会选择camelCase命名，f。前任。 testId。 Livewire 绝对支持这一点（请参阅docs）。 有关命名变量的一些一般提示 您用一个单词和多单词描述的变量被命名为 骆驼箱，f。前任。 myVariableName，维基百科 蛇箱，f。前任。 my_variable_name，维基百科 更新评论组件 class Comments extends Component { public int $postId; public function mount() { $this->postId = 0; } public function render() { $comments = Comments::where('post_id', $this->postId)->get(); return view('post.list', [ 'comments' => $comments, ]); } } 在你看来，你可以使用这样的东西。 <x-comments :postId="$post->id"/> 您不需要将其注入到 mount 方法中。只需使用公共财产即可。 我也面临同样的问题。我无法将 :dd_array="$dd_color" 传递给匿名刀片组件，但像 :ddArray="$dd_color" 那样传递它效果很好。

如何更改laravel中的日期语言？

我想将我看到的日期的语言从英语更改为法语 {{ strftime("%d %B %Y, %H:%M", strtotime($article->created_at)) }}