支持 Laravel.io 的持续开发 →

启动 Blade UI 套件

2020 年 9 月 2 日 阅读时间:2 分钟

Blade UI Kit v0.1 发布

经过数月的开发和测试,我很高兴地宣布Blade UI Kit的第一个版本终于公开可用。

Blade UI Kit是一套用于Laravel Blade视图的可重用组件。从本质上讲,它是一组有用的实用工具,将TALL堆栈的不同部分连接起来。这是为了Blade(Laravel强大的模板引擎)制作的。

默认情况下,Blade UI Kit包括以下组件

  • 倒计时器
  • Markdown和富文本编辑器
  • 头像生成器
  • 表单输入
  • Markdown到HTML转换器
  • 日期和颜色选择器
  • 等等...

为了给您一个实用的入门示例,让我们看看Blade UI Kit的警报组件是如何替换Laravel UI脚手架中的默认警报片段的。

@if (session('status'))
    <div class="alert alert-success" role="alert">
        {{ session('status') }}
    </div>
@endif

这变成了这样

<x-alert class="alert alert-success"/>

如您所见,组件的所有实现细节都已被隐藏。这将留给您来决定如何对其进行样式设计。

Blade UI Kit的所有组件都是基于这个理念设计的。让您较少关注实现细节,让您能更专注于真正重要的事情:构建您的应用。同时提供了优秀的开发者体验。

为了更好地展示这个库,我已经构建了一个示例Laravel项目,该项目使用了一些Blade UI Kit的组件。

目前,Blade UI Kit还处于初级阶段,这意味着它可能还有一些设计缺陷,我们希望在未来随着库的成熟和更多人使用它时解决这些问题。如果您想做出贡献,请访问主仓库,并通过发送拉取请求或者在如何添加更多和更好的组件以及改进核心机制上提出有见地的议题来帮忙。

我努力确保这个库能帮助您提高工作效率,并希望它能解决您在构建Laravel应用时遇到的一些痛点。您可以在推特上用#BladeUIKit标签告诉我您的想法!

用Blade UI Kit享受构建您下一个应用吧!

上次更新2年前。

joedixon, wmandai, sarwarahmed, imanghafoori1, maxcelos, devansh0207, jorqensen, pavlovich4, rocharomulo 喜欢这篇文章

10
喜欢这篇文章?让作者知道,并为他们点赞!
driesvints(Dries Vints) 我在Laravel工作,维护了Laravel.io。Eventy的创建者。

你可能还喜欢的其他文章

2024年3月11日

如何使用Larastan将您的Laravel应用从0到9

在 Laravel 应用执行之前发现其中的漏洞是可能的,多亏了 Larastan,它...

阅读文章
2024年7月19日

在不使用 Traits 的情况下标准化 API 响应

我发现的问题是我注意到大多数用于 API 响应的库都是使用 Traits 实现的,并且...

阅读文章
2024年7月17日

在您的 Laravel 项目中使用 Discord 通知收集反馈

如何在 Laravel 项目中创建一个反馈模块并在收到一条消息时收到 Discord 通知...

阅读文章

我们想感谢这些 极佳的公司 对我们的支持

您的标志在这里?

Laravel.io

Laravel 解决问题、知识共享和社区建设的信息门户。

© 2024 Laravel.io - 版权所有。