acoustep / component-generator

Laravel 4 包,可通过命令行从如 Twitter Bootstrap 等前端框架生成 HTML 组件。

v0.3.0 2014-07-19 19:54 UTC

This package is not auto-updated.

Last update: 2024-09-24 01:26:42 UTC


README

Build Status

Bourbon Refill's Rails 生成器的启发,Component Generator 是一个 Laravel 4 包,可以通过命令行快速从如 Twitter Bootstrap 等前端框架生成 HTML 组件。

入门指南

默认情况下,运行以下命令将在 views/components/navbar.blade.php 中创建一个新文件,包含 Twitter Bootstrap 导航栏。

php artisan component:generate navbar

如果您想更改文件创建的目录,可以使用 --path 选项。

php artisan component:generate navbar --path="app/views"

要向已存在的文件追加组件,请使用 component:append

php artisan component:append navbar layouts.default

第一个参数是组件,第二个参数是要追加的模板 - 位于 app/views 中。

安装

"acoustep/component-generator": "dev-master"

添加服务提供者

'Acoustep\ComponentGenerator\ComponentGeneratorServiceProvider',

如果您想更改设置,可以运行

php artisan config:publish acoustep/component-generator

或者

php artisan component:setup

配置

'framework' => 'bootstrap3'

这是从其中复制视图的目录名称。其他选项包括 foundation5pure1

'directory' => 'components'

组件被复制到的地方。这将位于 app/views 目录中。要将它们复制到 views 的根目录,请将其更改为空字符串。

'prefix' => ''

在文件名前加前缀。例如,如果您来自 Rails 背景,并喜欢使用下划线作为部分的前缀,则可以在此设置。

'postfix' => '.blade.php',
'syntax' => 'blade',

不使用 blade?您可以使用以下设置将模板更改为普通 PHP 模板。

'postfix' => '.php',
'syntax' => 'php',

组件

要使用命令行列出所有组件,请使用

php artisan component:list

要查看特定框架的组件,请传递框架选项

php artisan component:list --framework=bootstrap3

Twitter Bootstrap

Zurb Foundation

  • accordion
  • alerts
  • breadcrumb
  • button-dropdown
  • button-group
  • button-split
  • equalizer
  • form
  • iconbar
  • joyride
  • layout
  • modal
  • offcanvas
  • orbit
  • pagination
  • panel
  • pricing-table
  • progress
  • range-slider
  • table
  • tabs-vertical
  • tabs
  • thumbnails
  • tooltip
  • topbar
  • video

Pure

  • form-aligned
  • form-inline
  • form-multi
  • form
  • layout
  • menu
  • pagination
  • table

待办事项

  • 在生成之前发布视图以进行自定义的能力。

鸣谢

此代码的基础来自 Jeffrey Way 的书籍 Laravel Testing Decoded。这是一本非常棒的书籍,对我帮助很大!