保华的Rails学习笔记

Rails101中ch01分支步骤总结

开始做第5遍了,在不断敲代码的同时,还是需要总结一下这些功能的操作步骤,这样可以从整体上把握。
ch01的操作步骤:

一、给专案配上bootstrap

1、修改gem文件,在 group :development, :test do前一行加入 gem 'bootstrap-sass'

2、执行bundle install,只要修改了gem文件都要执行bundle install

3、将bootstrap的css套件装进专案里边

1)修改app/assets/stylesheets/application.css的文件名为app/assets/stylesheets/application.scss,即改下这个文件的后缀名
2)在app/assets/stylesheets/application.scss文件的最后加入两行代码

@import "bootstrap-sprockets";
@import "bootstrap";

其实总结起来,就两个步骤,1)在gem文件中加入gem 'bootstrap-sass' 2)把app/assets/stylesheets/application.css的后缀名改为scss,然后在这个文件的最后加入两行代码@import "bootstrap-sprockets"; 与@import "bootstrap"

二、把全站的html架构套用上sass套件

1、新增app/views/common文件夹,用命令mkdir app/views/common

2、在app/views/common下边增加一个文件navbar.html.erb,用命令touch app/views/common/navbar.html.erb

3、在app/views/common下边增加一个文件footer,用命令touch app/views/common/_footer.html.erb

4、修改全域html样式application.html.erb,文件路径在app/views/layouts/application.html.erb

总结一下这个步骤就是1)在app/views/下边增加一个文件夹common 2)在common下边增加navbar与footer文件3)修改全域html样式,它在app/views/layouts/application.html.erb

三、产生一个新的hello world文件

1、新增一个welcome controller,命令是rails g controller welcome

2、增加一个hello world文件,用命令touch app/views/welcome/index.html.erb

3、修改routes.rb文件,加入root 'welcome#index'

四、制作漂亮的提示信息

1、将bootstrap的js提示套件挂进专案里边

即在app/assets/javascripts/application.js的文件后边require_tree上边加入//= require bootstrap/alert

2、在common文件下边增加一个文件flashes

用命令touch app/views/common/_flashes.html.erb

3、加入app/helpers/flashes_helper.rb

用命令touch app/helpers/flashes_helper.rb

4、在 application.html.erb 内加入 flash 这个 partial

在 <%= yield %> 前加入 <%= render "common/flashes" %>