Twitter Bootstrap Form For 项目使用教程

Twitter Bootstrap Form For 项目使用教程

twitter_bootstrap_form_for A Rails FormBuilder DSL for generating Twitter Bootstrap forms 项目地址: https://gitcode.com/gh_mirrors/tw/twitter_bootstrap_form_for

1. 项目的目录结构及介绍

twitter_bootstrap_form_for/
├── examples/
│   └── ...
├── lib/
│   └── ...
├── CHANGELOG.markdown
├── LICENSE.markdown
├── README.markdown
└── twitter_bootstrap_form_for.gemspec
  • examples/: 包含项目的示例代码,展示了如何使用 twitter_bootstrap_form_for 生成表单。
  • lib/: 包含项目的核心代码,包括 FormBuilder 的实现和其他辅助功能。
  • CHANGELOG.markdown: 记录了项目的更新日志,包含了每个版本的变更内容。
  • LICENSE.markdown: 项目的开源许可证,本项目使用 MIT 许可证。
  • README.markdown: 项目的介绍文档,包含了项目的概述、安装方法和基本使用说明。
  • twitter_bootstrap_form_for.gemspec: 项目的 gemspec 文件,定义了项目的依赖、版本信息等。

2. 项目的启动文件介绍

twitter_bootstrap_form_for 是一个 Rails 插件,没有传统的“启动文件”。它的核心功能是通过 FormBuilder 类实现的,该类位于 lib/ 目录下。

3. 项目的配置文件介绍

twitter_bootstrap_form_for 没有独立的配置文件。它的配置主要通过在 Rails 项目中使用 twitter_bootstrap_form_for 方法时传递的参数来实现。以下是一个简单的配置示例:

= twitter_bootstrap_form_for @user, layout: 'horizontal', default_div_class: 'col-lg-10', role: 'form' do |user|
  = user.inputs 'Sign up', class: 'sign_up' do
    = user.email_field :email, placeholder: 'me@example.com', div_class: 'col-md-6'
    = user.password_field :password do
      %span.help-block Must be no larger than 6 characters<br/> Must contain only the letters 'x' or 'p'
    = user.password_field :password_confirmation, 'Confirm Password'
    = user.text_field :twitter_id, 'Twitter', class: 'medium', add_on: :prepend do
      %span.add-on @
    = user.date_select :born_on, 'Born on', [], class: 'small'
    = user.inline 'Interests' do |inline|
      = inline.text_field :interest_1, class: 'small'
      = inline.text_field :interest_2, class: 'small'
      = inline.text_field :interest_3, class: 'small'
    = user.toggles 'Email Preferences' do
      = user.radio_button :email, 'HTML Email', html: { checked: true }
      = user.radio_button :email, 'Plain Text', plain: true
    = user.toggles 'Agreements' do
      = user.check_box :agree, 'I agree to the abusive Terms and Conditions'
      = user.check_box :spam, 'I agree to receive all sorts of spam'
      = user.check_box :spammer, 'I agree to let the site spam others through my Twitter account'
    = user.actions do
      = user.submit 'Sign up'
      = button_tag 'Cancel', type: 'reset', class: 'btn'

在这个示例中,layoutdefault_div_classrole 等参数用于配置表单的布局和样式。

twitter_bootstrap_form_for A Rails FormBuilder DSL for generating Twitter Bootstrap forms 项目地址: https://gitcode.com/gh_mirrors/tw/twitter_bootstrap_form_for

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

钟洁祺

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值