2016年4月27日 星期三

Cloud9-RoR-Shopping Cart 購物車 Part.1

參考影片-第一篇:https://www.youtube.com/watch?v=4jVOnrUvCQQ
主要是在介紹網站建置好的模樣,以及網站功能,可以先看看哦!
參考影片-第二篇:https://www.youtube.com/watch?v=4OPdxPawXrw
開始寫code嘍!不過如果你是用Cloud9,前面的一些步驟可以不用做,像是專案的建置等等,而且本影片的會員功能也是使用devise套件,可以到這裡看看,我有稍做介紹哦。(mail驗證的部份請先不要打開)

先寫寫第二篇的步驟吧!

如果你是開一個新專案,請先執行下面的步驟。
$ bundle install
$ mysql-ctl restart

Mysql database的設定檔請參考這裡

建立page controller及其view檔
$ rails g controller page home about faqs contact

打開routers.rb檔,把page#home指定為首頁
root 'page#home'
page 'page/home'   //記得刪掉哦

建立product的controller
$ rails g controller product title:string description:text image_url:string price:integer category:string subcategory:string

建立product資料表
$ bin/rake db:migrate

建立cart controller
$ rails g controller cart index

接著就是使用devise套件嘍,請參考這裡,當然也可以照著影片的步驟做,我就不再做重複的解說了。

在建立好devise之後,有個步驟會修改layouts/application.html.erb檔,這是我的application.html.erb最後的長相。
<!DOCTYPE html>
<html>
<head>
  <title>Workspace</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body>
<% if user_signed_in? %>
    Signed in as <%= current_user.email %>. Not you?
    <%= link_to('登出', destroy_user_session_path, :method => :delete) %> |
    <%= link_to('修改密碼', edit_registration_path(:user)) %>
<% else %>
    <%= link_to('註冊', new_registration_path(:user)) %> |
    <%= link_to('登入', new_session_path(:user)) %>
<% end %>

<br/><br/>
<%= link_to('首頁', root_path) %>
<%= link_to('關於我們', page_about_path) %>
<%= link_to('問與答', page_faqs_path) %>
<%= link_to('聯絡我們', page_contact_path) %>
      
<% if notice %>
  <p class="alert alert-success"><%= notice %></p>
<% end %>
<% if alert %>
  <p class="alert alert-danger"><%= alert %></p>
<% end %>

<%= yield %>

</body>
</html>

第二篇影片也到此結束了。這篇像在寫回憶錄,我是做完整個步驟了才來補寫日誌,所以不確定是不是有遺漏的地方,我想應該是沒有。影片中沒有做到database的設定,如果你是要用mysql就一定要補做我上面提到的database設定檔,否則cloud9的預設db是sqlite哦!

沒有留言:

張貼留言