README

表单构建器

简单包，用于输入。基于Bootstrap。

安装

1. 使用Composer安装

composer require slavawins/formbuilder

1. 发布js文件，这些文件是包运行所必需的。执行以下命令：

   php artisan vendor:publish --provider="SlavaWins\Formbuilder\Providers\FormbuilderServiceProvider"
   

之后，在public_html/js/文件夹中会创建3个必要的js文件。

1. 在任何方便的地方连接js文件。例如，可以在app.blade.php中直接连接。

   <script src="{{ asset('js/formbuilder/formBuilderHelper.js') }}"></script>
   <script src="{{ asset('js/formbuilder/InputValidatorValues.js') }}"></script>
   <script src="{{ asset('js/formbuilder/ApprovedModalController.js') }}"></script>

ApprovedModalController - 应将其放置在页脚底部。这样jQuery才能成功加载。

使用

在要创建字段的视图中打开。并在其中添加依赖项

@php
   use SlavaWins\Formbuilder\Library\FElement;
@endphp

然后，在需要的位置写下如下块。这将创建一个两列的表单字段。左侧为标签，右侧为输入框，下方为描述。它将自动完成。

@php
   FElement::NewInputTextRow()
       ->SetLabel("Лебл поля")
       ->SetName("amountPrice")
       ->SetValue(old("amountPrice", "test"))
       ->SetDescr("В какую суммы вы готовы уложится?")
       ->RenderHtml(true);
@endphp

以下示例为金额添加前端验证 ->FrontendValidate()->Money()

@php
   FElement::NewInputTextRow()
       ->SetLabel("Лебл поля")
       ->SetName("amountPrice")
       ->FrontendValidate()->Money()
       ->SetValue(old("amountPrice", "test"))
       ->SetDescr("В какую суммы вы готовы уложится?")
       ->RenderHtml(true);
@endphp

此示例将创建一个前端验证，要求输入15到120个字符

@php
   FElement::NewInputTextRow()
    ->SetLabel("Название заказаа")
    ->SetName("title")
    ->FrontendValidate()->String(15,120)
    ->SetPlaceholder("Например: Нужно отправить груз")
    ->SetDescr("Кратко опишите суть заказа")
    ->SetValue(old("title", "Example text") )
    ->RenderHtml(true);
@endphp

以下示例是审批模态框。您只需在链接中添加approvedModal标签，在点击按钮时，前端将显示一个询问是否确认的模态框

  <a class="btn "
          href="/delete"
          approvedModal="Вы действительно хотите удалить этот объект?"
       >Удалить</a>

需要为此添加视图。可以这样做：

@include("formbuilder::approved-modal")

自定义。

在本地创建

resources\views\formbuilder\component

将以下所有内容复制到其中：

vendor\slavawins\formbuilder\src\resources\views\component

现在您可以直接在项目中自定义表单元素。