字体:  

图文并茂的教你如何创建模块和修改JS调用的内容

安笛 发表于: 2006-12-11 13:35 来源: SupeSite/X-Space官方站

SupeSite后台提供了强大的模块调用功能,但是很多朋友还不会利用这个功能,为此我做一个详细的介绍,请您仔细的阅读完这篇帖子。

本教程以SS5.0为例子,创建模块的方法同样适应于SS5.5!

学会这个功能之后,就可以轻松地使用SupeSite。

本教程分为以下四个步骤做详细地介绍:

第一步:确定您需要调用的模块:
    下图列出了所有的可调用模块,本教程以调用最新资讯为例。(图1)
   


1.JPG


    步骤:SupeSite的后台,打开创建模块就可以看到上图的内容。

第二步:在确定您需要的模块后点击该模块(例如点击“资讯”),得到以下列表。(图2)
   


2.JPG


    接下来介绍如何设置调用参数:
    1 模块名:这个是必填项,就是您调用的这个模块的名称。(图3)
   


3.JPG


    2 过滤设置:(图4)
      


4.JPG


      为您调用的内容做更加详细的限制。提供的限制参数有:资讯的itemid(s)、审核等级、站点分类、包含附件、精华级别、置顶级别、发布时间范围、最后回复范围、指定作者uid、查看数范围、回复数范围、引用数范围、好评分范围、差评分范围。
      这些参数不是必须设置的选项,可以根据您的需要设置。例如,必须调用科技世界的内容,您可以在“站点分类”之后,选择“科技世界”。(图5)
      


5.JPG


    3 排序设置:(图6)
      


6.JPG


      调用内容的显示排序方式,系统提供了三级排序,每一个等级都有可供选择的8种排序。
    4 数据设置:(图7)
      


7.JPG


      在此设置每次显示的数据行数以及是否需要分页显示,这里是设置调用内容的显示方式。
    5 缓存设置:(图8)
      


8.JPG


      设置调用的更新时间
    6 显示处理:(图9)
      


9.JPG


      在此设置是否读取附件和个人空间的信息。这里需要注意的是,如果您调用图片内容,必须选择“显示详细内容”(图10)
      


10.JPG


    7 显示风格:(图11)


11.JPG


      变量名(必填):您调用数据的一个变量名称。可以随便填入。
      选择模块风格文件:在这里选择系统内置的风格模块,这里已经列出所有的可调用模块。当然,您也可以自创模块。
      自己输入模块风格文件:如果系统自带的模块不能符合您的要求,您可以自己创建一个模块,并放置于styles目录下面,后缀      为.html.php

第三步:在您选择了需要调用的栏目之后,点击“提交保存”,获得调用代码。(图12)


12.JPG


    在此介绍一下上图中“模板内部调用代码”和“JavaScript调用代码”的含义。如果您在SupeSite站内调用,直接复制“模板内部调用代码”填入当相应的模板内,如果是其他的站点调用SupeSite站点内容,必须复制“JavaScript调用代码”。

第四步:复制所得代码,加入到相应的模板的位置。如何读懂模板,可以参考这个帖子的内容:
http://www.discuz.net/thread-471184-1-1.html。本例为将代码加入到首页(index.html.php)。
        调用的内容如下图显示(图13)


13.JPG



接下来介绍的是如何对得到的内容做一些修改,主要是利用html做显示上的修改。
做修改的一个思路是,首先找到您调用的模块,然后打开styles文件找到此模块做修改。

例如,将图13所显示的内容修改为红色字体。分为一下三个步骤:
第一、打开“模块风格”(图14)


14.JPG


      步骤:SupeSite的后台,打开“模块风格”就可以看到上图的内容。
第二、找到您调用的模块,本例子为资讯列表(标题),对应的模块为item_subject_list(图15)。


15.JPG


第三、打开styles/item_subject_list.html.php,编辑此文件,加入html语句,可以看到显示为红色的标题。(图16)


16.JPG



