Ruby on Rails Tutorial 学习笔记 --第五章 完善布局

-2.

Asset pipeline:资源目录,清单文件(manifest file),还有预处理器引擎(preprocessor engine)。

资源目录
  • app/assets:存放当前应用程序用到的资源文件
  • lib/assets:存放开发团队自己开发的代码库用到的资源文件
  • vendor/assets:存放第三方代码库用到的资源文件
清单文件
当你把资源文件存放在适当的目录后,要通过清单文件告诉 Rails怎么把它们合并成一个文件(使用  Sprockets  gem。只适用于 CSS 和 JavaScript,而不会处理图片。)

预处理器引擎
我们通过扩展名告诉 Rails 要使用哪个预处理器。三个最常用的扩展名是:Sass 文件的  .scss ,CoffeeScript 文件的 .coffee ,ERb 文件的  .erb 。(按照扩展名的顺序从右向左处理)

-1.

注意文件名 _shim.html.erb 的开头是个下划线,这个下划线是局部视图的命名约定,可以在目录中快速定位所有的局部视图。

0.具名路由

页面URI对应的路由
“首页”/root_path
“关于”/aboutabout_path
“关于”/helphelp_path
“联系”/contactcontact_path
“注册”/signupsignup_path
“登录”/signinsignin_path

[ruby]  view plain copy
  1. SampleApp::Application.routes.draw do  
  2.   root to: 'static_pages#home'  
  3.   
  4.   match '/help',    to: 'static_pages#help'  
  5.   match '/about',   to: 'static_pages#about'  
  6.   match '/contact', to: 'static_pages#contact'  
  7.   .  
  8.   .  
  9.   .  
  10. end  

上面的代码会把根地址  /  映射到 /static_pages/home 页面上,同时生成两个 URI 地址帮助方法,如下所示:

[ruby]  view plain copy
  1. root_path => '/'  
  2. root_url  => 'http://localhost:3000/'  



1.条件注释

[ruby]  view plain copy
  1. <!--[if lt IE 9]>  
  2. <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>  
  3. <![endif]-->  

2. link_to 的第一个参数是链接文本,第二个参数是链接地址,第三个参数是可选的。

3.

[ruby]  view plain copy
  1. <%= link_to image_tag("rails.png", alt: "Rails"), 'http://rubyonrails.org/' %>  

4.局部视图

[ruby]  view plain copy
  1. <%= render 'layouts/shim' %>  

这行代码会寻找一个名为  app/views/layouts/_shim.html.erb  的文件,执行文件中的代码,然后把结果插入视图。

5.简化RSpec测试代码

[ruby]  view plain copy
  1. before { visit root_path } #<span style="color: rgb(34, 34, 34); font-family: 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', Tahoma, 'Hiragino Sans GB', 'Microsoft Yahei', STHeiti; font-size: 14px; line-height: 17.59375px; background-color: rgba(255, 255, 255, 0.701961);">在每个测试用例运行之前访问根地址。</span>  

[ruby]  view plain copy
  1. subject { page } #<span style="color: rgb(34, 34, 34); font-family: 'Helvetica Neue', 'Luxi Sans', 'DejaVu Sans', Tahoma, 'Hiragino Sans GB', 'Microsoft Yahei', STHeiti; font-size: 14.399999618530273px; line-height: 17.600000381469727px; background-color: rgba(255, 255, 255, 0.701961);">测试的对象</span>  

[ruby]  view plain copy
  1. it { should have_selector('h1', text: 'Sample App') } #把测试代码和描述文本合二为一  

6. 和其他的具名路由一样, match '/signup'  会生成  signup_path  方法
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值