README

Laravel Livewire

此 Apiato 容器提供了一种简单快捷的方式将 Livewire 添加到视图。

---此仓库基于以下包构建---

Github https://github.com/Elshaden/apiato-livewire.git

为什么有人会用 API 后端为前端应用？

如果你熟悉 Apiato，你就会知道 Apiato 使用了 DDD 模式，领域驱动设计，这将使你的代码非常组织化，易于维护，最重要的是，简单到许多开发者可以共同工作在同一个应用程序上。尽管 Apiato 的制作者坚持认为它主要关注 API 后端，但我不同意，Apiato 可以处理作为前端的应用程序，同时提供完美的 API 后端。

不要只听我的话...继续试试...

#使用方法

在现有的 Apiato 应用程序中

composer require elmahdi/apiato-livewire

通过 Composer Require 安装容器到 Apiato 应用程序中

Apiato 容器安装器获取更多详细信息

创建新的 Livewire 组件 V4

V4 使用 Apiato 生成器，这将生成所有必要的样板代码。

php artisan apiato:generate:container:livewire

系统将提示你输入组件的详细信息

在部分输入 Livewire 或直接按 Enter，系统将创建在 Livewire 部分，无论你输入什么。
下一步是容器，你必须指定容器将在新 livewire 部分内部创建的目录
再次按 Enter，为容器文件名留空
当提示输入“输入组件名称”时，再次按 Enter，如果输入了任何值，将抛出错误，中断进程。
当提示输入“输入视图名称”时，可以自由指定你的视图名称。
然后按你的意愿完成其他步骤。
最后，完成命令后，将抛出一个错误，表示找不到 composer.stub 错误，请放心忽略此错误，你已准备好开始。

这将创建一个新的名为 Livewire 的部分

app
容器
AppSection
Livewire
- 配置
- 提供者
- UI
  - WEB
  - 路由
  - 视图
- <LivewireComponent1 / 或 Livewire Component Dir1 >
- <LivewireComponent2 / 或 Livewire Component Dir2 >
供应商
...
Livewire
... `

通常 Livewire 类和视图将创建在这些文件夹中

你必须更改 Livewire 组件类中的 render 方法

 public function render() {  
		 return view('livewire@<ContainerName>::component');  
 }

视图

视图必须扩展 layouts.app
@extends('vendor@livewire::layouts.app')

在这个视图中，你必须在 @section('content') 中调用相关的 Livewrie 组件

@section('content')

<div>
@livewire('<component name>') 
</div>
@endsection

Blade 组件

你可以创建自己的 Blade 组件并在视图中使用它们，你必须将这些组件全部注册在容器的主要服务提供者中。

同样的方法也可以用于默认添加的 Livewire UI Modal
有关 Livewire UI Modal 的更多详细信息，请访问 https://github.com/livewire-ui/modal

elmahdi/apiato-livewire

维护者

详情