先看下我們系統生成的前端頁面結構，前端頁面的模型在：
結構：
```
<!--模板繼承-->
{extend name="$pc_layout_base" /}
父類模板公共文件存放于：__ROOT__.'/app/home/view/common/各個模塊下面
<br/>
模板變量規則為：模塊 + _layout_ + 模板文件名稱
<br/>
項目根路徑：{$root_path}
<br/>
前臺公共js文件路徑：{$home_common_path}
<br/>
前臺模塊路徑：{$static_path}
<br/>
<!--css樣式內容編寫開始-->
{block name="styles"}
<!--css樣式內容編寫，當無內容時可不用寫此標簽，頁面特有的css文件-->
{/block}
<!--css樣式內容編寫結束-->
<!--主體內容編寫開始-->
{block name="main-content"}
<!--主體內容編寫，當無內容時可不用寫此標簽-->
{/block}
<!--主體內容編寫結束-->
<!--js腳本內容編寫開始-->
{block name="scripts"}
<!--js腳本內容編寫，當無內容時可不用寫此標簽，頁面特有的js文件-->
<script>
console.log('hello word');
</script>
{/block}
<!--js腳本內容編寫結束-->
```
此時，我們只要就主體內容放到main-content里面，就完成了靜態頁面的渲染，剩下的就交給模板標簽，調用數據庫數據了。
模板標簽庫文檔請參考：[彩客模板標簽庫](https://www.showdoc.cc/ogcms?page_id=955809434162541)
