tocaan/field

此包最新版本(dev-master)的许可信息不可用。

此包可以帮助使表单字段更容易使用

维护者

详细信息

github.com/Tocaanco/Field

源代码

问题

安装: 0

依赖: 0

建议者: 0

安全性: 0

星标: 0

关注者: 1

分支: 0

公开问题: 0

语言:JavaScript

dev-master 2024-05-19 20:27 UTC

This package is auto-updated.

Last update: 2024-09-19 21:25:50 UTC


README

安装

您可以通过composer安装此包

composer require tocaan/field

发布配置文件

php artisan vendor:publish --provider="Field\FieldServiceProvider"

用法

您可以用任何类型创建字段

    /**
     * @param $name is a field name 
     * @param $label 
     * @param null $value
     * @param array $field_attributes
     * @return string
     */
    field()->text('name','label','value',[]);
输出
   <div class="form-group " id="{{$name}}_wrap">
           
       <label for="{{$name}}" class="col-md-2" style=""> {{$label}} </label>

       <div class="col-md-9" style="">
   
            <input placeholder="{{$label}}" value="{{$value}}" class="form-control" data-name="{{$name}}" id="{{$name}}" name="{{$name}}" type="text">

            <span class="help-block" style=""></span>
       
       </div>

   </div>

参数

字段是用laravel collective创建的

     $name  // is a field name (string | required)
     
     $label // is a label name (string | required)
     
     $value // is a value of input (string | the default value is null)
      you can use it with laravel collective form model 
      Form::model($model,[attributes])
     
     $field_attributes // is input attributes like class , style 
     //it take some default values like class : form-control and you can override
     // there values like ['class' => 'your-class' , 'style' => 'color:red']
     // (array | not required)
     // default : 
      [
          "placeholder" => $label,
          "class" => "form-control",
          "data-name" => $name,
          "id" => $name
      ]
     

配置文件

在您发布提供者的地方,您会找到config/field.php文件,您可以通过创建和切换主题来控制HTML响应的内容

主题映射键

   {{-- container --}} <div class="form-group " id="{{$name}}_wrap">
   {{-- label --}}         <label for="{{$name}}" class="col-md-2" style=""> {{$label}} </label>
   {{-- field_div --}}     <div class="col-md-9" style="">   
                                  <input placeholder="{{$label}}" value="{{$value}}" class="form-control" data-name="{{$name}}" id="{{$name}}" name="{{$name}}" type="text">
   {{-- field_error --}}          <span class="help-block" style=""></span>
                           </div>
                       </div>

config/field.php中控制主题

    'default_theme' => env('FIELD_DEFAULT_THEME','default'),
    
        'themes' => [
    
            'default' => [
    
                'container' => [
                    'active' => true,
                    'class' => 'form-group'
                ],
    
                'label' => [
                    'active' => true,
                    'options' => [
                        'class' => 'col-md-2',
                        'style' => ''
                    ],
                ],
    
                'field_div' => [
                    'active' => true,
                    'options' => [
                        'class' => 'col-md-9',
                        'style' => ''
                    ],
                ],
    
                'field_error' => [
                    'active' => true,
                    'options' => [
                        'class' => 'help-block',
                        'style' => ''
                    ],
                ],
            ],
        ],

您可以通过在.env文件中将键FIELD_DEFAULT_THEME设置为默认主题名称,或在config/field.php中更改它来更改默认主题'default_theme' => env('FIELD_DEFAULT_THEME','your default theme name')

创建字段时切换主题

您可以将主题名称轻松地传递给字段函数

    field('theme_name')->text('name','label','value',[]);

如果您在未输入主题名称的情况下使用字段,则自动函数将使用默认主题

    field()->text('name','label','value',[]); // take default theme in config file