使用Ruby On Rails15分钟打造一个博客系统

"15分钟做一个博客系统"，是Ruby On Rails非常经典Demo练习。我也参考着视频，试着做了一遍，这里大概记录下过程。

视频地址：http://v.youku.com/v_show/id_XNTM4NjA3MDQw.html

----------------------------------------------------------------------详细过程--------------------------------------------------------------------------------------------------------------

版本信息

Rails版本：3.2.13

Ruby版本：1.9.3

OS:Windows 7

控制台创建一个博客项目

rails new blog

cd blog

rails g scaffold post title:string text:text

rails g model comment post_id:integer text:text

rake db:migrate

rails s

测试:http://localhost:3000/posts

      

修改index.html.erb

blog/app/views/posts/index.html.erb

删除原有的内容，新的内容如下：

<h1>Welcome to PTIAN's Blog</h1><% @posts.each do |post| %>   <h2><%= link_to post.title, post%></h2>   <p>       <i>-<%= time_ago_in_words post.created_at %> ago </i>   </p>       <p>     <%= truncate post.text %>   </p><% end %><p>   <%= link_to "New Post", new_post_path%></p>    

修改show.html.erb

blog/app/views/posts/show.html.erb

<h1><%= @post.title %></h1><%= @post.text %><p><%= link_to "Back", posts_path %>|<%= link_to "Edit", edit_post_path(@post) %>|<%= link_to "Delete",@post,:method => :delete, :confirm => "Are you sure?" %></p>

增加Comments项

继续修改show.html.erb

blog/app/views/posts/show.html.erb

<h1><%= @post.title %></h1><%= @post.text %><h2>Comments</h2><% @post.comments.each do |comment| %>  <p><%= comment.text %></p>  <p><%= time_ago_in_words comment.created_at %> ago </p><% end %><%= form_for [@post,@post.comments.build] do |f| %>  <p><%= f.text_area :text, :size => '40x10' %> </p>  <p><%= f.submit "Post Comment" %> </p><% end %><p><%= link_to "Back", posts_path %>|<%= link_to "Edit", edit_post_path(@post) %>|<%= link_to "Delete",@post,:method => :delete, :confirm => "Are you sure?" %></p>

修改blog/app/models/post.rb

class Post < ActiveRecord::Base  attr_accessible :text, :title  has_many :commentsend

修改blog/app/models/comment.rb

class Comment < ActiveRecord::Base  attr_accessible :post_id, :text  belongs_to :postend

修改blog/config/routes.rb

resources :posts do    resources :comments  end

这个时候Comment就出来了，但是如果提交comment，还会报错，因为我们还没写comment的controller

创建comment的controller

打开一个新的命令行

D:\Ruby\projects>cd blog

D:\Ruby\projects\blog>rails g controller comments create destroy

打开新创建的blog\app\controllers\comments_controller.rb

class CommentsController < ApplicationController  def create  @post = Post.find(params[:post_id])  @comment = @post.comments.build(params[:comment])  @comment.save  redirect_to @post  end  def destroy  endend

增加删除comment功能

修改blog/app/views/posts/show.html.erb

(增加Delete Comment链接)

<h1><%= @post.title %></h1><%= @post.text %><h2>Comments</h2><% @post.comments.each do |comment| %>  <p><%= comment.text %></p>  <p><%= time_ago_in_words comment.created_at %> ago </p>  <p><%= link_to "Delete Comment", [@post, comment], :method => :delete, :confirm => "Are you sure?" %></p><% end %><%= form_for [@post,@post.comments.build] do |f| %>  <p><%= f.text_area :text, :size => '40x10' %> </p>  <p><%= f.submit "Post Comment" %> </p><% end %><p><%= link_to "Back", posts_path %>|<%= link_to "Edit", edit_post_path(@post) %>|<%= link_to "Delete",@post,:method => :delete, :confirm => "Are you sure?" %></p>

修改blog\app\controllers\comments_controller.rb

class CommentsController < ApplicationController  def create  @post = Post.find(params[:post_id])  @comment = @post.comments.build(params[:comment])  @comment.save  redirect_to @post  end  def destroy  @comment = Comment.find(params[:id])  @comment.destroy  redirect_to @comment.post  endend

给你的blog添加ATOM feed

修改blog\app\controllers\posts_controller.rb

  def index
    @posts = Post.all

    respond_to do |format|
      format.html # index.html.erb
      format.json { render json: @posts }
      format.atom
    end
  end

修改blog\app\views\layouts\application.html.erb

header区域中添加下面的代码，用于显示Atom的图标

<%= auto_discovery_link_tag :atom, "/posts.atom" %>

一个博客就基本完成了。

Source Code：15mins_blog_sourcecode_ptian.zip 

转载请注明出处：http://blog.csdn.net/pan_tian/article/details/8763627