dannytrue/dlutwbootstrap

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

dev-master 2018-02-05 23:32 UTC

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
    • 文件
    • 隐藏字段
    • 多选框(不支持在内联和搜索表单上使用)
    • 多选下拉框(不支持在内联和搜索表单上使用)
    • 密码
    • 单选按钮(不支持在内联和搜索表单上使用)
    • 重置
    • 选择框
    • 提交
    • 文本
    • 文本区域
  • 内联帮助(提示)、块帮助(描述)和占位文本支持相关元素
  • 错误状态和信息(错误信息支持水平表单和垂直表单)
  • 高亮显示必填字段
  • 在文本输入前追加/附加文本
  • 多选框和单选按钮可选项地内联渲染
  • 字段集标题

支持版本

重要:如果模块看起来不起作用,请检查您的 ZF2 库版本,并更新到上面指定的版本和提交。

安装 - 手动

  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 模块的最简单、最快的方式,因为它清晰地展示了渲染输出(例如表单)与实际用于生成该输出的源代码的“并列”显示。推荐!

链接