复习
通过第二课的三遍练习,基本可以快速搭建一个Topic页面,做一个基本框架(不足再补):
1. 创建本地目录
-
cd ~
在目录下mkdir
创建一个文件夹xxx
; -
cd xxx
在当前目录中创建rails,rails new yyy
;
2. 将创建好的rails通过git来管理
-
pwd
确保在yyy
目录下; - 使用
git init
命令创建git管理文件; -
git status
查看当前增删状态; - 尚未提交的文件使用
git add .
命令,然后用git commit -m "备注改动信息"
;
3.本地deploy
- 在
yyy
目录下的终端输入rails server (或者简写 'rails s')
; - 进入本地服务端;
- 使用
control + c
组合键停止本地服务器;
4.页面搭建
- 创建Migrate
- 使用
rails generate scaffold topic title:string descripton:text
命令(这里还看不太懂); - 使用
rake(ruby make)
命令(好像使用了rails generate 命令都得跑一下数据库); - 打开本地服务端,就可以看到基本Topic页面了;
- 修改首页
- 在config/routes.rb文件中添加一行
root topics#index
; - 在
Atom
中保存修改的文件,刷新本地服务端页面; - 将改动提交到
git
,git add .
→git commit -m "change home-page"
; - 部署到
Heroku
- 确保在
yyy
目录下; - 使用
heroku creat
命令; - 修改
Gemfile
文件,将sqlite3
移动到group development, :test do
中,并创建新的group:production
```group production do
gem 'pg'
end
```
4. 保存页面,在终端中输入`bundle install`(修改Gemfile文件必须使用这个命令);
5. `git status`查看文件改动状态;
6. `git add .`;
7. `git commit -m "move sqlite3 ..."`;
8. `git push heroku master`;
9. `git run rake db:migrate`;
- 创建投票Model
-
rails generate model vote topic_id:integer
;
2.同4.1.2一样需要跑一次数据库rake db:migrate
; - 修改Model文件
- 在
app/models/topic.rb
目录下的文件中添加一行has_many :votes, dependent: :destroy
; - 在
app/models/vote.rb
目录下的文件中添加一行belongs_to :topic
; - 使用
rails c
可以直接修改页面中文件(这里还不懂); - 修改控制器文件
- 在这个目录下
app/controllers/topics_controller.rb
创建一个新的方法添加在private
这个关键字上面; - def upvote
@topic = Topic.find(params[:id])
@topic.votes.create
redirect_to(topics_path)
end - 给投票加分加一个route,修改
config/routes.rb
目录下的文件代码如下: Rails.application.routes.draw do
root 'topics#index'
resources :topics do
member do
post 'upvote'
end
end
end - 在终端中使用
rake routes
检查是否添加成功; - 修改
view
文件在这个目录app/views/topics/index.html.erb
中添加<td><%= pluralize(topic.votes.count, "vote") %></td>
和
<td><%= button_to '+1', upvote_topic_path(topic), method: :post %></td>
两行代码; - 刷新浏览器就可以看到投票按钮了;
- 部署到
heroku
参考4.3; - 添加新的topic时可以直接返回投票页面;
- 将topic标题变成链接;
- 清除
show
&edit
链接,并将Destroy
改为Delete
;