laravel-blade 相关问题

Blade是Laravel提供的简单而强大的模板引擎。与其他流行的PHP模板引擎不同,Blade不会限制您在视图中使用纯PHP代码。

Laravel 表单验证在表单错误时重定向回主页,而不是停留在同一页面上

我有一个联系表格,提交后已成功发送到数据库。问题是当我在网页上检查验证时。使用 Laravel $error 验证可以正确显示错误。该项目...

回答 2 投票 0

home.blade.php 左侧表单登录

家庭刀片中的登录表单仍然固定在左侧,我需要将其放在页面中央,你能帮助我吗?整个完整视图位于存储库中 我尝试过 g...

回答 1 投票 0

我在foreach中有模式对话框,想在提交按钮后显示div动画

我将其放在表格单元格中并将 #key 传递到模式对话框 我将其放在表格单元格中并将 #key 传递到模式对话框 <td> <a id="myButton" href="#!" data-toggle="modal" data-target="#restoreBackup_{{ $key }}" class="btn btn-warning">Restore Backups</a> </td> 当我单击“恢复”按钮时,会出现在 foreach 中打开一个表单的模式对话框 我的模式: @foreach ($backups as $key => $backup) {{-- //restore section--}} <div class="modal fade" id="restoreBackup_{{ $key }}" tabindex="-1" role="dialog" aria-labelledby="restoreBackup_{{ $key }}" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <h5 class="modal-title">{{ translate('Confirm Restore') }}</h5> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <div class="alert alert-warning" role="alert"> <b>Do you really want to restore this backup? {{ $key }}</b> </div> <form id="frm_restore_{{ $key }}" action="{{ route('backups.restore') }}" method="POST"> @csrf <input type="hidden" name="key" value="{{ $key }}" /> <input type="hidden" name="backuptype" value="{{ $backup['type'] }}" /> <div class="modal-body"> @if ($backup['type'] == 0) <div class="form-group"> <h5 class="modal-title">Choose Your Restore Type</h5> </div> <div class="radio-button"> <input type="radio" id="radio30" name="restoretype" value="0" checked> <label for="radio30">DataBase And Folder</label> <input type="radio" id="radio31" name="restoretype" value="1"> <label for="radio31">Only DataBase</label> <input type="radio" id="radio32" name="restoretype" value="2"> <label for="radio32">Only Folder</label> </div> @endif <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> <button type="submit" class="btn btn-warning">Restore</button> </div> </div> </form> <div id="animationdiv_{{ $key }}"></div> </div> </div> </div> @endforeach 如你所见,我有一个像这样的div: <div id="animationdiv_{{ $key }}"></div> 我有一个定义动画的CSS代码: .currently-loading { opacity: 0.75; -moz-opacity: 0.75; filter: alpha(opacity=75); background-image: url({{ static_asset('backup_restore_loading.gif') }}); background-repeat: no-repeat; position: absolute; height: 100%; width: 100%; z-index: 10; background-size: contain; } 如果我在 foreach 循环之外打开一个对话框模式,例如它的表单名称是 frm_backup,那么如果我使用以下代码提交它,我可以在 JavaScript 部分中显示动画: var frm_backup = document.getElementById('frm_backup'); frm_backup.addEventListener('submit', bmdLoading1); //display loading message function bmdLoading1() { var divloading1 = ''; divloading1 = '<div class="currently-loading"></div>' $("#animation").html(divloading1); } 但是如果我在 foreach 循环中打开一个对话框模式,我不知道如何传递 $key 并使用 $key 显示 div 动画 在这种情况下,每个模态都有一个类似 id="frm_restore_{{ $key }}" 的名称,每个 div 都有一个类似 id="animationdiv_{{ $key }}" 的名称 这取决于您要向哪个元素添加动画“div”。但你必须编辑他的html。您正在使用要显示的 div 创建一个变量,但没有将其分配给代码中的任何位置。类似的东西 $('#modal-body').html(divloading1);

回答 1 投票 0

通过yield向laravel部分传递参数

