README

一组实用的HTML和表单宏，包含相应的CSS和JavaScript资源。专为Bootstrap设计。

查看4.0分支以支持Laravel 4。

入门指南

将包包含到您的应用中
注册服务提供者
发布并包含样式和脚本

查看示例。

将包包含到您的应用中

composer require lucasvdh/laravelmacros:5.*

或在项目的composer.json中添加依赖

    "require": {
        "lucasvdh/laravelmacros": "5.*"
    },

注册服务提供者

编辑config/app.php文件。将以下内容追加到providers数组中

  'providers' => [
    // ...
    Lucasvdh\LaravelMacros\MacroServiceProvider::class,
    // ...
  ],

如果您还没有laravelcollective/html包，请确保添加该服务提供者

  'providers' => [
    // ...
    Collective\Html\HtmlServiceProvider::class,
    // ...
  ],

并注册别名

 'aliases' => [
    // ...
    'Form' => Collective\Html\FormFacade::class,
    'Html' => Collective\Html\HtmlFacade::class,
    // ...
  ],

发布并包含样式和脚本

$ php artisan vendor:publish --provider="Lucasvdh\LaravelMacros\MacroServiceProvider"

发布特定资源

$ php artisan vendor:publish --provider="Lucasvdh\LaravelMacros\MacroServiceProvider" --tag="scripts"
$ php artisan vendor:publish --provider="Lucasvdh\LaravelMacros\MacroServiceProvider" --tag="styles"
$ php artisan vendor:publish --provider="Lucasvdh\LaravelMacros\MacroServiceProvider" --tag="images"

CSS和JavaScript文件将被发布到public/css和public/js。

确保在您想使用宏的视图中包含这些文件。包含样式和脚本有几种选择。

全部包含

您可以将所有插件作为压缩文件包含。

<html>
    <head>
        ...
        <link href="/css/laravel-macros.css" rel="stylesheet">
    </head>
    <body>
        ...
        <!-- Include Javascript at the end of body to improve page load speed -->
        <script src="/js/laravel-macros.js" type="text/javascript"></script>
    </body>
</html>

包含特定插件

或者您可以选择包含特定插件。

<html>
    <head>
        ...
        <link href="/css/chosen.css" rel="stylesheet">
        <link href="/css/tags-input.css" rel="stylesheet">
    </head>
    <body>
        ...
        <!-- Include Javascript at the end of body to improve page load speed -->
        <script src="/js/chosen.jquery.min.js" type="text/javascript"></script>
        <script src="/js/tags-input.js" type="text/javascript"></script>
        
        <!-- IMPORTANT this file is required for the plugins to function -->
        <script src="/js/laravel-macros-app.js" type="text/javascript"></script>
    </body>
</html>

这就完成了

现在您可以使用宏，所有功能都应正常工作。CSS和JavaScript文件的定制应该很简单。

以下是一些使用这些宏的示例

示例

日期选择器

{!! Form::datepicker('field_name', $default, ['class' => 'some-class']) !!}

Chosen选择框

{!! Form::chosen('field_name', $default, $list, ['class' => 'some-class']) !!}

材质复选框

{!! Form::materialCheckbox('field_name', $checked, 'This is the checkbox text', 'value', ['class' => 'some-class']) !!}

材质单选按钮

{!! Form::materialRadio('field_name', $default, $options = ['value' => 'label'], ['class' => 'some-class']) !!}

lucasvdh / laravelmacros

维护者

详细信息