Radiant_The Popular Ruby's CMS Demo篇

最新推荐文章于 2025-06-02 21:52:21 发布

最新推荐文章于 2025-06-02 21:52:21 发布 · 164 阅读

文章标签：

#CMS #Ruby #jQuery

技术专栏收录该内容

46 篇文章

订阅专栏

本文探讨了Radiant CMS中的布局与内容管理方式。通过剖析默认的normal布局，介绍了layout、snippet和content的使用方法。着重讲解了layout如何通过<r:content/>和<r:snippet/>标签来组织页面结构，并展示了header、navigation和footer三个snippet的具体作用。

题记：

上篇记录我第一次安装Rodiant经过和简单了解了Radiant后台的组织形式，随着不断深入，这篇就研究下Radiant的Demo吧。总体来说，Radiant分为Content & Design 2大块，Content是Page的内容，snippet就是代码段或小模块。如果说layout是骨架，snippet则是神经，Content就是血肉了，在snippet里可以实现你需要的小功能和效果，layout展现所有的snippet，Content显示文字内容部分。

先看Layout布局

Demo用的默认normal布局，layout对于设计人员来说是最全局和宏观的设计，他不特定应用某一个page，可灵活配置于多个page，如下：

Normal如下：

可以看到normal的layout整个分为了<div id="page"> & <div id="footer-wrapper"> 2部分，其中有2个重点，分别是：<r:content /> & <r:snippet />.

前者：

<r:content />
Renders the main content of a page. Use the part attribute to select a specific page part. By default the part attribute is set to body.

后者：

<r:snippet />
Renders the snippet specified in the name attribute within the context of a page.

Normal包含3个snippets：

<r:snippet name="header" />
<r:snippet name="navigation" />
<r:snippet name="footer" />

先看header吧：

其他2个都类似，navigation做所有的标题，这里可以运用JQuery来做个绚丽的navigation，得力于他开放代码式风格，这正式我需要的。

再看看Content

在Normal主要的Content是 <r:if_content part="extended"> 和 <r:content part="sidebar" inherit="true" />，先看看Content在Homepage上有什么：

中间的是显示Page里的HomePage的子内容body，右边的是HomePage的子内容sidebar，如下：