Laravel 版 form 表单生成器,几行命令轻松部署

分享链接:https://github.com/xaboy/laravel-form-builder

laravel-form-builder

laravel专用表单生成器,快速生成现代化的form表单。包含复选框、单选框、输入框、下拉选择框等元素以及省市区三级联动、时间选择、日期选择、颜色选择、树型、文件/图片上传等功能。

github地址 | composer

支持laravel 5.

安装

$ composer require xaboy/laravel-form-builder

配置

  1. 添加下面一行到 config/app.phpproviders 部分:

    LaravelFormBuilder\FormBuilderProvider::class,
  2. 发布配置文件与资源

    $ php artisan vendor:publish --provider='LaravelFormBuilder\FormBuilderProvider'
  3. 模板引入依赖资源

    这行的作用是引入编辑器需要的 css,js 等文件,所以你不需要再手动去引入它们。

    如果项目中已包含vueiviewjquery其中任意,可在vendor/form-builder/assets.blade.php文件中手动移除。

    注意 iview版本为2.14.3,vue版本为2.5

    @include('vendor.form-builder.assets')
  4. 加载表单规则

    //@include('vendor.form-builder.script',['form'=>$form,'id'=>'store']);
    @include('vendor.form-builder.script',['form'=>$form]);
  5. 表单初始化

    表单会自动添加csrf_token,无需手动设置

    <script>
        //laravelFormCreate_store('.panel-body');
        laravelFormCreate('.panel-body',function callback(status, res, $f, formData){
         //表单提交回调函数
           if(!status)
               //TODO 表单提交成功
            else
               //TODO 表单提交失败
       });
    </script>
    

说明

  1. 5.4+ 请不要忘记 php artisan storage:link
  2. 如果你使用的是 laravel 5.3 以下版本,请先创建软链接:
    # 请在项目根目录执行以下命令
    $ ln -s `pwd`/storage/app/public `pwd`/public/storage

示例

https://raw.githubusercontent.com/xaboy/laravel-form-builder/master/demo.jpg

《L03 构架 API 服务器》
你将学到如 RESTFul 设计风格、PostMan 的使用、OAuth 流程,JWT 概念及使用 和 API 开发相关的进阶知识。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 1

请勿发布不友善或者负能量的内容。与人为善,比聪明更重要!