Be a good programmer

2017-01-11  本文已影响16人  DongHui

复习

通过第二课的三遍练习,基本可以快速搭建一个Topic页面,做一个基本框架(不足再补):

1. 创建本地目录

  1. cd ~在目录下mkdir创建一个文件夹xxx
  2. cd xxx 在当前目录中创建rails,rails new yyy;

2. 将创建好的rails通过git来管理

  1. pwd确保在yyy目录下;
  2. 使用git init命令创建git管理文件;
  3. git status查看当前增删状态;
  4. 尚未提交的文件使用git add .命令,然后用git commit -m "备注改动信息"

3.本地deploy

  1. yyy目录下的终端输入rails server (或者简写 'rails s');
  2. 进入本地服务端;
  3. 使用control + c组合键停止本地服务器;

4.页面搭建

  1. 创建Migrate
  2. 使用rails generate scaffold topic title:string descripton:text命令(这里还看不太懂);
  3. 使用rake(ruby make)命令(好像使用了rails generate 命令都得跑一下数据库);
  4. 打开本地服务端,就可以看到基本Topic页面了;
  5. 修改首页
  6. 在config/routes.rb文件中添加一行root topics#index;
  7. Atom中保存修改的文件,刷新本地服务端页面
  8. 将改动提交到git,git add .git commit -m "change home-page";
  9. 部署到Heroku
  10. 确保在yyy目录下;
  11. 使用heroku creat命令;
  12. 修改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`;
  1. 创建投票Model
  2. rails generate model vote topic_id:integer;
    2.同4.1.2一样需要跑一次数据库rake db:migrate;
  3. 修改Model文件
  4. app/models/topic.rb目录下的文件中添加一行has_many :votes, dependent: :destroy;
  5. app/models/vote.rb目录下的文件中添加一行belongs_to :topic;
  6. 使用 rails c 可以直接修改页面中文件(这里还不懂);
  7. 修改控制器文件
  8. 在这个目录下app/controllers/topics_controller.rb 创建一个新的方法添加在private这个关键字上面;
  9. def upvote
    @topic = Topic.find(params[:id])
    @topic.votes.create
    redirect_to(topics_path)
    end
  10. 给投票加分加一个route,修改config/routes.rb目录下的文件代码如下: Rails.application.routes.draw do
    root 'topics#index'
    resources :topics do
    member do
    post 'upvote'
    end
    end
    end
  11. 在终端中使用rake routes 检查是否添加成功;
  12. 修改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>两行代码;
  13. 刷新浏览器就可以看到投票按钮了;
  14. 部署到heroku参考4.3;
  15. 添加新的topic时可以直接返回投票页面;
  16. 将topic标题变成链接;
  17. 清除show&edit链接,并将Destroy改为Delete;

总结:The hard way is easier。

阅读:Learn ruby the hard way

上一篇下一篇

猜你喜欢

热点阅读