dannytrue / dlutwbootstrap
生成 Twitter Bootstrap UI 的 ZF2 模块 - 表单、导航等。
Requires
This package is not auto-updated.
Last update: 2024-09-14 13:23:24 UTC
README
介绍
DluTwBootstrap 是一个Zend Framework 2 模块,简化了在 ZF2 应用中使用 Twitter Bootstrap。
如果您是 DluTwBootstrap 的初学者,首先访问 http://apps.zfdaily.com/dlutwbootstrap-demo 在线查看其功能。
实现的功能
表单
- 支持四种 Twitter Bootstrap 表单类型 - 水平、垂直、内联、搜索
- 支持表单元素
- 按钮
- 复选框
- CSRF
- 文件
- 隐藏字段
- 多选框(不支持在内联和搜索表单上使用)
- 多选下拉框(不支持在内联和搜索表单上使用)
- 密码
- 单选按钮(不支持在内联和搜索表单上使用)
- 重置
- 选择框
- 提交
- 文本
- 文本区域
- 内联帮助(提示)、块帮助(描述)和占位文本支持相关元素
- 错误状态和信息(错误信息支持水平表单和垂直表单)
- 高亮显示必填字段
- 在文本输入前追加/附加文本
- 多选框和单选按钮可选项地内联渲染
- 字段集标题
支持版本
- Zend Framework 2.0.0 - 218 (commit 2a398b4e81)
- Twitter Bootstrap v2.1.0
重要:如果模块看起来不起作用,请检查您的 ZF2 库版本,并更新到上面指定的版本和提交。
安装 - 手动
-
转到您的项目目录。
-
将此项目作为
DluTwBootstrap
模块克隆到您的./vendor
目录中git clone https://bitbucket.org/dlu/dlutwbootstrap.git ./vendor/DluTwBootstrap
-
按照下面的安装后步骤操作
安装 - 使用 Composer
- 转到您的项目目录。
- 编辑您的
composer.json
文件,并在require
部分添加"dlu/dlutwbootstrap": "dev-master"
。 - 运行
php composer.phar install
(或php composer.phar update
)。 - 按照下面的安装后步骤操作
安装后步骤
-
将模块的
public
目录中的所有内容复制到<your app>/public
(即 Twitter Bootstrap 和 jQuery CSS 文件、JS 文件和图片)。 -
在您的应用配置文件
<your app>/config/application.config.php
中启用 DluTwBootstrap 模块- 在
modules
下添加'DluTwBootstrap',
- 在
-
可选:将模块根目录中的
module.DluTwBootstrap.global.php
移动到<your app>/config/autoload
目录。这会将布局脚本设置为模块提供的脚本,以加载所有必要的 CSS 和 JS 依赖项。(如果您有自己的布局并且已经在项目中正确设置了 Twitter Bootstrap 环境,请不要这样做!)
检查和演示
为了验证您已正确安装了模块并查看其功能,请安装 DluTwBootstrap 演示模块。演示模块是开始使用 DluTwBootstrap 模块的最简单、最快的方式,因为它清晰地展示了渲染输出(例如表单)与实际用于生成该输出的源代码的“并列”显示。推荐!