我的刀片视图有问题。我正在创建一个变量,并且有一个@yield,我在另一个页面中设置其内容。 布局.blade.php: @php $x = 5 @endphp @yield('内容') 我想要

回答 2 投票 0

如何在 Laravel 中使用绝对路径显示图像?

我在托管网站时显示图像时遇到问题。在本地,我使用动态链接来显示图像,但它只能在本地工作。我的图像存储在: : storage/app/public/Images

回答 1 投票 0

blade laravel 中存在重复数据

我正在尝试在我的刀片中自动化信息。我有一份合同,该合同有一个或多个可安装项目。我正在做一个 foreach 并生成带有名称和数量的 h6 。 在我的数据库中只有一个...

回答 1 投票 0

VScode 中的 laravel Blade 片段

我安装并启用了 Laravel Blade snippets,但它无法在 VS Code 中与 Blade Emmet 配合使用,但在控制器和模型中运行良好

回答 1 投票 0

如何将翻译选择与我的链接置于同一级别?

在我的网站上,我添加了一个小功能,可以让您更改网站的语言。但问题在于我定位链接和翻译选择的方式。我怎样才能把所有东西都放在

回答 1 投票 0

Laravel SQL 语句返回 null

我是 Laravel 的新手,我正在开发一个带有点赞和评论的博客/帖子项目。 现在我想显示/计算用户发布的所有帖子的所有喜欢。 例如:用户 1 制作了 p...

回答 1 投票 0

错误未捕获语法错误:无效或意外的令牌(位于 livewire.js)|火线3

在此输入图像描述 当我加载项目时,我在控制台中收到此错误,并且所有 livewire 功能(尤其是事件监听)都不起作用。 谢谢。 我已经尝试了所有可用的解决方案...

回答 1 投票 0

尝试读取 null 和 $book->category?->name 上的属性“name”导致一条记录显示数据,而其他记录未显示此数据(表格已填充)

我的 Laravel 项目中的图书表和类别存在一对多的问题。 我插入三个数据,其中两个具有相同的类别列值以及所述类别的相应 id...

回答 1 投票 0

如何将数据变量传递给Volt/Blade中的布局函数

我在 Laravel 中使用 Livewire/Volt 和 Blade 时遇到问题,我使用的是名为“app.blade.php”的布局,这是应用程序的基本布局,并且具有 $htmlClass 和 $bodyClass。 应用程序.blade.php: 我在 Laravel 中使用 Livewire/Volt 和 Blade 时遇到问题,我正在使用名为“app.blade.php”的布局,这是应用程序的基本布局,并且具有 $htmlClass 和 $bodyClass。 app.blade.php: <!DOCTYPE html> @php $bodyClass??= []; $bodyClass = [ ...$bodyClass, 'another utility class' ]; $htmlClass = is_array($htmlClass ??= '') ? implode(' ', $htmlClass) : $htmlClass; $bodyClass = implode(" ", $bodyClass); @endphp <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class="{{ $htmlClass }}"> <--- this <head> ... </head> <body class="{{ $bodyClass }}"> <--- this 在register.blade.php: <?php $dataToLayout = [ 'htmlClass' => ['h-full'], 'bodyClass' => ['dark:bg-slate-900', 'bg-orange-600', 'flex', 'items-center'], ]; layout('layouts.app'); 我想将 $dataToLayout 传递给 app.blade.php 但我尝试过的都不起作用。 有什么建议吗? 我尝试传入布局函数,但这不起作用。 layout('layouts.app', [...]) laravel Blade 只允许单向继承,不能从子组件导入 php 变量。 但你可以尝试用这种方式编码: app.blade.php: <html lang="{{ str_replace('_', '-', app()->getLocale()) }}" class=" @yield('htmlClass')"> <--- this <head> ... </head> <body class="@yield('bodyClass')"> 注册.blade.php: @extends('layouts.app'); @section('htmlClass', 'h-full') @section('bodyClass', 'dark:bg-slate-900 bg-orange-600 flex items-center')

回答 1 投票 0

我的 Blade 文件中出现 Laravel 错误,即未定义的 $products?

@foreach($产品作为$产品) @csrf @方法('放置') ... @foreach($products as $products) <form method="POST" action="{{ route('products.update', $products->id) }}"> @csrf @method('PUT') <div class="form-group"> <label for="name">Name:</label> <input type="text" name="name" id="name" value="{{ $products->name }}" required> </div> <div class="form-group"> <label for="description">Description:</label> <textarea name="description" id="description" required>{{ $products->description }}</textarea> </div> <div class="form-group"> <label for="price">Price:</label> <input type="number" name="price" id="price" value="{{ $products->price }}" step="0.01" required> </div> <div class="form-group"> <label for="design">Design:</label> <select name="design" id="design" required> <option value="design1" {{ $products->design === 'design1' ? 'selected' : '' }}>Design 1</option> <option value="design2" {{ $products->design === 'design2' ? 'selected' : '' }}>Design 2</option> <option value="design3" {{ $products->design === 'design3' ? 'selected' : '' }}>Design 3</option> <!-- Add more options as needed --> </select> </div> <!-- Add more fields if necessary --> <button type="submit">Update</button> </form> @endforeach 这是我的刀片结构,我只想使用表单更新产品数据,但它捕获了未定义的 $products 错误。 PS:我还是 Laravel 的新手 看起来您使用的是 $products(带有“s”)。如果您在这里使用单数形式只处理一种产品,会更容易理解。我认为你在控制器上做得正确并使用 $product 而不是 $products。所以我想这只是一个打字错误

回答 1 投票 0

Laravel 雄辩的关系仅显示最后的原始数据,(尝试读取 bool 上的属性“价格”)

