PublicCMS 页面主题 第一篇 页面的布局介绍
提示：页面主题主要演示怎样创建首页、栏目页和其他页面，一共7篇内容。有一定基础的可以跳过页面主题，直接看功能页的讲解即可。
页面的整个布局是由多个页面片段和模板片段组成，可以在后台控制每个片段的内容显示/隐藏、添加/修改/删除。页面主题只讲页面的创建，不讲片段，header片段的制作在功能页（模板片段）第三篇有详细讲解。
首页源码
<!DOCTYPE html>
<html>
<head>
<title>${(metadata.extendData.title)!}</title>
<meta name="keywords" content="${(metadata.extendData.keywords)!}"/>
<meta name="description" content="${(metadata.extendData.description)!}"/>
<@_includePlace path="/region/88b9edcd-5dcb-4476-902a-33d42b46ba81.html"/> <#-- head -->
</head>
<body>
<@_includePlace path="/region/8d703205-a3da-437e-b594-eea74d686bca.html"/> <#-- header -->
<main>
<div>
<div>
<@_includePlace path="/block/747f7eca-5c96-49ba-9b49-784563ab10f4.html"/> <#-- 轮播图 -->
<@include path="/block/categoryrecommendation.html"/><#-- 首页分类推荐 -->
</div>
<aside class="layout-sidebar fr">
<@_includePlace path="/block/c0e42e06-dc98-44a9-946d-c14ba25bbcc0.html"/> <#-- 公告 -->
<@_includePlace path="/block/c88c845e-a0a4-4837-abe5-9187f2a9e843.html"/> <#-- 编辑推荐 -->
<@include path="/block/hotspots.html"/><#-- 首页热门 -->
<@_includePlace path="/block/39f00b70-387f-4bb7-a4ed-91b93c4f1ec9.html"/> <#-- 侧边栏广告 -->
<@_includePlace path="/block/2815d26e-401c-4532-8414-20d1eadd70a6.html"/> <#-- 精彩图集 -->
</aside>
</div>
</main>
<@_includePlace path="/region/4baeb8fc-f3be-4c6a-b76b-28daffcb9470.html"/> <#-- footer -->
<script>
$("header nav ul li a:contains('首页')").parent().addClass('selected');
</script>
</body>
</html>可以看到首页的代码非常简短，代码内基本都引用了页面片段和模板片段
页面片段的引用结构为
<@_includePlace 路径=“页面片段的绝对路径”/>
模板片段的引用结构为
<@include 路径=“模板片段的绝对路径”/>
比如导航的引用代码为：
<@_includePlace path="/region/8d703205-a3da-437e-b594-eea74d686bca.html"/> <#-- header -->
前台显示效果：
后台对应的页面片段：
引用片段的方式也很简单：在后台模板文件管理-选择首页-点击页面片段-点击header，就引用成功了。当然你也可以手写~
关于注释<#-- header -->，这个带不带都可以，但是你要清楚你引用的什么，以便以后改版升级做指引。前端代码内是不显示<#-- header -->注释的字样的，只在后台模板管理内显示注释。
第二篇 创建首页
下一篇 >