注意:新下载的版本,系统自带的模块和教程里的有所不同!
现在的版本的模板如下图:


1.JPG



[ 本帖最后由 安笛 于 2007-8-21 13:37 编辑 ]

最新回复

摇摆 at 2006-12-11 13:48:49
能不能调用资讯的分类名?
wuhaolong at 2006-12-11 15:29:52
板凳!!!!!!!!
wuhaolong at 2006-12-11 15:30:34
收藏!!!!!!!!!!!1
安笛 at 2006-12-11 16:06:56
目前不能调用分类名称的  
chenshao8818 at 2006-12-13 12:20:11
我跟着你的步骤来做的。为什么到最后只有 “模板内部调用代码”而没有"JavaScript调用代码“呢?
我用的是20061122版本。。。
安笛 at 2006-12-13 13:25:56
您最后的模块风格选择的是  只获取数据吧?

所以没有js代码了
hzl3 at 2006-12-13 14:47:36

QUOTE:

第四步:复制所得代码,加入到相应的模板的位置。
请教:是把模板下载来编辑?下载来后,该加入到哪个位置?烦请解说下好吗?谢谢
安笛 at 2006-12-13 16:48:53
您好  谢谢您的关注

将代码复制之后,不需要下载相应的模板了,您可以使用在线编辑的。
具体步骤是:打开supesite后台,找到在线编辑里的站点模板,然后将代码加入到您需要调用的地方。具体添加的位置要根据您的想法添加喽。。。
添加完之后点击提交保存就可以
hzl3 at 2006-12-13 18:33:42
我这就回去试试.不行的话,再回来请教您

[ 本帖最后由 hzl3 于 2006-12-13 22:43 编辑 ]
uoojoo at 2006-12-16 04:37:38
3Q i am looking
tearszhu at 2006-12-20 09:25:21
请教:

我调用的是专题和图片,但是发现图片显示不了,是怎么回事?调用图片附件时的图片部分显示不了,可能的原因是什么呢?

PS:如何能像首页中5等级所显示的那个,截取文章的前面部分和标题?

如:
http://www.jobaaa.com/inc/info.jsp
Arice at 2006-12-20 11:08:36
在教程里已经重点提过显示图片需要注意的问题了
请看1楼教程中的图10

第二个问题  需要您自己做一个模块添加到 styles 文件里
adoma at 2006-12-20 23:02:09
styles 里面没有响应的风格文件,请问在哪里下载
hostgirl at 2006-12-21 23:26:45
楼主,为什么我们的后台在这个地方不一样呢?(看图)
能说说其中的奥妙之处吗?是不是您用的是下一代版,而我用的还是11月22号的版本?


Snap1.jpg


Snap2.jpg

hostgirl at 2006-12-21 23:27:27
是人品不过关吗?
安笛 at 2006-12-22 09:48:43
您好

最新下载的程序包里  styles  文件里没有之前那么多的模块了   

其他的内容都没有变化

所以您看到的可选风格文件没有那么多

模块这里重要的就是DIY   这样自己的站点才有别具一格的风格  
tzuhang at 2006-12-26 20:27:10
如果沒有附先前的風格,那麼視頻教程的東資跟本就無法自行練習,完全不同,要自己diy也要先將基本功學習好再自己創造不同的模塊不是嗎????希望能將那些沒放上的模塊都一起給會員!!!!!!!讓大家可以依視頻教程練習!!!!!不然你出視頻教程也沒意義ㄚ!不是嗎?
安笛 at 2006-12-27 09:38:45
教程只是一种引导,更多是需要自己去尝试。
况且说,现在还是有部分的模板存在的,如果不想自己去写模板的话,还是可以利用现有的资源。
leizhai at 2006-12-27 14:21:09
对高手来说写个模块太简单了,就请官方来照顾一下我们菜鸟吧,毕竟你们要推广,菜鸟人群是不能忽视的
unityoxb at 2006-12-28 03:27:29
请问取出来的数据如何分段显示呢?成了一大片了.
at