通过 
搜索
搜索elshaden / apiato-livewire
Apiato 的 Livewire 容器。
5.0
2023-01-01 08:11 UTC
Requires
- jantinnerezo/livewire-alert: ^2.2
- livewire/livewire: ^2.0
- wire-elements/modal: ^1.0
This package is auto-updated.
Last update: 2024-08-29 11:46:07 UTC
README
Laravel Livewire
这个 Apiato 容器提供了一种简单易行的方式，将 Livewire 添加到视图。
Github https://github.com/Elshaden/apiato-livewire.git
为什么有人会使用 API 后端为前端应用呢？
如果你熟悉 Apiato，你就会知道 Apiato 使用了 DDD 模式，即领域驱动设计，这将使你的代码组织得非常好，易于维护，最重要的是，简单到可以由许多开发者共同工作在同一个应用上。虽然 Apiato 的制作者坚持认为它主要关注 API 后端，但我不同意，Apiato 可以同时处理作为前端的应用程序，并交付无缺陷的 API 后端。
不要只听我的话...试着运行一下...
#使用方法
在现有的 Apiato 应用程序中
composer require elshaden/apiato-livewire
通过 Composer Require 安装容器到 Apiato 应用程序
Apiato 容器安装程序 获取更多详细信息
创建新的 Livewire 组件 V4
V4 使用 Apiato 生成器，这将创建所有必要的模板。
php artisan apiato:generate:container:livewire
你将被提示输入组件的详细信息
- 对于部分输入 Livewire 或直接输入，系统将无论何种情况都会在 Livewire 部分下创建
- 对于文件名，只需点击回车，保持原样
- 对于容器，输入容器的名称，不要与组件混淆，这就像任何其他 Apiato 容器一样
- 组件，即你想要的 Livewire 组件，你可以在同一个容器中使用点来定义子文件夹
这将创建一个新的名为 Livewire 的部分
-
app
-
Containers
-
AppSection
-
Livewire
- Configs
- Providers
- UI
- WEB
- Routes
- Views
- <LivewireComponent1 / 或 Livewire Component Dir1 >
- <LivewireComponent2 / 或 Livewire Component Dir2 >
-
Vendor
-
...
-
Livewire
-
... `
通常 Livewire 类和视图将创建在这些文件夹中
你必须更改 Livewire 组件类中的 render 方法
public function render() {
return view('livewire@<ContainerName>::component');
}
Views
视图必须扩展 layouts.app
@extends('vendor@livewire::layouts.app')
在这个视图中，你必须调用相关的 Livewrie 组件在 @section('content')
@section('content')
<div>
@livewire('<component name>')
</div>
@endsection
Blade 组件
你可以创建自己的 Blade 组件并在视图中使用它们，你必须将这些组件全部注册在容器的主要服务提供者中。
默认添加的 Livewire UI Modal 同样可以这样做
有关 Livewire UI Modal 的更多详细信息，请访问 https://github.com/livewire-ui/modal