我是 Laravel 新手 我有两个表 1- 产品 2- Product_Price 我想在产品页面中显示最后一个产品价格,但我尝试不同的方法,但出现错误 我的控制器代码: 公共功能展示(

回答 1 投票 0

Laravel 中的 html 模板编辑器?

我想使用 Laravel 为我的电子邮件营销应用程序构建 html 模板编辑器。如何使用 Laravel 构建这个? 我已经搜索过包了。但我没有找到任何包或解决方案。我需要建议...

回答 1 投票 0

Laravel Blade 属性未传递给组件或类

我有以下 HTML: < 我有以下 HTML: <div class="relative lg:inline-flex bg-gray-100 rounded-xl"> <x-dropdown> <x-slot:trigger> <button>.......</button> </x-slot:trigger> <x-dropdown-item href='/' :active="request()->is('/')">All</x-dropdown-item> @foreach($categories as $category) <x-dropdown-item href="category/{{ $category->slug }}" :active="request()->is('/category/'.$category->slug)"> {{ ucwords($category->name) }} </x-dropdown-item> @endforeach </x-dropdown> </div> 但是我的下拉项组件中未分配 active 属性: @props(['active' => false]) @php $classes = 'block text-left px-3 text-sm leading-5 hover:bg-blue-500 focus:bg-blue-500 hover:text-white focus:text-white'; if ($active) { dd($active); $classes .=' bg-blue-500 text-white'; } @endphp <a {{ $attributes(['class' => $classes]) }}>{{ $slot }}</a> 我希望当 active 属性设置为 true 时我的 dd 会触发,但它永远不会触发 我尝试制作一个 DropdownItem 类: <?php namespace App\View\Components; use Closure; use Illuminate\Contracts\View\View; use Illuminate\View\Component; class DropdownItem extends Component { /** * Create a new component instance. */ public function __construct(...$args) { dd($args); // $this->active = true; } /** * Get the view / contents that represent the component. */ public function render(): View|Closure|string { return view('components.dropdown-item', [ // 'active' => $this->active ]); } } 但是 $args 返回 [] 所以也没有属性,我不知道为什么,我检查了 laravel 10 的官方文档,但一切似乎都很好。如果我在课堂上手动设置为活动状态,一切都会正常 <x-dropdown-item href="category/{{ $category->slug }}" 而不是 <x-dropdown-item href="/category/{{ $category->slug }}" 无需上课即可解决问题。如果我添加一个类,类构造函数仍然没有获得活动属性。还在想办法

回答 1 投票 0

Tailwind 和动态类似乎缺失

我在 Laravel 应用程序中使用 Tailwind。在任何 Blade 视图中使用一些具有动态参数的 TW 类时,如下所示: 任何公司... 我在 Laravel 应用程序中使用 Tailwind。在任何 Blade 视图中使用一些带有动态参数的 TW 类时: <div class="bg-[url('{{ $myBackgroundImageWithPublicSubPath }}')]" > Any content </div> 在浏览器中渲染页面时它不起作用。检查源代码似乎缺少该类。 正如 TW 文档明确指出的那样(https://tailwindcss.com/docs/content-configuration#dynamic-class-names)TW 与动态类作斗争,因为他们使用正则表达式检查源代码以修剪最终的css 包,那么它会错过正确的类,因为在视图的脚本中找不到它。 您找到解决这个问题的办法了吗? 您说得对,Tailwind CSS 依赖于代码的静态分析来生成其样式,并且像您尝试使用的那样的动态类不会包含在最终的 CSS 输出中。 在这种情况下,一种解决方法是使用内联样式。 Laravel 允许您将变量直接回显到 Blade 模板中,因此您可以执行以下操作: <div style="background-image: url('{{ asset($myBackgroundImageWithPublicSubPath) }}');" class="bg-cover"> Any content </div>

回答 1 投票 0

laravel 中未定义的数组键?

我的 laravel 10 应用程序中出现错误,提示我的代码中未定义数组键“iata”。但是当我尝试使用 {{ dd($var['level1']['level2']) }} 它显示了这个结构。有什么问题吗...

回答 1 投票 0

如何使用Vue js触发多选的更改事件

这是我的html多选输入: @foreach($seatedTable->被邀请者为$invitee) ... 这是我的 html 多选输入: <select id="invitees_list1" class="form-select" multiple name="multi"> @foreach ($seatedTable->invitees as $invitee) <option> {{ $invitee['name'] }} </option> @endforeach </select> 和 vue js 代码: <script src="{{ URL::asset('assets/admin/app-assets/js/scripts/vue2.min.js') }}"></script> <script> const app = new Vue({ el: '#filtersContainer', data: { invitees: [], selectedInviteeIds: [], inviteesList: [], selectedTableInfo: null, eventTables: [], newTableName: "", totalChairNumberEntered: 0, confirmedInviteesRoute: "{{ route('invitee_tables.confirmed_invitees', $event) }}", selectedInviteesRoute: "{{ route('invitee_tables.assignModalData', $event) }}", assignTableRoute: "{{ route('invitee_tables.assign', $event) }}", isDisabled: false }, created() { axios.get(this.confirmedInviteesRoute) .then(({ data }) => { if (data?.status) { this.invitees = data?.data || [] } }) .catch((err) => console.log(err)) }, mounted() { $("#name_filter").select2() $('#side_filter').select2() $('#caller_filter').select2() $('#relation_filter').select2() $('#invitees_list').select2() $('#invitees_list1').select2() $('#invitees_list1').show() $("#invitees_list").show() }, 我想当多选更改时,我想获取多选输入的值并触发事件。 我尝试过 javascript 事件但没有发生任何事情。 要在多选输入更改时触发事件,可以在 Vue.js 中使用 @change 指令。 <select id="invitees_list1" class="form-select" multiple name="multi" v-model="selectedInviteeIds" @change="handleMultiSelectChange"> @foreach ($seatedTable->invitees as $invitee) <option :value="{{ $invitee['id'] }}"> {{ $invitee['name'] }} </option> @endforeach </select> Vue.js const app = new Vue({ // code methods: { handleMultiSelectChange() { // This method is called when the multi-select input changes console.log('Selected Invitee IDs:', this.selectedInviteeIds); // Add your custom logic or trigger an event here // For example, you can emit a custom event this.$emit('multiSelectChanged', this.selectedInviteeIds); } } });

回答 0 投票 0

如何使用SweetAlert2捕获表单提交方法

我的javascript知识也很差所以请帮助。 我正在尝试保护用户页面并添加确认对话框以进行删除。 但我不知道如何捕获提交方法。 我使用来自

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.