论坛首页 编程语言技术论坛

Radiant_The Popular Ruby's CMS Demo篇(going on)

浏览 1749 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2011-04-02   最后修改:2011-04-02

题记:

    上篇记录我第一次安装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