Radiant_The Popular Ruby's CMS Demo篇

题记:

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

 

先看Layout布局

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


Radiant_The Popular Ruby's CMS Demo篇_第1张图片

Normal如下:


Radiant_The Popular Ruby's CMS Demo篇_第2张图片

 可以看到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吧:


Radiant_The Popular Ruby's CMS Demo篇_第3张图片
 其他2个都类似,navigation做所有的标题,这里可以运用JQuery来做个绚丽的navigation,得力于他开放代码式风格,这正式我需要的。

 

 

再看看Content

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



Radiant_The Popular Ruby's CMS Demo篇_第4张图片

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


Radiant_The Popular Ruby's CMS Demo篇_第5张图片

 

 

 

你可能感兴趣的:(jquery,cms,Ruby)