README

apiato-bap-livewire 是一个 Apiato 容器，它将基于 LiveWire 的基础管理面板引入 Apiato 容器结构。

使用 Apiato 基础管理面板与 Livewire，您将为您的 Apiato 项目获得一个完整的基于基础的管理面板。

本项目得以实现归功于

• Elshaden/apiato-livewire - https://github.com/Elshaden/apiato-livewire
• alighasemzadeh/bap - https://github.com/alighasemzadeh/bap

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 部分
• 对于文件名，只需点击 enter 留空即可
• 对于容器，输入容器的名称，不要与组件混淆，这就像任何其他 Apiato 容器一样
• 组件，即您想要的 Livewire 组件，您可以使用点定义同一容器内的子文件夹

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

• app

• Containers

• AppSection

• Livewire

  • Configs
  • Providers
  • UI
    • WEB
    • Routes
    • Views
  • <LivewireComponent1 / Or Livewire Component Dir1 >
  • <LivewireComponent2 / Or Livewire Component Dir2 >

• Vendor

• ...

• Livewire

• ... `

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

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

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

Views

视图必须扩展 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

现在您可以使用 Livewire 作为 Web 前端，同时使用 Apiato 中的所有类。