dlu/dlutwbootstrap

此包已被废弃且不再维护。未建议替代包。

生成Twitter Bootstrap UI的ZF2模块 - 表单、导航等。

0.1.4 2013-03-27 13:05 UTC

This package is not auto-updated.

Last update: 2018-12-07 23:43:28 UTC


README

简介

DluTwBootstrap是一个Zend Framework 2模块,它简化了在ZF2应用程序中使用Twitter Bootstrap

如果您是DluTwBootstrap的新用户,首先访问http://apps.zfdaily.com/dlutwbootstrap-demo在线查看其功能。

实现的功能

表单

  • 支持所有四种Twitter Bootstrap表单类型 - 水平、垂直、内联、搜索
  • 支持的表单元素
    • 按钮
    • 复选框
    • Csrf
    • 文件
    • 隐藏
    • 多选框(内联和搜索表单不支持)
    • 多选下拉列表(内联和搜索表单不支持)
    • 密码
    • 单选按钮(内联和搜索表单不支持)
    • 重置
    • 选择
    • 提交
    • 文本
    • 文本区域
  • 内联帮助(提示)、块帮助(描述)和占位符文本与相关元素支持
  • 错误状态和消息(水平表单和垂直表单支持错误消息)
  • 突出显示必填字段
  • 在文本输入前/后添加文本
  • 多选框和单选按钮可以可选地内联渲染
  • 字段集标题

支持的版本

安装 - 手动

  1. 转到您的项目目录。
  2. 将此项目作为DluTwBootstrap模块克隆到您的./vendor目录中

    git clone https://bitbucket.org/dlu/dlutwbootstrap.git ./vendor/DluTwBootstrap

  3. 遵循以下安装后步骤

安装 - 使用Composer

  1. 转到您的项目目录。
  2. 编辑您的composer.json文件,并将"dlu/dlutwbootstrap": "dev-master"添加到require部分。
  3. 运行php composer.phar install(或php composer.phar update)。
  4. 遵循以下安装后步骤

安装后步骤

  1. 将模块的public目录中的所有内容复制到<your app>/public(即Twitter Bootstrap和jQuery css文件、js文件和图像)。
  2. 在您的应用配置文件<your app>/config/application.config.php中启用DluTwBootstrap模块

    • modules下添加'DluTwBootstrap',
  3. 可选:将模块根目录中的module.DluTwBootstrap.global.php移动到<your app>/config/autoload目录。这会将布局脚本设置为模块提供的,以加载所有必要的CSS和JS依赖项。(如果您有自己的布局并且已经在项目中正确设置了Twitter Bootstrap环境,则不要这样做!)

检查和演示

要检查您是否已正确安装了模块并查看其功能,请安装DluTwBootstrap Demo模块。演示模块是开始使用DluTwBootstrap模块的最简单、最快的方式,因为它清晰地显示了渲染输出(例如表单)“并排”与用于生成该输出的实际源代码。推荐!

链接