编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

实战SiteServer CMS:T_Milenko模板讲解

wxchong 2024-09-12 22:14:09 开源技术 14 ℃ 0 评论

如果您觉得文章对您有点用,麻烦在您阅读、收藏、转发的时候,顺手帮忙点个赞、留个言、加关注,这是我继续写下去的绝佳动力。

上篇文章实战SiteServer CMS:模板嵌套已经对这套模板进行了讲解,只是好多读者反馈代码部分显示不全,影响阅读。仔细对比了一下发现是头条对程序代码支持的问题,所以只好把代码进行截图的方式再发一次。

从上到下认为有必要解释的地方进行代码配套文字的方式进行讲解。

以上代码页面头部需要把相应的资源文件比如css、js引进来,此时需要用到一个实体标签{Stl.SiteUrl},意思就是站点根目录的意思。

上面代码网页的Title是通过调用实体标签{Stl.SiteName}把网站名称显示在这里。

上面代码是要把下图中红色和黑色两个位置的内容通过stl:value标签显示出来:

而这两部分的文字是在后台站点属性设置中进行管理的,如下图所示:

只要修改上图位置中的值,前台就会跟着变化。可能你会有疑问,标签里怎么知道type就是mingzi和gongsi呢?从上图右边的设置站点属性,点击进去你就会明白了,如下图所示:

原来是给这个站点增加了两个字段,字段名就是mingzi和gongsi。所以从这就可以大致理解SiteServer CMS系统(其实所有CMS建站系统都类似)的工作原理,那就是后台定义好相应的字段并进行内容的管理,然后利用自定义的一套标签语言,在不需要程序员的帮助下很方便的就能把内容显示到前台相应的地方上去。和其他系统不一样的地方就是,SiteSever CMS并没有限制或者说定义死后台哪些字段就一定显示在前台哪个位置,而是模板嵌套人员很方便灵活地根据需要放在自己想要出现的地方。

一个很明显的例子就是经常有人问到SiteServer CMS后台没有管理友情链接的地方,如果理解到了刚才这个原理,就能很好解决这个问题了。那就是后台随意建一个栏目,把友情链接的内容(标题、链接)发在此栏目下,然后前台利用标签把这个栏目下的内容显示到友情链接该显示的位置即可。这和其他系统固定一个地方专门用于发友情链接的实现方式相比,是不是特别灵活自由?

以上代码是通过一个栏目标签stl:channels把网站导航调用出来,具体显示效果如下图所示:

这里有两个地方需要解释一下。

第一个是后台栏目这么多怎么决定哪些栏目会显示在导航位置上通过代码groupChannel="nav" 可以看到,凡是属于栏目组nav的栏目就会出现在这里了。而这是在后台栏目管理的栏目编辑界面里进行设置的,如下图所示的栏目组字段把nav选中即可。

第二个是如何控制点击栏目名称跳到页面上某个位置?通过代码:href="{Channel.ImageUrl}" 可以看到栏目名称对应的地址是在栏目图片(ImageUrl)这个字段来管理的。如下图所示房产预览栏目对应的就是#listed,意味着点击房产预览栏目将跳到id="listed"的控件位置。

以上代码是把栏目索引为“我们”(channelIndex="我们")的栏目的第一篇文章(totalNum="1")的标题(type="Title")和副标题(type="SubTitle")显示到如下图所示的红色和白色位置:

栏目索引是在后台栏目管理中可以查看到,如下图所示:

通过上图可以找到栏目“我们”,然后再到内容管理中,把“我们”栏目第一篇文章打

开找到标题和副标题进行编辑即可控制前台内容:

以上两段代码是把栏目索引为“我们”(channelIndex="我们")的栏目的第一篇文章(totalNum="1")的slogan1、slogan2、slogan3、slogan4显示到如下图所示的位置:

一样的,把“我们”栏目第一篇文章打开找到slogan1、slogan2、slogan3、slogan4四个字段进行编辑即可控制前台内容:

至于标签代码里的slogan1、slogan2、slogan3、slogan4怎么和上图中的标题1、标题2、标题3、标题4对应上的,则可以通过后台的设置管理中的内容字段管理,找到“我们”栏目的字段内容即可,如下图所示:

关于内容字段的问题,可以在之前的文章深入讲解SiteServer CMS:内容模型里查阅到。

以上两段代码是把栏目索引为“房产预览”(channelIndex="房产预览")的栏目的keywords和description以及栏目下所有内容显示到如下图所示的位置:

上图上半部分是通过第一段代码来实现,具体数据是在后台栏目管理中的“房产预览”栏目的编辑界面中,如下图所示的关键字列表和页面描述字段:

左右滚动的图片列表,是通过后台内容管理中的“房产预览”栏目的管理界面,进入每篇内容的编辑界面进行控制的,如下图所示的标题和图片字段:

再往下的代码,都和这些讲解类似,不同的可能就是内容对应的字段不同,原理是一样的。通过本段的讲解你会发现SiteServer CMS模板嵌套的两个关键点:对后台系统的熟悉以及对模板标签语言Stl的熟练运用。前者是让你知道哪些数据应该存储在哪更合理,后者是把数据显示到前台页面的关键。

以上所有标签的具体用法可以参考官方网站STL使用帮助:http://stl.siteserver.cn/

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表