先看下我们系统生成的前端页面结构，前端页面的模型在：
结构：
```
<!--模板继承-->
{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)
