README

Leaf UI [WIP v0.2.0]

Leaf UI 是一个用于构建用户界面的 PHP 库。

Leaf UI 不需要新的编译器或任何广泛的编译，它只是你每天写的旧PHP；因此，你可以构建全功能的 Leaf UI 驱动的应用程序，或者只需将 Leaf UI 撒入现有的 HTML/PHP 代码中。

Leaf UI 的 v0.2.0 版本目前正在开发中，它是对库的完全重写，带来了许多新特性和新的 API。Leaf UI v0.2.0 将允许你构建全功能的 Leaf UI 驱动的应用程序，用 PHP 编写反应式 UI。你可以将其视为 React 的 PHP 版本。

安装 Leaf UI

像大多数 PHP 库一样，我们建议使用 Leaf CLI 安装 Leaf UI

leaf install ui@dev-next

或者使用 composer。只需打开你的控制台，输入

composer require leafs/ui:dev-next

之后，你可以使用 Leaf UI 的所有方法和组件。

在这里查看文档

构建你的第一个 Leaf UI

由于 Leaf UI 是基于 React 构建的，一切都是组件。你可以创建自己的组件，并在其中处理应用程序的状态。

<?php

use Leaf\UI\Component;

class Test2 extends Component
{
    // every component needs a unique key
    public $key = "test2";
    public $count = 1;

    public function increment()
    {
        $this->count++;
    }

    public function decrement()
    {
        $this->count--;
    }

    public function render()
    {
        // your UI will go here
        return '
            <body>
                <div>
                    <div>Static text</div>
                    <button @click="decrement">-</button>
                    <h1>{{ $count }}</h1>
                    <button @click="increment">+</button>
                </div>
            </body>
        ';
    }
}

这个组件渲染一些静态文本，一个用于递减计数的按钮，一个计数器和用于递增计数的按钮。计数器存储在组件的状态中，并在按钮被点击时更新。

要实际使这工作，你只需在任何你想出现的地方渲染此组件。

<?php

use Leaf\UI;

require __DIR__ . '/vendor/autoload.php';

UI::render(new Test2());

所有这些中最漂亮的部分是它可以在 Leaf 之外运行。它与 Leaf 或任何其他框架完全独立，并可用于任何 PHP 应用程序。

此文件仍在更新中！

文档 @ https://staging.ui.leafphp.dev 仍在更新中。

💬 保持联系

📓 学习 Leaf 3

Leaf 有一个非常易于理解的文档，其中包含有关 Leaf 中所有操作的信息。
你还可以查看我们的 YouTube 频道，其中包含不同主题的视频教程。
我们还在开发代码实验室，将带来你可以遵循并贡献的动手教程。

😇 贡献

我们很高兴有你。所有贡献都受欢迎！要开始，请熟悉我们的贡献指南，然后你就可以准备提交你的第一个拉取请求 🚀。

要报告安全漏洞，你可以通过 @mychidarko 或 @leafphp 在推特上联系我们。我们将协调修复，并最终将解决方案提交到这个项目中。

🤩 赞助 Leaf

您的现金捐助对我们改善Leaf产品至关重要。您可以在open collective上赞助Leaf以及我们的任何产品包，或查看捐助页面了解多种捐助方式。

并且，我们所有现有的现金/代码捐助者，我们爱你们所有人 ❤️

查看赞助商页面，了解我们所有的赞助商。

leafs / ui

维护者

详细信息