SiteServer CMS 四种图片解决方案

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

本篇主要转载官方网站上的一篇文章,介绍关于SiteServer CMS系统中调用图片的几种方案,感觉总结的挺全面的,在此推荐一下。

一、图片模型方案

图片模型方案思路自然合理,功能也最全面。对于图片的ImageUrl和Title都可以单独操作,非常灵活。所以如果需要针对比较专业或复杂的图片集进行管理的话,建议使用这种方案。

使用这种方案也特别简单,只需要把栏目内容模型为“图片”,就可以在文章中添加多张图片,每张图片可以添加单独的描述,添加图片时自动生成缩略图。

1、后台管理

SiteServer CMS 四种图片解决方案_第1张图片

如上图所示,在栏目管理菜单中把栏目内容模型为“图片”即可。设置完成之后在此栏目下进行内容管理时,每次添加内容之后都会出现:


SiteServer CMS 四种图片解决方案_第2张图片

点击批量添加按钮则可以一次性上传多张图片,上传完之后是这样的效果:


SiteServer CMS 四种图片解决方案_第3张图片

或者在文章列表中的操作中也能看到图片管理链接(如下图所示),点击也能进到上面批量管理图片界面:


SiteServer CMS 四种图片解决方案_第4张图片

2、模板标签调用

SiteServer CMS系统模板标签语言STL中有一个stl:eacth标签,可以把此内容的所有图片调取出来,具体用法类似:


    
    
    

模板解析之后生成的Html代码类似这样:

    ![](/upload/images/3151359533.png)
    图片1
    
![](/upload/images/3151359534.png) 图片2
![](/upload/images/3151359535.png) 图片3
![](/upload/images/3151359536.png) 图片4

通过浏览器访问此页面显示效果类似这样:


SiteServer CMS 四种图片解决方案_第5张图片

二、多篇文章方案

这种方案简单描述来说就是建一个栏目,底下发多篇内容,每篇内容的标题(Title)和图片(ImageUrl),变通为图片的Url和图片标题。

这种方案在内容管理上和正常的内容发布是一样的,但比第一种图片模型方案更灵活,因为除了图片描述(标题)之外,如果需要,还可以发布图片简介(内容简介字段)等一切内容有的字段都可以用于图片描述,也即每张图片可以带有多个字段来描述。

1、后台管理

比如网站首页,经常会需要多张大的Banner图进行轮播,轮播时还需要为每张图配上一段话(Sologan之类)。这种最适合用这种方案来实现了,在后台建一个“首页轮播图”栏目,发多篇内容,如下图所示:


SiteServer CMS 四种图片解决方案_第6张图片

每篇内容除了发标题和图片之外,还可以发简介(可以根据实际需求来决定是否需要):


SiteServer CMS 四种图片解决方案_第7张图片

2、模板标签调用

使用SiteServer CMS系统模板标签语言STL中的stl:contents内容标签,可以把内容中的所有图片调取出来,具体用法类似:


  

模板解析之后生成的Html代码类似这样:

![](/upload/images/1-151203194314150.jpg)
海纳百川,有容乃大
![](/upload/images/1-151203194314151.jpg)
SiteServer CMS产品线
![](/upload/images/1-151203194314152.jpg)
十年积累,我们是.NET平台CMS系统创始者!

通过浏览器访问此页面显示效果类似这样:


SiteServer CMS 四种图片解决方案_第8张图片

三、单文章多图方案

这种方案就是在发一篇内容时,同时发布多张图片,然后前台负责把某篇文章的多个图片显示出来。

这种方案相对来说就不是那么的灵活了,因为每一张图片并不能对应有相应的描述了,所以此方案适合于只需要显示多张图片不需要其他信息的需求,最多就是在显示多张图片之前或之后显示一下内容标题和内容简介,以此作为整个图片组的介绍。

1、后台管理


SiteServer CMS 四种图片解决方案_第9张图片

如下图所示,在发一篇文章时,同时上传多张图片。

2、模板标签调用

依然使用SiteServer CMS系统模板标签语言STL中的stl:eacth标签,可以把某篇容的多张图片调取出来,具体用法类似:


    
    

模板解析之后生成的Html代码类似这样:

  ![](/upload/images/index1.jpg)
   
![](/upload/images/index2.jpg)
![](/upload/images/index3.jpg)
![](/upload/images/index4.jpg)

通过浏览器访问此页面显示效果类似这样:


四、编辑器内传多图方案

这种方案就是将多张图片通过编辑器上传,前台调用文章内容的方式把图片调用到前端。

这种方式最简单,在所见即所得的编辑器中添加图片,前台调用即可。但是灵活性不好,基本后台添加成什么样子前台就是什么样子了。比如此种方案就无法直接实现轮播图的效果。因为这是带前台表现样式了,所以无法和页面模板效果配合起来灵活使用。

1、后台管理

和正常内容发布一样的操作流程,只是在内容编辑器中同时传了多张图片,可以给图片加描述也可以不加。如下图所示:


2、模板标签调用

使用SiteServer CMS系统模板标签语言STL中的stl:contents内容标签,可以把内容中的所有图片调取出来,具体用法类似:


  

最后显示的效果如下图:


开心一笑

一天晚上3个人去住旅馆,300元一晚。每人掏100元凑够300元交给了老板。
后来老板说今天搞活动,优惠50元,命令服务生退还给他们三人。
服务生偷偷藏起了20元,把剩下的30元钱分给了他们三个人,每人分到10元。
这样刚才每人掏了100元现在又退回10元也就是90元。
就是说每人只花了90元钱,3个人每人90元就是270元,3 * 90 = 270,再加上服务生藏起的20元就是290元,还有10元钱去了哪里?

你可能感兴趣的:(SiteServer CMS 四种图片解决方案)