使用SyCms搭建网站第二讲:制作简单的最终页

SyCms内容管理系统:SyCMS是上云科技推出的一款采用.net+sqlserver/access的新一代内容管理系统。SyCMS并非凭空的创造。上云科技拥有12年的高品质商业建站经验。从大型门户到品牌网站,通过解决客户实际问题,不断的进行沉淀和优化,最终形成的成熟产品。SyCms强大,灵活,易于学习和应用。非商业用户免费使用。

操作方法

  • 01

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

  • 02

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

  • 03

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

  • 04

    出现如下界面:

  • 05

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

  • 06

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

  • 07

    填入我们公司动态的栏目ID和它里面的一个新闻ID。这样我们就可以看到效果了。 注:如不知道栏目ID和新闻ID,请参看“第一讲” 这样我们就已经把已经存在的区块替换完成了。

  • 08

    第二步:我们显示最终新闻内容。 此时我们可以把上一篇和下一篇单独放到另二个区块里面,为什么是二个呢? 原因:一个新闻的上一篇是添加新的之前就已经存在的。但是下一篇就不是了,是之后才添加的,因为是静态页面,已经生成了?还需要生成上一个文章吗?如何反复太麻烦,所以我们要把他们分开,一会讲到分开是如何实现的。 现在我们先输出最终页的内容。 1.建立最终内容区块。

  • 09

    再次选中,右键:

  • 10

    如下图所示:

  • 11

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

  • 12

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

  • 13

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

  • 14

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

  • 15

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

  • 16

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

  • 17

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

  • 18

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

  • 19

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

  • 20

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

  • 21

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

  • 22

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

  • 23

    是我们想要的效果。怎么有一个测试数据什么什么的这是什么意思?这个是没有数据的意思,正常生成的时候,是不这样显示的。 我们来绑定一下已经有了的栏目的最终页的模板。转到“内容-栏目管理”中。 红色标示部分,我们要选中它。为什么呢?因为我们是建立模板之前录入的内容,所以要把以前的内容的模板替换成这个模板,所以要选择此项。 完成后“确定”。 再单击“生成栏目内容”。

  • 24

    此时可以进相应栏目的内容列表,单击第一项后面的“浏览”

  • 25

    注:原来上一篇和下一篇的排序设置有问题。 把上一篇的设置成降序,下一篇设置成升序

(0)

相关推荐

  • DW软件怎么在网站中制作简单的表单

    在DW软件制作网页中,编辑表单是必须学习的内容,所以今天就由小编来为大家介绍DW软件怎么在网站中制作简单的表单. 操作方法 01 第一首先在DW软件创建站点. 然后再新建一个HTML文件. 02 第二 ...

  • vs2010制作简单的asp.net网站

    vs2010制作简单的asp.net网站,C#编程环境 操作方法 01 打开visual studio 2010程序开发软件 02 单击菜单栏的文件,依次选新建->网站->ASP.NET空 ...

  • 如何用网站源码搭快速搭建网站?咖客社区来教你

    很多的朋友慢慢地摸索到了互联网这个行业,也有从事前端的这个行业,所以,一心研究网站制作,但是呢,由于一个网站不是一个人很快就能完成的,于是,有些人就开始走一些小路,确实他们很聪明就是拿别人分享的网站源 ...

  • 中端技术系列教程第二讲——反编译、编译和签名

    以下是为大家介绍的<中端技术系列教程第二讲--反编译.编译和签名>详细内容,希望对大家有所帮助! №.1  反编译 01 1.反编译:高级语言源程序经过"编译"变成可执 ...

  • 怎么搭建网站

    一步一步手把手教你搭建网站 网站越来越多,无论是企业还是个人都梦想着想拥有一个属于自己的网站.然而,这一 切都不在是梦想,已经变得十分的简单.做一个网站的花费也并不高.网站早已不再神秘,再也不是什么高 ...

  • excel制作简单的表格分列

    我的工作每天都和大量的表格打交道,经常要用到分列,介绍一下比较简单的表格分列,有需要的朋友可以参考本文! 方法/步骤 第一:打开要分列的表格,选中要分列的单元格(如:红色方框的部分) 第二:点击“数据 ...

  • 不用软件怎样快速制作简单的示意图

    有时我们常常要在电脑上做一些简单的示意图,而自己的电脑不在身边,用别人的电脑又要下载图型软件制作,很是麻烦.如果要随改随用,你用电脑地点又不固定,那么制作图起来会很费事.所以在这里我教大家一个不用安装 ...

  • 如何在本地搭建网站测试环境

    在这个快速发展的互联网时代,建设个人网站也不是什么新鲜事,很多初次接触网站建设的朋友,对于网站本地环境的搭建很是苦恼.接下来就介绍用到的软件希望能让你快速的搭建出自己的本地网站\环境, 操作方法 01 ...

  • PS用时间轴制作简单动画【新手教程】

    这里使用PS的时间轴里面的帧动画制作简单动画 操作方法 01 打开PS工具,新建画布大小400*400像素,分辨率为72,颜色模式为RGB,背景颜色为默认白色即可 02 新建画布是这样的 03 然后要 ...