Dev.Front Theme Concept and Compose.zh_cn

主题主要负责页面的布局和风格的统一管理。Pi系统中，主题分为前台主题和后台主题，支持继承、覆盖模块模板等功能。接下来介绍一些主题的基本概念。

1. 主题分为前台主题和后台主题，开发者一般只需要开发前台主题，后台可采用默认样式，当然也可以定制后台主题。
2. 我们把一个包含了模板及其CSS、JavaScript的结构化文件包称为主题包，这个主题包可以在后台安装并应用。在Pi系统中，主题包存放在usr/theme目录下。
3. 每个定制主题都可以有自己的style，主题包内文件的共用样式可写在{theme name}/asset/css/style.css中。
   安装主题完毕后，调用的样式是自动安装在site/asset/theme-name/css/下的，比如：http://sitename/asset/theme-default/css/style.css。
4. 一个常规界面主要由模块内容和区块内容形成，而主题则控制他们的位置关系和区块样式。
   • 模块内容指一个页面的主体内容，它的内容是由模块产生的。
   • Pi系统把一个页面分成8个区域，每个区域都能放区块，当然也可以不放。 例如：

 -------------------------------------------------------------------------------------
 |            |                                                           |          |
 |            |                               2                           |          |
 |            |                                                           |          |
 |            |------------------------------------------------------------          |
 |            |                              |                            |          |
 |            |                3             |             4              |          |
 |            |                              |                            |          |
 |      1     |-----------------------------------------------------------|    7     |
 |            |                                                           |          |
 |            |                        module  content                    |          |
 |            |                                                           |          |
 |            |-----------------------------------------------------------|          |
 |            |                              |                            |          |
 |            |                5             |             6              |          |
 |            |                              |                            |          |
 |------------|-----------------------------------------------------------|----------|
 |                                                                                   |
 |                                        8                                          |
 |                                                                                   |
 -------------------------------------------------------------------------------------