## 单页制作流程 系统自带了单页功能,在portal应用下,这个单页主要应用场景为网站的一些单独页面,比如关于我们,联系我们,隐私条款等,没有前后关联的场景。当然,你也可以在分类管理中增加一个关于分类,然后将这些全部放在对应的这个分类下也能实现单页的替代功能。 ### 下面我来讲下单页开发的流程,以关于为例子 1、创建模板文件about.html 创建完文件后加入对应的各类包含文件如下图 ![](https://box.kancloud.cn/2be4a4ac5b08bf67d1d28c43c9f723bf_625x339.png) 需要注意的是单页中的一些文章参数有别于文章列表中的,这边我们用$page来配置获取,主要包括标题、描述、关键词。在列表文章中就是用$article来获取 2、创建模板配置文件about.json(必须) 该文件为必须,否则后台无法识别到对应的的模板文件 ``` { "name": "关于我们", "action": "portal/Page/index", "description": "关于我们单页", "order": 1.0, "more": {} } ``` 官方说明:http://www.kancloud.cn/thinkcmf/doc/289674 本文档模板文件配置说明:http://www.kancloud.cn/welkinvan/thinkcmf5/305141 3、模板数据的定义 在单页的模板中,可以使用以下方式模板数据 ~~~ {$page.post_title} //页面标题 {$page.post_keywords} //页面关键词 {$page.post_excerpt} //页面描述 {$page.post_content} //页面内容 {$page['more']['thumbnail']} //页面缩略图 {$page.published_time} //页面发布时间 {$page.create_time} //页面创建时间 {$page.update_time} //页面更新时间 ~~~ 除了以上的内容外还有其他部分参数,比如访问量,点赞数等等具体获取方式可以在前端模板中使用如下代码查看。 ~~~ <php>dump($page);</php> ~~~ 模板数据对应后台位置 ![](https://box.kancloud.cn/8561666aa270d65f5628ad6f0b9f9ca9_1044x715.png) > **本文档中的demo均基于bootstrap3.x来实现,实例中的css样式并没有在文档中完全展示,仅供功能实现测试**