定制 slavawins/formbuilder 二次开发

按需修改功能、优化性能、对接业务系统,提供一站式技术支持

邮箱:yvsm@zunyunkeji.com | QQ:316430983 | 微信:yvsm316

slavawins/formbuilder

最新稳定版本:1.4.2

Composer 安装命令:

composer require slavawins/formbuilder

包简介

Expa

README 文档

README

Form Builder

Кароч изи пакет для инпутов. На основе ботсрапа.

Example

Установка

  1. Установить из композера
composer require slavawins/formbuilder
  1. Опубликовать js файлы необходимые для работы пакета. Вызывать команду:
    php artisan vendor:publish --provider="SlavaWins\Formbuilder\Providers\FormbuilderServiceProvider"
    

После этого в папке public_html/js/ будут созданы 3 джс файла нужные для использования пакета

  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 - стоит поместить вниз где footer. Что бы 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

Теперь вы можете кастомизировать элементы формы, прямо у себя в проекте.

统计信息

  • 总下载量: 1.06k
  • 月度下载量: 0
  • 日度下载量: 0
  • 收藏数: 0
  • 点击次数: 0
  • 依赖项目数: 5
  • 推荐数: 0

GitHub 信息

  • Stars: 0
  • Watchers: 1
  • Forks: 0
  • 开发语言: PHP

其他信息

  • 授权协议: MIT
  • 更新时间: 2023-01-09