中文

SyCms 建站第二讲:制作最终页模板

添加时间:2012-09-12

 

在上一讲中,我们已经制作了一个列表页,但是所有的内容,并没有最终页的模板,这一次我们大家将共同制作一个最终页模板,如下图所示:

看到此模板的时候,我们发现了一个问题,什么问题呢?
1.头部:这个关部好像我们作过了。
2.左侧:我们也在列表页的时候作过了。
3.右侧,这个我们没有作过。需要制作一下了。
4.底部:这个也作过了。
我们分析发现,这个我们除了右边之外,都已经作过了。都是在首页的时候作过了。
接下来我们建立模板,叫“正文页”,单击“正文页”进入模板编辑。
我们把我们最终页的源代码复制进来,如下图所示:

第一步:把以前已经作过的区块替换到这个最终页上。
我们还是跟以前一样,选中要编辑的html代码,这次不是新建区块了,而是插入区块,因为我们已经有了。

出现如下界面:

找到我们的“正文页”,区块选择相应的即可。
把“头部”、“左侧”、“底部”都替换成区块,如下图:

注:为了方便我们查看效果,使用“单击查看效果”按钮功能,我们也需要在“正文页”这一行上,单击右键,选择如下图所示:


填入我们公司动态的栏目ID和它里面的一个新闻ID。这样我们就可以看到效果了。
注:如不知道栏目ID和新闻ID,请参看“第一讲”
这样我们就已经把已经存在的区块替换完成了。
第二步:我们显示最终新闻内容。
此时我们可以把上一篇和下一篇单独放到另二个区块里面,为什么是二个呢?
原因:一个新闻的上一篇是添加新的之前就已经存在的。但是下一篇就不是了,是之后才添加的,因为是静态页面,已经生成了?还需要生成上一个文章吗?如何反复太麻烦,所以我们要把他们分开,一会讲到分开是如何实现的。
现在我们先输出最终页的内容。
1.建立最终内容区块。


再次选中,右键:

如下图所示:

数据模型:我们选择“新闻”,因为栏目都是绑定的“新闻”模型,当然有其它的时候。需要其它的模板支持。
条件设置:因为我们要显示新闻最终页。也就是条件为:

即新闻的ID,等于绑定这个最终正文页的新闻的ID。单击“添加”,把它添加进去。
排序设置:不需要,因为是只有一条新闻,不需要进行排序。
我们就直接设置直接输出里的内容替换成“新闻”模型是相应的字段即可,如下图所示:

这样就完成了。“确定”即可
区块再次单击“确定”,模板如下图所示:

2.建立上一篇
选中要实现功能的html代码右键:


我们先查看一下,上一篇这样的功能,系统中有没有给我们提供例了,我们右键:


还真为我们提供了,上一篇功能,我们选择它。
之后双击开,查看一下里面的代码和模型是不是我们想要的。

基本一样。只是a后面少了一个br,我们添加,“确定”。

把不需要的代码删除后,如下所示:

区块“确定”,模板如下图所示:

3.下一篇,此跟上一篇是一样的。
区块显示如下:

因为我们已经把他们分开了,就是为了下一篇不手动生成就能有,怎么办呢?我们需要把此区块设置成动态读取即可,在如下位置:

也就是选择系统,这个标签是显示的时候动态读取的,不是生成的时候出来的。
这样我们就完成了正文页的模板制作,单击击一下“单击查看效果”按钮,我们看一下显示的效果,如下图所示:

是我们想要的效果。怎么有一个测试数据什么什么的这是什么意思?这个是没有数据的意思,正常生成的时候,是不这样显示的。
我们来绑定一下已经有了的栏目的最终页的模板。转到“内容-栏目管理”中。

红色标示部分,我们要选中它。为什么呢?因为我们是建立模板之前录入的内容,所以要把以前的内容的模板替换成这个模板,所以要选择此项。
完成后“确定”。
再单击“生成栏目内容”。
此时可以进相应栏目的内容列表,单击第一项后面的“浏览”

就能看到前台页面了。

这样一个最终页模板就制作完成了。
注:原来上一篇和下一篇的排序设置有问题。
把上一篇的设置成降序,下一篇设置成升序