码迷,mamicode.com
首页 > 其他好文 > 详细

rails模板生成bootstrap格式的simple_form的erb文件

时间:2016-11-24 21:31:44      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:des   bootstrap   fat   alt   目录   定义   each   .com   view   

1.lib目录下新建
     /lib/templates/erb/scaffold/_form.html.erb
  模板可以生成_form.html.erb文件
  
<%%= simple_form_for(@<%= singular_name %>) do |f| %>
  <%%= f.error_notification %>
  <div class="col-md-6">
    <div class="form-inputs">
    <%- attributes.each do |attribute| -%>
      <%%= f.<%= attribute.reference? ? :association : :input %> :<%= attribute.name %> %>
    <%- end -%>
    </div>
  </div>

  <div class="form-actions">
    <%%= f.button :submit %>
  </div>
<%% end %>

2.新项目gemfile修改:

  source ‘https://gems.ruby-china.org‘

最后添加:

  gem ‘simple_form‘

  gem ‘bootstrap-sass‘, ‘~> 3.1.0‘

3.配置:

   新建 /home/pinmi/sample/app/assets/stylesheets/application.css.scss

  

@import "bootstrap";

4.进入项目更新gemfile配置

pinmi@pinmi-desktop:~/sample$ cd sample/
pinmi@pinmi-desktop:~/sample$ bundle install

5.添加如下两个文件到/config/initializers/目录下

  /home/pinmi/sample/config/initializers/simple_form.rb

  /home/pinmi/sample/config/initializers/simple_form_bootstrap.rb

6.用脚手架生成文件

  rails g scaffold miaomiaotab,可以看到对应views生成了自定义的_form.html.erb文件

  rails s

效果图:

技术分享

 

参考 github的例子:   simple_form-bootstrap(_form.html.erb的完整项目)

技术分享

  其他参考   多个模板的不完整项目

  技术分享

https://github.com/fatdude/scaffold-templates

rails模板生成bootstrap格式的simple_form的erb文件

标签:des   bootstrap   fat   alt   目录   定义   each   .com   view   

原文地址:http://www.cnblogs.com/tabCtrlShift/p/6099477.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!