rails创建项目并使用bootstrap

rails 5.0 安装部署

1、新项目创建

rails new railsproject --skip-bundle （因为gfw的缘故）所以加--skip跳过bundle，等项目创建成功之后进入railsproject目录下打开gemfile 修改为 source'https://ruby.taobao.org'，然后进行bundle install

2、给项目安装bootstrap，使用的bootstrap-sass这个套件。

2.1、修改 Gemfile，在group :development, :test do前一行加入gem 'bootstrap-sass'

2.2、执行bundle install

3、使项目使用 Bootstrap

3.1 修改app/assets/stylesheets/application.css 文件为application.scss

3.2 然后在application.scss文件添加如下两行

@import"bootstrap-sprockets";

@import"bootstrap";

4、使用bootstrap样式

4.1新建app/views/common 文件夹

4.2 在common文件夹下面新建_navbar.html.erb

4.3 在common文件夹下面新建_footer.html.erb

4.4 修改全域 HTML 样式 application.html.erb

4.5 新增一个控制器rails g controller welcome

4.6 新增一个欢迎页面 welcome/index.html.erb

4.7 将首页指到 welcome 下的 index.html.erb 页面

5、制作提示信息

5.1将 Boostrap 的 js 提示套件 bootstrap/alert “挂”进项目里面，在app/assets/app/assets/javascripts/application.jsrequre_tree上加入

//= require bootstrap/alert/

5.2 . 新增 app/views/common/_flashes.html.erb

5.3 新增 app/helpers/flashes_helper.rb

5.4 在 application.html.erb 内加入 flash 这个 partial，在<%= yield %>前加入<%= render "common/flashes" %>