首页
/ Markaby 技术文档

Markaby 技术文档

2024-12-14 23:02:17作者:柏廷章Berta

1. 安装指南

使用 Bundler 安装

在 Gemfile 中添加以下内容:

gem 'markaby'

然后运行以下命令安装:

bundle install

使用 Markaby 与 Rails 4/5+

安装 gem 后,在 config/initializers/markaby.rb 文件中添加以下内容:

require 'markaby/rails'

Markaby::Rails::TemplateHandler.register!({
  tagset: Markaby::HTML5,
  indent: 2,
})

将模板文件命名为 html.mab 扩展名,并配置文本编辑器将 .mab 文件视为 Ruby 文件。

使用 Markaby 与 Sinatra

在 Sinatra 中使用 Markaby 时,可以这样配置:

get '/foo' do
  mab :my_template # my_template.mab 在 Sinatra 视图路径中
end

使用 Markaby 与其他框架

Markaby 可以通过 Tilt 模块与支持 Tilt 的任何 Web 框架一起使用。

2. 项目的使用说明

基本用法

Markaby 是一个用于在纯 Ruby 中编写 HTML 页面的工具。它提供了一种替代 ERb 的方式,允许你使用 Ruby 代码生成 HTML。

示例

以下是一个简单的 Markaby 示例:

require 'markaby'

mab = Markaby::Builder.new
mab.html do
  head { title "Boats.com" }
  body do
    h1 "Boats.com has great deals"
    ul do
      li "$49 for a canoe"
      li "$39 for a raft"
      li "$29 for a huge boot that floats and can fit 5 people"
    end
  end
end
puts mab.to_s

使用 Markaby 在 Rails 中生成 HTML

在 Rails 中,你可以使用 Markaby 生成 HTML 模板。将模板文件命名为 html.mab,并在控制器中调用 render 方法。

使用 Markaby 在 Sinatra 中生成 HTML

在 Sinatra 中,你可以直接在路由中使用 mab 方法来生成 HTML。

3. 项目 API 使用文档

Markaby::Builder

Markaby::Builder 是 Markaby 的核心类,用于生成 HTML。你可以通过以下方式创建一个 Builder 实例:

mab = Markaby::Builder.new

方法

  • html: 生成 HTML 文档的根元素。
  • head: 生成 HTML 文档的头部。
  • body: 生成 HTML 文档的主体。
  • tag!: 强制生成一个标签,适用于自定义标签。

示例

mab = Markaby::Builder.new
mab.html do
  head { title "Boats.com" }
  body do
    h1 "Boats.com has great deals"
    ul do
      li "$49 for a canoe"
      li "$39 for a raft"
      li "$29 for a huge boot that floats and can fit 5 people"
    end
  end
end
puts mab.to_s

4. 项目安装方式

使用 Bundler 安装

在 Gemfile 中添加以下内容:

gem 'markaby'

然后运行以下命令安装:

bundle install

手动安装

你也可以通过以下命令手动安装 Markaby:

gem install markaby

使用 Markaby 与 Rails

在 Rails 项目中,安装 Markaby 后,需要在 config/initializers/markaby.rb 文件中进行配置:

require 'markaby/rails'

Markaby::Rails::TemplateHandler.register!({
  tagset: Markaby::HTML5,
  indent: 2,
})

使用 Markaby 与 Sinatra

在 Sinatra 项目中,可以直接在路由中使用 mab 方法来生成 HTML。

通过以上步骤,你可以轻松地在不同框架中使用 Markaby 生成 HTML 页面。

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

项目优选

收起
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