zoukankan      html  css  js  c++  java
  • rails模板生成bootstrap格式的simple_form的erb文件

    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

  • 相关阅读:
    lambda表达式
    解读Raft(一 算法基础)
    译《Time, Clocks, and the Ordering of Events in a Distributed System》
    如何在MQ中实现支持任意延迟的消息?
    读Kafka Consumer源码
    2017上海QCon之旅总结(下)
    2017上海QCon之旅总结(中)
    2017上海QCon之旅总结(上)
    什么是WAL?
    Push or Pull?
  • 原文地址:https://www.cnblogs.com/tabCtrlShift/p/6099477.html
Copyright © 2011-2022 走看看