使用PHP构建前端字段结构

0.0.1 2023-05-29 00:51 UTC

This package is auto-updated.

Last update: 2024-09-17 20:07:39 UTC


README

Latest Version on Packagist [GitHub Tests Action Status](

A Laravel package that simplifies the process of formatting fields for display and forms in your Inertia.js projects. With this package, you can easily define Vue components, and populate data when needed. This package is particularly useful for developers working with Laravel, Inertia.js, and Vue.js.

目录

安装

要安装 Laravel Inertia 字段格式化包,您可以使用 Composer

composer require headlesslaravel/fields

使用

安装包后,您可以使用 Fields 类来创建表单和显示字段配置。这些配置可用于定义 Vue 组件并在需要时填充数据。

要创建表单字段配置,您可以使用 Fields::form() 方法

$fields = Fields::form([
    // Your field configurations
]);

要创建显示字段配置,您可以使用 Fields::display() 方法

$fields = Fields::display([
    // Your field configurations
], $data);

这两种方法都接受一个字段配置数组。您可以使用 Text::make() 方法创建字段配置。第一个参数是字段的标签,第二个参数是可选的键,用于为显示字段填充数据。

您还可以将其他属性链到字段配置中,例如设置网格系统的 span 属性

Text::make('First Name')->prop('span', 6)

示例

以下是一个使用 Laravel Inertia 字段格式化包的更通用示例

// Form field configuration
$formFields = Fields::form([
    Text::make('First Name')->prop('span', 6),
    Text::make('Last Name')->prop('span', 6),
    Text::make('Email')->prop('span', 6),
    Text::make('Phone')->prop('span', 6),
]);

// Display field configuration
$displayFields = Fields::display([
    Text::make('Name', 'name'),
    Text::make('Email', 'email'),
    Text::make('Phone', 'phone'),
], $user);

// Return the field configurations as an array
return [
    'form' => $formFields,
    'display' => $displayFields,
];

可用字段

贡献

欢迎贡献!如果您发现错误或有建议,请在 GitHub 存储库中打开一个问题。如果您想贡献代码,请提交拉取请求。

许可证

此包根据 MIT 许可证 发布。