Nestive 开源项目教程

尚虹卿

于 2024-08-16 09:20:05 发布

阅读量260

点赞数 3

本文链接：https://blog.csdn.net/gitblog_00906/article/details/141246969

版权

Nestive 开源项目教程

nestiveA Better Nested Inheritable Layouts Plugin for Rails项目地址:https://gitcode.com/gh_mirrors/ne/nestive

项目介绍

Nestive 是一个为 Rails 应用程序设计的更好的嵌套可继承布局插件。它遵循语义化版本控制 2.0 规范，并提供强大的布局和视图辅助工具，帮助开发者更高效地管理页面布局。

项目快速启动

安装

首先，将以下代码添加到你的 Gemfile 中：

gem 'nestive', '~> 0.5'

然后运行：

bundle install

配置布局

在 app/views/layouts/application.html.erb 中定义全局布局：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title><%= area :title, "JustinFrench.com" %></title>
</head>
<body>
  <%= yield %>
</body>
</html>

使用布局

在 app/views/layouts/with_sidebar.html.erb 中扩展应用布局：

<%= extends :application do %>
  <div class="sidebar">
    <%= area(:sidebar) do %>
      here goes sidebar
    <% end %>
  </div>
  <%= yield %>
<% end %>

在 app/views/layouts/blog_posts.html.erb 中进一步扩展：

<%= extends :with_sidebar do %>
  <% append :sidebar do %>
    Blog archive: <%= render_blog_archive %>
  <% end %>
  <% append :head do %>
    <%= javascript_include_tag 'fancy_blog_archive_tag_cloud' %>
  <% end %>
  <%= yield %>
<% end %>