README

Laravel Custom HTML

此库提供

14个可发布组件
2种主题（TailwindCSS 和 Bootstrap）。
一个新的组件 "control()" 允许您在单个调用中拥有输入、其标签及其错误消息。

安装此库的最简单方法是简单地用此工具替换 LC/HTML。

安装

只需从项目的根目录运行此命令

composer require tomjamon/laravel-custom-html

自定义组件

如果您想使用主题或自定义视图

发布供应商视图：php artisan vendor:publish

选择：提供者：TomJamon\Html\HtmlServiceProvider

将创建一个新的文件夹 resources/views/vendor/customhtml，其中包含每个组件。

您现在可以更改每个组件的类和内容。

主题

如果您想使用主题，您可以在 config/customhtml.php 中自定义它

提示：创建 TailwindCSS 主题与 Tailwind 的设计目的相反。请自定义主题，主题只是提供了一些帮助，每个组件的示例。

组件列表

按钮
复选框
关闭
控制
数据列表
表单
输入
标签
链接
分组
选项
选择
提交
文本区域
文件

无自动发现

由于 Laravel 5.5，Taylor Otwell 引入了一个自动发现系统。您不再需要在 app.php 中放置提供者和别名，但如果您没有启用自动发现

编辑您的 config/app.php 并添加以下行

提供者

TomJamon\Html\HtmlServiceProvider::class,

别名

'Form' => TomJamon\Html\FormFacade::class,
'Html' => TomJamon\Html\HtmlFacade::class,

示例

包含登录和注册功能的 Laravel Custom HTML 项目

https://github.com/TiDJ/laravel-custom-html-example

命令：Composer install && npm run prod && php artisan serve

技巧：只需更改 config/customhtml.php 并执行 php artisan optimize

简单的文本输入

{!! Form::control('text', 'name', $errors, [
    'label' => 'Nom Prenom',
    'placeholder' => 'John Doe',
    'md' => '1/2'
]) !!}

选择

{!! Form::control('select', 'type', $errors, [
    'label' => 'Type',
    'message' => 'Choose wisely the type of object',
    'data' => [
        'one' => 'First choice', 
        'two' => 'Second choice', 
        'three' => 'Third choice'
    ]
]) !!}

具有重写行数的文本区域（第二个数组参数）

{!! Form::control('textarea', 'content', $errors, [
    'label' => 'Content',
    'placeholder' => 'Post content',
], [
    'rows' => '25'
]) !!}

输入文件

使用 control 调用，为您生成标签和父块

{!! Form::control('file', 'thumbnail', $errors, [
    'label' => 'Your thumbnail',
]) !!}

或者您可以直接插入输入文件

{!! Form::file('thumbnail')  !!}

并且不要忘记在 Form::model() 或 Form::open() 中设置 'files' => true

为什么使用：清晰和简洁

以下是表单的外观

登录表单

{!! Form::open(['route' => 'login']) !!}
    {!! Form::control('text', 'email', $errors, [...],  [...]) !!}
    {!! Form::control('password', 'password', $errors, [...]) !!}
    {!! Form::control('checkbox', 'remember', $errors, [...], [...]) !!}
    {!! Form::submit('Sign in') !!}
{!! Form::close() !!}

tomjamon / tailwindlaravel

维护者

详细信息