1、创建数据库表格
(1)创建posts表来保存贴子信息,表结构如下:
(2)在项目命令行下执行rails g model命令创建post数据表映射文件,再执行rake db:migrate
将映射文件映射到数据库中
#创建映射文件 /vagrant/data_symtem$ rails g model post head:string body:text account_id:integer as_type:integer status:integer #系统返回信息 create db/migrate/20181012111922_create_posts.rb create app/models/post.rb invoke test_unit create test/models/post_test.rb create test/fixtures/posts.yml #将db/migrate/20181012111922_create_posts.rb映射文件映射到数据库中,创建post数据表 /vagrant/data_symtem$ rake db:migrate #系统返回信息 == 20181012111922 CreatePosts: migrating ====================================== -- create_table(:posts) -> 0.0136s == 20181012111922 CreatePosts: migrated (0.0151s) =============================
3)运行rails g controller posts new create 创建posts_controller.rb文件,
posts_controller.rb文件文件中new、create实例方法,views目录下每个实例方法对应的html文件、routes.rb文件中每个实例方法对应的路由。
new方法用来查询显示新建帖子的页面的数据
create方法用来接收创建新帖子的params数据
/vagrant/data_system$ rails g controller posts new create #系统返回信息 create app/controllers/posts_controller.rb route get 'posts/create' route get 'posts/new' invoke erb exist app/views/posts create app/views/posts/new.html.erb create app/views/posts/create.html.erb invoke test_unit create test/controllers/posts_controller_test.rb invoke helper create app/helpers/posts_helper.rb invoke test_unit invoke assets invoke coffee create app/assets/javascripts/posts.coffee invoke scss create app/assets/stylesheets/posts.scss
(4)修改routes.rb文件
#原代码 get 'posts/create' #改为 post 'posts/create'
代码解析:
post 'posts/create'
这行代码相当于post 'posts/create' => 'posts#create',意思为调用名为posts的Controller中名为create的Action。如果路由的链接的形式为「Controller名/Action名」的形式,那么路由=>后面的内容可以省略掉
2、显示创建帖子的页面
(1)在posts_controller.rb文件中添加上before_action,基本上所有controller都要在before_action时加上check_login方法,这样每次执行action方法之前都会check_login方法,用来检查当前的登陆用户。
#参考代码,无需粘贴
#参考代码,无需粘贴 #class PostsController < ApplicationController before_action :check_login
(2)添加样式,在app/assets/stylesheets/posts.scss中添加下列代码
.new-issue-form-container { width: 800px; background: white; margin: 30px auto; .new-issue-form { width: 600px; margin: 10px auto; } } .submit-issue-button { height: 50px; width: 100%; }
(3)打开views/posts/new.html.erb文件,删掉现有内容,粘贴下面内容,显示标题框、内容框:
<div class="new-issue-form-container clearfix"> <div class="new-issue-form clearfix"> <%= form_for Post.new,url: "/posts/create" do |f| %> <%= f.hidden_field :account_id %> <dl class="form"> <dt><%= f.label "标题" %></dt> <dd><%= f.text_field :head %></dd> </dl> <dl class="form"> <dt><%= f.label "内容" %></dt> <dd><%= f.text_area :body %></dd> </dl> <input type="submit" value="发布" class="submit-issue-button btn btn-primary"> <% end %> </div> </div>
代码解析:
<%= form_for Post.new,url: "/posts/create" do |f| %>
我们需要注意的是,这行代码form_for后面跟的Post.new,而不是@post。如果想用@post的话,需要在posts_controller中的new方法中添加@post = Post.new,这样form_for后面就可以用@post了。实际上本质都是Post对象。
我们建议form_for后面直接用Post.new。因为如果后面直接用@post的话,比如posts_controller中的create方法中有render :new代码会出错。我们之前介绍过render的特点,直接渲染new.html.erb页面,不会经过new这个action,所以@post变量就会变成未定义,从而出错。
(4)编辑views/home/index.html.erb文件,加上/posts/new链接。这样我们在网站首页点击「发布新帖」按钮,就能进入到创建帖子页面
<!--原代码--> <%= link_to "发布新帖", "#", class: "banner-btn btn" %> <!--改为--> <%= link_to "发布新帖", "/posts/new", class: "banner-btn btn" %>
(5)rails s启动项目,登录账号,点击首页「发布新帖」按钮,我们看一下效果:
A
3、编辑posts_controller.rb文件中的create方法。点击发布按钮,我们会将new页面中的填写的信息,以params哈希的形式提交到 "/posts/create”对应的posts_controller.rb中的create方法。
(1)创建帖子功能描述
(1)标题不能为空,内容不能少于8个字
(2)发布成功后重定向到根目录,未成功render到new页面
(2)编辑posts_controller.rb文件中的create方法,处理从new页面传过来的params数据,并存到数据库中
def create head = params[:post][:head] body = params[:post][:body].strip if head.blank? flash.notice = "标题不能为空" elsif body.length < 8 flash.notice = "内容长度不能少于8个字" else post = Post.new(account_id: @current_user.id,as_type:0,status:0) post.head = head post.body = body boolean = post.save if boolean flash.notice = "发布成功" redirect_to :root else flash.notice = "发布失败,请重新发布" render "/posts/new" end end end
(3)最后,我们来测试一下,填写标题以及不少于8个字的内容,点击发布按钮发布帖子,发布成功后,在ctrl_c停止项目,再输入rails c进入控制台。输入Post.all查看Post对象是否正确保存了。
#进入控制台 /vagrant/data_system$ rails c #查看创建的所有帖子 irb(main):001:0> Post.all => #<ActiveRecord::Relation [#<Post id: 1, head: "第一个帖子", body: "欢迎来到宠物之家论坛", account_id: 1, as_type: 0, status: 0, created_at: "2018-10-15 07:03:57", updated_at: "2018-10-15 07:03:57">]>
有结果,说明保存成功了。下一章我们会在网站主页面将创建的帖子显示出来。