购物网站基础建设复盘

1>添加`gem 'bootstrap-sass'

2>HTML的基础navbar、footer

3>welcome

4>增加flashes

5>安装devise

6>放入simple_form(表格）

7>放入font-awesome

1>添加gem 'bootstrap-sass'

bundle install
改css为scss
在scss里面加入：
@import 'bootstrap-sprockets';
@impore 'bootstrap';

2>HTML的基础navbar、footer

mkdir app/views/common
touch app/views/common/_navbar.html.erb
touch app/views/common/_footer.html.erb
这两个前段是抄的。
在layout/application.rb那里

<% div class = "container-fluid" %>
<%= render "common/navbar" %>
<% yield %>
</div>
<%= render "common/footer" %>

3>welcome

rails g controler welcome
touch app/views/welcome/index.html.erb
写入：
<h1>Hello World!</h1>
在routes改为：
root 'welcome#index'

4>增加flashes

在js那里增加：
//= require 'bootstrap/alert';

touch app/views/common/_flashes.html.erb
(代码省略）
touch app/helpers/flashes_helper.rb
在layout/application.rb那里：
<% render common/flashes %>
最后测试：
在welcome.controller.rb

def index
  flash[:notice] = "你好！早安”
end```

####5>安装devise
增加gem: `gem 'devise'`
`bundle install`
`rails g devise:install`
`rails g devise user`
`rake db:migrate`
修改navbar(代码省略）
加入js
`//= require 'bootstrap/dropdown'`

####6>放入simple_form(表格）
`gem 'simple_form'`
`bundle install`
`rails g simple_form:install --bootstrap`

####7>放入font-awesome
`gem 'font-awesome-rails'`
在scss:
`@import 'font-awesome';`
然后写入navbar（代码省略）。