三雅调校/dlutwbootstrap

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

0.1.3.3 2013-06-04 12:42 UTC

This package is auto-updated.

Last update: 2024-08-29 03:35:16 UTC


README

简介

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

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

实现的功能

警报

  • todo: 写入此内容

导航

  • todo: 写入此内容

表单

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

支持的版本

安装 - 手动

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

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

  3. 按照以下安装后步骤操作

安装 - 使用 Composer

  1. 转到您的项目目录。
  2. 编辑您的 composer.json 文件,并在 require 部分添加 "dlu/dlutwbootstrap": "dev-master"
  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 演示模块。演示模块是开始使用 DluTwBootstrap 模块的最简单、最快的方式,因为它清晰地显示了渲染输出(例如,表单)与用于生成该输出的实际源代码“并列”显示。推荐!

链接