首页
/ Brochure 技术文档

Brochure 技术文档

2024-12-18 12:44:16作者:邵娇湘

1. 安装指南

首先,确保您的系统中已经安装了 Ruby 环境。接下来,通过以下命令安装 Brochure:

$ gem install brochure

Brochure 依赖于 Hike、Rack 和 Tilt,因此请确保这些库也已安装。

2. 项目使用说明

Brochure 是一个基于 Rack 的应用,用于提供静态网站服务,并支持 ERB 模板(或其他 Tilt 支持的模板语言)。以下是一个典型的应用结构示例:

templates/
  help/
    index.html.erb
  index.html.erb
  shared/
    _header.html.erb
    _footer.html.erb
  signup.html.erb
config.ru
public/
  ...

config.ru 文件中,您可以配置 Brochure:

require "brochure"
root = File.dirname(__FILE__)
run Brochure.app(root)

Brochure 会自动将 URL 映射到模板名称:

  • / 映射到 templates/index.html.erb
  • /signup 映射到 templates/signup.html.erb
  • /help/ 映射到 templates/help/index.html.erb

3. 项目API使用文档

Partials 和 helpers

模板可以渲染 Partials。Partials 以下划线开头的文件名标识。例如,<%= render "shared/header" %> 会渲染 templates/shared/_header.html.erb

Partials 可以通过 <%= yield %> 回到渲染它们的模板。这种方法可以用来将常见的头部和尾部标记提取到一个布局文件中。

模板可以通过 env 方法访问 Rack 环境,通过 application 方法访问 Brochure 应用程序。此外,还提供了一个围绕 Rack 环境的 Rack::Request 封装,可通过 request 方法访问。

您可以使用 h 辅助方法在模板中输出 HTML 转义字符串。

自定义辅助方法和实例变量

您可以将额外的辅助方法和实例变量添加到模板中。辅助方法位于 Ruby 模块中,可以通过 :helpers 选项包含到 Brochure.app 中:

module AssetHelper
  def asset_path(filename)
    local_path = File.join(application.asset_root, filename)
    digest = Digest::MD5.hexdigest(IO.read(local_path))
    "/#{filename}?#{digest}"
  end
end

run Brochure.app(root, :helpers => [AssetHelper])

类似地,实例变量可以通过 :assigns 选项定义:

run Brochure.app(root, :assigns => { :domain => "37signals.com" })

Tilt 模板选项

您可以为每个引擎指定全局 Tilt 模板选项,使用 :template_options

run Brochure.app(root, :template_options => {
  ".haml" => { :format => :html5 },
  ".md"   => { :smart  => true }
})

4. 项目安装方式

请参考“安装指南”部分,使用 Ruby gem 命令安装 Brochure。

热门项目推荐
相关项目推荐

项目优选

收起
Python-100-DaysPython-100-Days
Python - 100天从新手到大师
Python
373
72
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
276
72
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
200
47
xzs-mysqlxzs-mysql
学之思开源考试系统是一款 java + vue 的前后端分离的考试系统。主要优点是开发、部署简单快捷、界面设计友好、代码结构清晰。支持web端和微信小程序,能覆盖到pc机和手机等设备。 支持多种部署方式:集成部署、前后端分离部署、docker部署
HTML
5
1
LangChatLangChat
LangChat: Java LLMs/AI Project, Supports Multi AI Providers( Gitee AI/ 智谱清言 / 阿里通义 / 百度千帆 / DeepSeek / 抖音豆包 / 零一万物 / 讯飞星火 / OpenAI / Gemini / Ollama / Azure / Claude 等大模型), Java生态下AI大模型产品解决方案,快速构建企业级AI知识库、AI机器人应用
Java
10
3
gin-vue-admingin-vue-admin
🚀Vite+Vue3+Gin的开发基础平台,支持TS和JS混用。它集成了JWT鉴权、权限管理、动态路由、显隐可控组件、分页封装、多点登录拦截、资源权限、上传下载、代码生成器【可AI辅助】、表单生成器和可配置的导入导出等开发必备功能。
Go
16
3
source-vuesource-vue
🔥 一直想做一款追求极致用户体验的快速开发平台,看了很多优秀的开源项目但是发现没有合适的。于是利用空闲休息时间对若依框架进行扩展写了一套快速开发系统。如此有了开源字节快速开发平台。该平台基于 Spring Boot + MyBatis + Vue & Element ,包含微信小程序 & Uniapp, Web 报表、可视化大屏、三方登录、支付、短信、邮件、OSS...
Java
24
2
CangjieCommunityCangjieCommunity
为仓颉编程语言开发者打造活跃、开放、高质量的社区环境
Markdown
898
0
madongmadong
基于Webman的权限管理系统
PHP
4
0
cool-admin-javacool-admin-java
🔥 cool-admin(java版)一个很酷的后台权限管理框架,Ai编码、流程编排、模块化、插件化、CRUD极速开发,永久开源免费,基于springboot3、typescript、vue3、vite、element-ui等构建
Java
18
2