`
tiny.strimp
  • 浏览: 30369 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

Agile Web Development with Rails 3nd Edition学习笔记-格式化价格和添加购物按钮

阅读更多
这篇只有很少的一点内容,只是说说如何格式化价格数据成为货币的格式,以及在价格后面添加一个“添加到购物车”的按钮。
1. 格式化价格数据:
  一般,我们在格式化数据的时候,首先想到的总是sprintf之类的具有格式化字串能力的方法。例如,当我们要格式化12.34为$12.34,而格式化13成$13.00时可以这样写:
<%= sprintf("$%0.02f" , product.price) %>

  但当我们想做到全球化时,这个方法就不是那么好用了。因为每个国家表示货币的字符都不尽一致。对于这个问题,Rails为我们提供了一个更好的途径来完成这件事,那就是Helper方法number_to_currency。
  让我们修改app/views/store/index.html.erb文件中的第9行来看看实际的效果。
  修改前:
<span class="price" ><%= product.price %></span>

  修改后:
<span class="price" ><%= number_to_currency(product.price) %></span>

  好,现在刷新一下页面,就可以看到格式化后的价格了。

2. 添加一个“添加到购物车”按钮:
  书中在这里讲了2个链接方法的一些区别,记述如下:
  a、link_to:
    这个Helper会生成一个<a href=...>的tag。当你点击这个链接是,浏览器会生成一个HTTP GET请求给服务器。HTTP GET请求不应该改变服务器端的任何状态。而只应该用来取得信息。
  b、button_to:
    这个Helper会生成一个只包含一个按钮的Form。当用户点击它的时候,其产生一个HTTP POST请求给服务器。Post请求仅仅是向服务器发送了一个要做某事的通知。
  从这两中链接方法的区别我们可以看到,我们这里用来实现“添加到购物车”按钮最适合的就是button_to了。所以,我们在app/views/store/index.html.erb文件的第9行之后添加如下代码:
<%= button_to "Add to Cart" %>

  刷新我们的页面,我们会发现这个按钮被添加到了价格的下面。如过我们希望这个按钮跟在价格的后面该怎么做呢?我们可以通过CSS来完成这件事。
  在public/stylesheets/depot.css中加入如下代码:
#store .entry form, #store .entry form div {
  display: inline;
}

  这时再刷新页面,按钮就跑到价格的后面去了。

下图就是今天修改后的效果了。那个按钮的长相其实还不错啦!哈哈!
  • 大小: 238.8 KB
分享到:
评论

相关推荐

    Agile Web Development with Rails, 2nd Edition

    Agile Web Development with Rails, 2nd Edition &lt;br&gt;有两份PDF文件,大小分别是7.39MB和6.55MB &lt;br&gt;作者: Dave Thomas , David Heinemeier Hansson , Leon Breedt , Mike Clark , James Duncan Davidson ,...

    Agile Web Development with Rails 3nd Edition Beta.pdf

    ### 敏捷Web开发与Rails 3:关键知识点解析 #### 一、Rails版本与兼容性 本书《敏捷Web开发与Rails》第三版是基于Rails 2编写的。截至本书印刷时,当前可用的Rails Gem版本为2.1。书中所包含的所有代码均已在该...

    Agile Web Development with Rails 3nd Edition Beta

    文件列表中的《Agile Web Development with Rails 3nd Edition Beta.pdf》很可能是这本书的电子版,读者可以通过阅读此PDF文件获取完整的学习资料,包括详细的章节讲解、示例代码和练习题,以便在实践中不断巩固和...

    Agile+Web+Development+with+Rails中文版.pdf

    《Agile Web Development with Rails》是一本经典的Rails开发指南,中文版的出版使得更多的中国开发者能够深入理解并应用敏捷开发方法与Ruby on Rails框架。这本书是Rails开发者的必备参考资料,它详细介绍了如何...

    Agile Web Development with Rails 4

    Ruby on Rails helps you produce high-quality, beautiful-looking web applications quickly. You concentrate on creating the application, and Rails takes care of the details., Tens of thousands of ...

    Agile Web Development with Rails

    书中的"Pragmatic.Bookshelf.Agile.Web.Development.with.Rails.2nd.Edition.Dec.2006.eBook-BBL"可能是该书籍的电子版文件,它包含了全书的章节和内容。读者可以通过这个电子版深入学习Rails开发的各种技巧和最佳...

    Agile Web Development with Rails 3nd Edition .pdf

    Rails敏捷开发第三版,很不错的rails入门书,对初学rails的人很有用

    Agile Web Development with Rails,Fourth Edition 第四版

    《敏捷Web开发与Rails》第四版是一本专为软件开发者设计的权威指南,全面涵盖了使用Ruby on Rails框架进行敏捷Web应用开发的知识。Rails 3是该版本的重点,它引入了许多新特性和改进,使得开发过程更为高效且灵活。...

    Agile Web Development with Rails-Second Edition-Beta一书例子

    总之,"depot"压缩包为学习者提供了一个宝贵的实践平台,通过实际操作,学习者可以更好地理解《Agile Web Development with Rails-Second Edition-Beta》中介绍的理论和技巧,从而提升自己的Rails开发技能。

    Agile Web Development with Rails 4th edition(敏捷Web开发与Rails:程序指南 第四版)

    《敏捷Web开发与Rails:程序指南 第四版》是一本深度探讨使用Ruby on Rails框架进行敏捷Web应用开发的专业书籍。本书旨在帮助开发者充分利用Rails 4的特性,提高开发效率,实现快速迭代和高质量的代码编写。 Rails是...

    Agile Web Development with Rails 2nd Edition源码

    《敏捷Web开发与Rails 2nd Edition》源码解析 在Web开发领域,Rails框架以其高效、灵活和生产力提升的特点,成为了许多开发者首选的工具。《敏捷Web开发与Rails 2nd Edition》这本书深入浅出地介绍了如何使用Ruby ...

    Agile Web Development with Rails 1-14节_ppt(老师发的修正版)

    Agile Web Development with Rails 1-14节_ppt(老师发的修正版)

    Agile Web Development with Rails, Third Edition 2009 (PDF + 代码)

    Agile Web Development with Rails, Third Edition by Sam Ruby, Dave Thomas, David Heinemeier Hansson Rails just keeps on changing. Rails 2, released in 2008, brings hundreds of improvements, including...

    Agile Web Development with Rails (PDF)

    《敏捷Web开发与Rails》是一本深度探讨如何利用Ruby on Rails框架进行敏捷Web开发的指导书籍,由Dave Thomas、David Heinemeier Hansson等多位在Rails社区有着深厚贡献的作者共同编写。本书不仅覆盖了Rails的基本...

Global site tag (gtag.js) - Google Analytics