- xml - AJAX/Jquery XML 解析
- 具有多重继承的 XML 模式
- .net - 枚举序列化 Json 与 XML
- XML 简单类型、简单内容、复杂类型、复杂内容
我的最终目标是创建几个静态 HTML 文件以传递给其他人。
但对于我的工作流程,我希望将 HAML 作为基本源文件。这样做时,我希望至少在我这边结束这个过程。
现在我有很多页面最终将共享一个通用布局,我想知道如何合并这些布局。
这是我当前的代码:
#!/usr/bin/env ruby
require 'rubygems'
require 'rake'
require 'haml'
FileList.new('./src/*.html.haml').each do |filename|
if filename =~ /([^\/]+)\.haml$/
File.open($1, 'w') do |f|
f.write Haml::Engine.new(File.read(filename)).render
end
end
end
!!!
%html
%head
%title Yay
%body
= yield
= render :layout => 'header' do
%p This is awesome
现在这显然行不通,因为渲染方法在 Rails 的上下文之外是未定义的,但我希望它能理解我正在尝试做的事情。
有什么建议吗?
最佳答案
您混淆了两个不同的 Rails 特性:partials (using render
)和 layouts (using yield
) .
您可以将其中一个(或两者)的类似 rails 的版本添加到仅 Haml 程序中。
在 Rails View 中,您可以使用 render :partial_name
使文件 _partial_name.html.haml
在包含 View (实际上是 Rails允许您使用任何受支持的模板语言,它会找到正确的文件扩展名来使用,但我会在这里坚持使用 Haml)。在 Rails 之外 render
不可用,但可以很容易地添加它。
一个简单的 render
方法会找到合适的 haml 文件,渲染它,并返回包含在父级中的 html 字符串:
def render(partial)
# assuming we want to keep the rails practice of prefixing file names
# of partials with "_"
Haml::Engine.new(File.read("_#{partial}.html.haml")).render
end
Haml::Engine.render
的第一个参数是一个范围对象,我们可以使用它来添加 haml 模板中可用的方法。它默认为 Object.new
。然而,在像这样的简单情况下,我们可以在顶层定义 render
方法,它将在 Haml 模板的范围内可用。我们只需将我们的 render
方法放在调用 Haml::Engine.new(...).render
之前的脚本中,并在我们的模板中这样调用它:
!!!
%html
%head
%title Hello
%body
=render :the_partial
现在文件 _the_partial.html.haml
将呈现在输出的适当位置。
我们可以更进一步。 Rails 允许您传入 local variables 的哈希值到一个部分。 Haml 还将接受要作为局部变量传递的变量散列,作为 Haml render
方法的第二个参数。因此,如果我们将渲染方法扩展为如下所示:
def render(partial, locals = {})
Haml::Engine.new(File.read("_#{partial}.html.haml")).render(Object.new, locals)
end
我们可以使用一个看起来像这样的部分:
%p You passed in #{foo}
并从我们的模板中调用它:
%body
=render :partial, :foo => "bar"
将渲染
<body>
<p>You passed in bar</p>
</body>
在 Rails 中,您可以为您的 View 指定布局,以便您的所有页面都可以共享相同的布局 header 、菜单区域等。这是通过指定布局文件来完成的,您可以在其中调用 yield
来呈现相关的实际 View 。添加到 haml 中的布局稍微有点棘手,但仍然可以完成。
Hamls render
方法也接受一个 block ,所以一个简单的解决方案是渲染布局文件,并传递一个渲染 View 文件的 block :
Haml::Engine.new(File.read("layout.html.haml")).render do
Haml::Engine.new(File.read("view.html.haml")).render
end
这将使 layout.html.haml
的内容与 view.html.haml
的内容一起呈现,其中布局文件包含 =yield
.
不过,Rails 比这要灵活一些。它允许您在布局文件中多次调用 yield
,每次调用一个特定的区域,并使用 content_for
方法指定要在每个区域添加的内容在你的观点之内。所以在你的布局文件中:
!!!
%html
%head
= yield :title
%body
=yield
在你看来:
-content_for :title do
%title Hello
%p
Here's a paragraph.
Rails 实际工作的方式是首先呈现 View 部分,存储所有不同的部分,然后呈现布局,每当在布局中调用 yield
时传递一个提供适当 block 的 block .我们可以使用一个小助手类来复制它,以提供 content_for
方法并跟踪每个区域的渲染 block :
class Regions
def initialize
@regions_hash={}
end
def content_for(region, &blk)
@regions_hash[region] = capture_haml(&blk)
end
def [](region)
@regions_hash[region]
end
end
这里我们使用 capture_haml
method获取渲染的 haml 而无需直接输出。请注意,这不会捕获 View 的未命名部分。
我们现在可以使用我们的帮助类来呈现最终输出。
regions = Regions.new
unnamed = Haml::Engine.new(File.read("view_named.html.haml")).render(regions)
output = Haml::Engine.new(File.read("layout_named.html.haml")).render do |region|
region ? regions[region] : unnamed
end
现在变量 output
包含最终渲染输出。
请注意,此处的代码并未提供 Rails 中包含的所有灵 active ,但希望它足以向您展示从何处开始自定义 Haml 以满足您的需求。
关于ruby - 独立于 Rails 在 HAML 文件中使用布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6125265/
我在网上搜索但没有找到任何合适的文章解释如何使用 javascript 使用 WCF 服务,尤其是 WebScriptEndpoint。 任何人都可以对此给出任何指导吗? 谢谢 最佳答案 这是一篇关于
我正在编写一个将运行 Linux 命令的 C 程序,例如: cat/etc/passwd | grep 列表 |剪切-c 1-5 我没有任何结果 *这里 parent 等待第一个 child (chi
所以我正在尝试处理文件上传,然后将该文件作为二进制文件存储到数据库中。在我存储它之后,我尝试在给定的 URL 上提供文件。我似乎找不到适合这里的方法。我需要使用数据库,因为我使用 Google 应用引
我正在尝试制作一个宏,将下面的公式添加到单元格中,然后将其拖到整个列中并在 H 列中复制相同的公式 我想在 F 和 H 列中输入公式的数据 Range("F1").formula = "=IF(ISE
问题类似于this one ,但我想使用 OperatorPrecedenceParser 解析带有函数应用程序的表达式在 FParsec . 这是我的 AST: type Expression =
我想通过使用 sequelize 和 node.js 将这个查询更改为代码取决于在哪里 select COUNT(gender) as genderCount from customers where
我正在使用GNU bash,版本5.0.3(1)-发行版(x86_64-pc-linux-gnu),我想知道为什么简单的赋值语句会出现语法错误: #/bin/bash var1=/tmp
这里,为什么我的代码在 IE 中不起作用。我的代码适用于所有浏览器。没有问题。但是当我在 IE 上运行我的项目时,它发现错误。 而且我的 jquery 类和 insertadjacentHTMl 也不
我正在尝试更改标签的innerHTML。我无权访问该表单,因此无法编辑 HTML。标签具有的唯一标识符是“for”属性。 这是输入和标签的结构:
我有一个页面,我可以在其中返回用户帖子,可以使用一些 jquery 代码对这些帖子进行即时评论,在发布新评论后,我在帖子下插入新评论以及删除 按钮。问题是 Delete 按钮在新插入的元素上不起作用,
我有一个大约有 20 列的“管道分隔”文件。我只想使用 sha1sum 散列第一列,它是一个数字,如帐号,并按原样返回其余列。 使用 awk 或 sed 执行此操作的最佳方法是什么? Accounti
我需要将以下内容插入到我的表中...我的用户表有五列 id、用户名、密码、名称、条目。 (我还没有提交任何东西到条目中,我稍后会使用 php 来做)但由于某种原因我不断收到这个错误:#1054 - U
所以我试图有一个输入字段,我可以在其中输入任何字符,但然后将输入的值小写,删除任何非字母数字字符,留下“。”而不是空格。 例如,如果我输入: 地球的 70% 是水,-!*#$^^ & 30% 土地 输
我正在尝试做一些我认为非常简单的事情,但出于某种原因我没有得到想要的结果?我是 javascript 的新手,但对 java 有经验,所以我相信我没有使用某种正确的规则。 这是一个获取输入值、检查选择
我想使用 angularjs 从 mysql 数据库加载数据。 这就是应用程序的工作原理;用户登录,他们的用户名存储在 cookie 中。该用户名显示在主页上 我想获取这个值并通过 angularjs
我正在使用 autoLayout,我想在 UITableViewCell 上放置一个 UIlabel,它应该始终位于单元格的右侧和右侧的中心。 这就是我想要实现的目标 所以在这里你可以看到我正在谈论的
我需要与 MySql 等效的 elasticsearch 查询。我的 sql 查询: SELECT DISTINCT t.product_id AS id FROM tbl_sup_price t
我正在实现代码以使用 JSON。 func setup() { if let flickrURL = NSURL(string: "https://api.flickr.com/
我尝试使用for循环声明变量,然后测试cols和rols是否相同。如果是,它将运行递归函数。但是,我在 javascript 中执行 do 时遇到问题。有人可以帮忙吗? 现在,在比较 col.1 和
我举了一个我正在处理的问题的简短示例。 HTML代码: 1 2 3 CSS 代码: .BB a:hover{ color: #000; } .BB > li:after {
我是一名优秀的程序员,十分优秀!