拿rails4学《应用rails进行web敏捷开发第四版》会遇到的问题

最新推荐文章于 2018-09-04 21:21:12 发布

阿飞冲冲冲

最新推荐文章于 2018-09-04 21:21:12 发布

阅读量1.3k

点赞数

分类专栏： ruby

ruby 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

http://akiraray.iteye.com/blog/1910856

拿rails4学《应用rails进行web敏捷开发第四版》会遇到的问题

博客分类：
Web

ruby rails

前言

Rails在2013年6月底已经发布了Rails4了。但是市面上最好的rails教材《应用rails进行web敏捷开发》是针对rails3的。如果按照教程上进行配置，系统默认安装rails都直接变成rails4.0了。当然用rvm也很容易做一套rails3.0的环境。但是既然rails4都出来了，为什么不体验一下呢……

这里分享一下如果用Rails4按照书上一步一步创建应用时可能会遇到的一些问题及解决办法。

排版都是按照书上的章节数进行描述的。

第二章

2.1 新建一个应用程序

Page11

原命令

      Ruby代码   
      
 rails new demo

可能存在的问题:因为生活在GFW内，如果没有科学上网手段或者网络不好，这一步会比较慢，这里推荐大家先跳过bundle步骤

      Ruby代码   
      
 rails new demo --skip-bundle

Page12

启动server

      Ruby代码   
      
 rails server

好似rails3开始就简化了很多关键字了，我列举一下几个比较常用的缩写

      Java代码   
      
    
 rails s  # start server  
 rails g # 等于rails generate 创建  
 rails d #等于rails destory  删除  

第十一章 Ajax初体验

P103

问题:create.js.rjs

rails4算是彻底抛弃rjs了，所以按照书上使用以下代码，是一点作用没有用的。

      Js代码   
      
 page.replace_html('cart',render(@cart))

解决方法有两种，一种是使用coffee script，一种是使用jquery进行dom的操作

我这里介绍一下使用jquery解决如何解决这个问题。

1.安装jquery

      Ruby代码   
      
 rails g jquery:install --ui --force

2.new file- create.js.erb

      Js代码   
      
 $('#cart').html(" <%= escape_javascript(render(@cart))%> ");

重点是html方法后的引号必须是双引号，否则后期会导致测试用例失败。

P105 高亮变化

由于这里使用了高亮animate，需要额外的jquery-plugin支持。

1.先去下载Jquery-color，并将jquery-color.js文件放置于/app/assets/javascripts目录下

2.修改之前的create.js.erb文件，增加支持highlight变化部分的代码，我这里给个示例

      Java代码   
      
    
 if($('#cart tr').length==1){$('#cart').show("slow");}  
 $('#current_item').css({'color':'red'}).animate({'color': "white"});//先变红再变白  

P108 隐藏空购物车

我遇到过完成了P108的helper方法后，js就失效的情况。我自己的解决方法是去掉一些我觉得多余的代码。建议删除局部末班_cart中的unless代码。

P111 测试Ajax改变

由于没有使用rjs而是使用jquery，这部分的测试代码也需要进行调整

      Ruby代码   
      
    
 test "should create line_item via ajax" do  
   assert_difference('LineItem.count') do  
     xhr:post,:create,:product_id=>products(:one).id  
   end  
     
   assert_response :success  
   assert_select_jquery :html ,"#cart" do  
     assert_select 'tr#current_item td',/Programming Ruby 1.9/  
   end  
     
 end  

第12章付款

P120

在orders_controllers.rb中原书代码如下

      Ruby代码   
      
    
 def create  
   @order =Order.new(params[:order])  
    ###etc###  
 end  

在rails4，应该换个写法，仔细的同学可以发现脚手架生成的controller中有两段代码

      Ruby代码   
      
    
 before_action :set_order, only: [:show, :edit, :update, :destroy]  
   
     def order_params  
       params.require(:order).permit(:name, :address, :email, :pay_type)  
     end  

有点spring MVC的=中的preload方法。可以看到order_pararms方法就是返回一个request中的Order和原先params[:order]是没有区别的。所以这段现在改成即可。

      Ruby代码   
      
    
 # POST /orders  
 # POST /orders.json  
 def create  
   @order = Order.new(order_params)  
   @order.add_line_items_from_cart(current_cart)  
     
     
   respond_to do |format|  
     if @order.save  
       Cart.destroy(session[:cart_id])  
       session[:cart_id]=nil  
         
       format.html { redirect_to store_url, notice: 'Thanks for your order' }  
       format.json { render action: 'show', status: :created, location: @order }  
     else  
       format.html { render action: 'new' }  
       format.json { render json: @order.errors, status: :unprocessable_entity }  
     end  
   end  
 end  