- 1
- 0
- 约1.68千字
- 约 13页
- 2017-06-02 发布于河南
- 举报
使用SyCms搭建网站第二讲:制作简单的最终页
在上一讲中,我们已经制作了一个列表页,但是所有的内容,并没有最终页的模
板,这一次我们大家将共同制作一个最终页模板,如下图所示:
看到此模板的时候,我们发现了一个问题,什么问题呢?
1.头部:这个关部好像我们作过了。
2.左侧:我们也在列表页的时候作过了。
3.右侧,这个我们没有作过。需要制作一下了。
4.底部:这个也作过了。
我们分析发现,这个我们除了右边之外,都已经作过了。都是在首页的时候作过
了。
接下来我们建立模板,叫 “正文页”,单击 “正文页”进入模板编辑。
我们把我们最终页的源代码复制进来,如下图所示:
第一步:把以前已经作过的区块替换到这个最终页上。
我们还是跟以前一样,选中要编辑的html 代码,这次不是新建区块了,而是插
入区块,因为我们已经有了。
出现如下界面:
找到我们的 “正文页”,区块选择相应的即可。
把 “头部”、 “左侧”、 “底部”都替换成区块,如下图:
注:为了方便我们查看效果,使用“单击查看效果”按钮功能,我们也需要在“正
文页”这一行上,单击右键,选择如下图所示:
填入我们公司动态的栏目ID 和它里面的一个新闻ID。这样我们就可以看到效果
了。
注:如不知道栏目ID 和新闻ID,请参看 “第一讲”
这样我们就已经把已经存在的区块替换完成了。
第二步:我们显示最终新闻内容。
此时我们可以把上一篇和下一篇单独放到另二个区块里面,为什么是二个呢?
原因:一个新闻的上一篇是添加新的之前就已经存在的。但是下一篇就不是了,
是之后才添加的,因为是静态页面,已经生成了?还需要生成上一个文章吗?如
何反复太麻烦,所以我们要把他们分开,一会讲到分开是如何实现的。
现在我们先输出最终页的内容。
1.建立最终内容区块。
再次选中,右键:
如下图所示:
数据模型:我们选择 “新闻”,因为栏目都是绑定的“新闻”模型,当然有其它
的时候。需要其它的模板支持。
条件设置:因为我们要显示新闻最终页。也就是条件为:
即新闻的ID,等于绑定这个最终正文页的新闻的ID。单击“添加”,把它添加
进去。
排序设置:不需要,因为是只有一条新闻,不需要进行排序。
我们就直接设置直接输出里的内容替换成“新闻”模型是相应的字段即可,如下
图所示:
这样就完成了。 “确定”即可
区块再次单击 “确定”,模板如下图所示:
2.建立上一篇
选中要实现功能的html 代码右键:
我们先查看一下,上一篇这样的功能,系统中有没有给我们提供例了,我们右键:
还真为我们提供了,上一篇功能,我们选择它。
之后双击开,查看一下里面的代码和模型是不是我们想要的。
基本一样。只是a 后面少了一个br,我们添加, “确定”。
把不需要的代码删除后,如下所示:
区块 “确定”,模板如下图所示:
3.下一篇,此跟上一篇是一样的。
区块显示如下:
因为我们已经把他们分开了,就是为了下一篇不手动生成就能有,怎么办呢?我
们需要把此区块设置成动态读取即可,在如下位置:
也就是选择系统,这个标签是显示的时候动态读取的,不是生成的时候出来的。
这样我们就完成了正文页的模板制作,单击击一下 “单击查看效果”按钮,我们
看一下显示的效果,如下图所示:
是我们想要的效果。怎么有一个测试数据什么什么的这是什么意思?这个是没有
数据的意思,正常生成的时候,是不这样显示的。
我们来绑定一下已经有了的栏目的最终页的模板。转到 “内容-栏目管理”中。
红色标示部分,我们要选中它。为什么呢?因为我们是建立模板之前录入的内容,
所以要把以前的内容的模板替换成这个模板,所以要选择此项。
完成后 “确定”。
再单击 “生成栏目内容”。
此时可以进相应栏目的内容列表,单击第一项后面的 “浏览”
就能看到前台页面了。
这样一个最终页模板就制作完成了。
注:原来上一篇和下一篇的排序设置有问题。
把上一篇的设置成降序,下一篇设置成升序
您可能关注的文档
最近下载
- 数字信号处理英文版课件:Chap 1 Signals and Signal Processing.ppt VIP
- 销售预测分析(21页).pptx VIP
- 2026年湖南财经工业职业技术学院单招职业技能考试题库及答案详解(精选题).docx VIP
- 智能机器人产业园项目招商引资方案.pptx VIP
- 2025年度专题民主生活会对照检查材料八篇.docx VIP
- 2024年河南省公务员省考《行测》真题(含答案).pdf VIP
- T_CACM 1412-2022 便携式中医健康相关数据采集分析设备电气规范.docx VIP
- 钢结构焊接工程.ppt VIP
- 建筑地基处理技术规范JGJ79-2012.pdf VIP
- 蚕豆去壳机结构设计1.docx
原创力文档

文档评论(0)