`
C_J
  • 浏览: 128286 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

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,如下:


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,如下:


 

 

 

  • 大小: 15.8 KB
  • 大小: 60.4 KB
  • 大小: 21.4 KB
  • 大小: 32.2 KB
  • 大小: 69.9 KB
  • 大小: 127.3 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics