`
mengzhoufan
  • 浏览: 7584 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

Layout二三事

阅读更多
Layouts设施
1) 很多页面共享了菜单栏,页面头部,尾部等html元素
2) 很多页面共享了一些html的片段信息如一个list内容
3) 同一个函数出现在多个地方
通过layout以及相关的组件可以避免以上的重复操作。
当Rails响应一个请求,返回一个模板的时候,实际返回两个模块内容:
1) 返回要求的模板,一般以action命名的默认模板
2) 返回Layout模板的内容
Layout模板:
通过以下方式,让默认模板嵌套在layout模板中:
<%= yield :layout%>
<!--以下两种写法也可以-->
<!--<%=yield%>-->
<!--<%=@content_for_layout%>-->
如何定位Layout Files
通过在controller中使用layout进行声明就可以重载默认的layout模板的配置
#  layout “standard”  
  使用app/views/layouts下的standard.html.erb模板
也可以对使用该模板的actions进行限制:
# layouts “standard”, :except => [:rss,:atom]
对于每个action在返回模板的时候也可以指定自己的layout
# render (:layout=>”layouts/simple”)

#render(:layout => false) 不适用模板
分享到:
评论

相关推荐

    layout.js布局插件

    二、核心特性 1. **灵活性**:layout.js支持多种布局模式,包括网格系统、流式布局、响应式布局等,满足不同场景下的布局需求。 2. **动态调整**:当页面内容或窗口尺寸发生变化时,layout.js能自动调整元素的大小...

    Android 五种Layout 布局

    在这个例子中,三个按钮通过约束连接,形成了一个三角形的布局。 每个布局都有其适用场景,开发者可以根据具体需求选择合适的布局。了解并熟练掌握这些布局,对于创建高效、美观的Android应用界面至关重要。在实际...

    Android Layout样式布局

    #### 二、Android布局基本属性 在开始介绍具体的布局类型之前,我们先了解一些通用的属性,这些属性对于所有的布局都是适用的。 - **android:id** - 用途:为控件指定唯一的ID,便于在代码中引用。 - 示例:`...

    LayOUT工廠分析與設計.pdf

    #### 二、Layout计划的基本内容 Layout计划的基本内容主要包括以下几点: 1. **位置选择**:确定各个工作区域的具体位置。 2. **资源配置**:明确所需资源及其数量,包括设备、人员等。 3. **空间规划**:根据功能...

    触摸芯片Layout设计指南

    二、Layout设计目标 1. **信号完整性**:确保信号在传输过程中的质量和速度,减少信号衰减和反射。 2. **电源完整性**:稳定电源供应,降低电源噪声,防止干扰其他电路。 3. **电磁兼容性(EMC)**:降低辐射和敏感...

    Allegro PCB layout 教程

    二、焊盘设置 焊盘设置是 Allegro PCB Layout 的一个重要方面。焊盘设置包括焊盘类型、钻孔设置、孔化设置、直径设置、偏移量设置、钻孔符号设置、单位设置、多钻孔设置等。 * 焊盘类型:包括通孔、埋孔和表贴焊盘...

    uvlayout_maya接口文件

    UVLayout是一款专业级别的UV编辑工具,而uvlayout_maya接口文件则是将UVLayout的强大功能与Maya这款流行三维软件紧密结合的桥梁。本文将深入探讨uvlayout_maya接口文件及其在2012版Maya中的应用,以及为何2015版Maya...

    ALTERAsdram pcb layout DDR3 pcb layout guide.pdf

    #### 三、DDR2 SDRAM接口布局指南概览 文档的核心内容集中在第二部分,即DDR2 SDRAM接口布局指南。这一章节详细阐述了DDR2 SDRAM接口在PCB设计中的布局原则和技术要点,包括但不限于终止、驱动强度、负载等方面。 #...

    基于JQUERY UI的全能布局插件LAYOUT,强烈推荐,附带DEMO例子

    ### 二、核心功能 1. **区域布局**:每个区域可以独立设置其大小,可以通过百分比或像素值定义,实现灵活的响应式布局。 2. **可折叠与展开**:各个区域支持一键折叠和展开,便于用户切换视图。 3. **实时更新**:...

    uv layout 插件 maya max

    "UV Layout"是一款专业的UV展开工具,被广泛应用于三维建模软件中,如Maya、3ds Max和Softimage/XSI。在三维图形设计中,UV贴图是将二维纹理映射到三维模型上的关键步骤,它决定了模型的外观细节和质感。这款插件以...

    The New CSS Layout

    CSS Grid Layout是一种基于网格的布局系统,允许开发者定义二维网格,即行和列的组合。这种布局方式不仅提供了极大的灵活性,还极大地简化了复杂布局的实现过程。通过定义网格容器内的行和列,可以轻松创建响应式的...

    mc919keylayout文件

    这些文件可能是XML格式或二进制格式,用于存储键码与字符之间的映射关系。例如,一个文件可能定义了标准的QWERTY布局,另一个则可能是用于特殊输入法或功能键的布局。这些文件通常由程序员或系统管理员进行编辑,...

    High-Speed Interface Layout Guidelines_Layout_Guide_PCBRULE_Guid

    二、信号完整性 1. 阻抗匹配:为了减少信号反射,需要确保走线的特性阻抗与连接器、传输线、负载的阻抗相匹配。通常,走线的宽度、间距以及介质厚度都会影响阻抗值。 2. 走线长度:保持信号线长度一致,以减小时序...

    PADS Layout 2007(1)

    ### 二、设计环境 1. **元件放置**:2007版的PADS Layout具有强大的元件放置功能,支持自动和手动两种方式,能快速准确地将元器件布局到电路板上,同时支持3D预览,便于检查元件之间的空间关系和物理冲突。 2. **...

    FM芯片PCB_LAYOUT

    三、FM 芯片 PCB Layout 在 PCB Layout 过程中,FM 芯片的布局是非常重要的。以下是 FM 芯片 PCB Layout 的一些注意事项: 1. 电源与地 在 PCB Layout 中,电源和地线的布局非常重要。电源线应尽量远离FM 芯片,...

    android layout

    #### 二、Android中的控件与事件处理 - **常用控件**: - **TextView**:显示文本信息。 - **EditText**:用于输入文本。 - **Button**:用户可点击的按钮。 - **Toast**:短暂显示消息。 - **事件处理机制**...

    触摸按键Layout PCB设计要点

    #### 二、元器件布局要点 1. **触摸IC位置**:触摸IC应该尽量位于按键布局的中心位置,这样可以减少信号传输路径,降低干扰。 2. **触摸电阻**:触摸电阻应该尽量靠近触摸IC的触摸脚,以减小信号传输路径,提高信号...

    sprint-layout 5.0

    ### 二、应用领域 Sprint-Layout 5.0 广泛应用于电子产品的研发、教育、个人项目等领域。无论是小型的DIY项目还是大型的工业级设计,都能通过这款软件实现高效、精确的电路板制作。 ### 三、学习与支持 对于新...

    android反编译xml、layout

    在Android应用开发中,APK是应用程序的二进制包,包含了代码、资源文件和配置信息。当开发者希望深入理解已有的APK或者对它进行逆向工程时,就需要使用到像`apktool`这样的工具。`apktool`是一个开源的Android反编译...

Global site tag (gtag.js) - Google Analytics