网站建设行业先行者-致力于网站制作网站设计网络营销服务领域-盈科动力是一家专业做网站公司

武汉网站建设

十年品质见证 服务超过千家企业

一对一免费咨询:

027-82756772

武汉网站建设公司电话

做网站、找创意营销

上vikasp.net

更用心、更负责、协手企业提升互联网品牌价值

NEWS
新闻观点

武汉网站制作教程:SDCMS首页调用轮播图和子栏目详情页怎么调用顶部大图?

作者:如何建设网站 | 浏览量: | 来源:如何做网站 | 更新时间:2020-02-26 | 当前栏目:网站建设教程
轮播图作为网站主流元素之一,大家对它应该都比较熟悉;几乎99%的网站,当浏览者进入到网站首页后,第一眼看到的应该就是顶部轮播大图了;几张精美的图片再配上好看的JS效果,就可以用图片来展示出企业的产品或者服务;轮播图的使用手法对于大部分的建站公司来说都会用到,作为武汉专业的建站公司-盈科动力也不意外,就首页顶部就使用了轮播图的效果。所以今天就和大家分享一下SDCMS建站系统首页和子栏目怎么调用轮播图及子栏目怎么地单独的调用顶部大图(栏目banner图)。

和众多的CMS一样,SDCMS后台同样设置了轮播广告的功能;通过后台菜单:扩展管理-广告管理就可以对顶部轮播图进行设置。一般来说:可以对首页和不同的子栏目进行设置不同的轮播图;操作方法也非常简单:首页在广告设置添加不同的广告位,记住每个广告位的ID值;然后在不同的页面调用对应的广告轮播图就可以了;如下图:
SDCMS轮播图的调用方法
 
其中:{where id = 3}中的ID值就是后台指定的首页轮播广告对应的ID值;如果说每个栏目都使用不同的模型的话,那么每个不同的栏目都可以使用不同的ID值来调用不同的轮播图了,是不是很简单呢?

有的时候,大部分网站的子栏目很少说全部用几张图组合成的轮播图的,大部分的情况下,不同的栏目使用一张顶部大图就可以了,这个时候呢,如果说用广告轮播图的功能的话就有点多余,不够效率了;如果说每个不同的栏目只需要一张顶部大图的话,就可以使用到另外的一个功能了:栏目设置的时候,设置当前栏目的栏目banner图就可以了;如图:

SDCMS栏目banner背景

如图所示,每个不同的栏目上传不同的背景图就可以实现了。剩下的就是调用的问题,其实调用也非常的简单的:

<img src="{$rs[mycatepic]}" alt="武汉网站建设" class="img-responsive img-center">

很简单的一段代码就可以实现了,是不是?而这个时候呢不是说调用完了就可以解决的,要想完美解决这个问题还需要考虑到下面几点:

1:一级栏目传了图,二级栏目没有,如果每个二级栏目都传图,是不是很麻烦呢?那么可不可以直接调用一级传的图呢?

2:如果都没传图,显示就是空的,是不是用户体验度比较差呢?

3:对应三级详情页,没有传图的位置,顶部大图该怎么处理呢?

对于1,2两种情况,程序上可以写在一起,在调用的时候进行判断:如果一级栏目上传了大图,子栏目也上传了大图,那么就各自调用自身栏目所属的顶部大图;如果一级栏目上传了大图,子栏目没有上传大图;那么子栏目就调用一级栏目的大图;如果都没有上传大图,那么可以上传一张静态图,直接加载就可以了;代码如下:

SDCMS栏目banner图调用方法
 

图中所示:为了实现上述1,2,3中包含的情况;使用sql语句的方法查询到结果来显示内容;其中:$topid是指顶级栏目的ID值;通过顶级栏目的ID值来SQL出顶级栏目其它的参数如:mycatepic(栏目banner背景图字段);然后对情况进行判断就可以实现了,也是比较简单把?

当然了,上面的方面是针对一级栏目和一级栏目所属的子栏目调用栏目banner图的方法;对于三级详情页的大图怎么调用呢?其实也很简单;因为知道:$topid是顶级栏目(一级)的ID值了;那SQL出来mycatepic的值不就可以了?如图所示:


SDCMS三级详情页调用栏目banner背景图

上面就是小编对于SDCMS搭建网站的一些网站制作教程心得,有用得上的小伙伴快拿去用吧,如果不会的,也可以咨询小编客服哦!

温馨提示:

1、凡本网注明“来源:***(非盈科互动)”的作品,均转载自其它媒体,转载目的在于传递更多的信息,并不代表本网赞同其观点和对其真实性负责。

2、如因作品内容、版权和其它问题需要同本网联系的,请在30日内进行。

征稿启事:

为了更好的发挥盈科互动新闻资讯平台价值,促进诸位自身发展以及业务拓展,更好地为企业及个人提供服务,盈科互动诚征各类稿件,欢迎实力来稿。

文章TAG:

武汉网站制作教程
和这篇文章主题相似的文章
首页 | 网站建设 | 微信开发 | H5制作 | 网络营销 | 案例展示 | 新闻中心 | 文字版官网| 米拓模版标签在线手册