请选择 进入手机版 | 继续访问电脑版
设为首页收藏本站

Discuz! 官方站

 找回密码
 立即注册

QQ登录

只需一步,快速开始

Discuz! X 最新研发动态 通过这个窗口,关注跟踪我们的研发进展 Discuz! 开发技术文库 - 给官方提建议

Discuz! X2 正式版下载 帮助网站实现一站式服务  商业支持服务咨询 下载 - 安装 - 常见问题 - 转换 - 讨论 - 购买

2012站长年会开启报名 限量船票免费发放 Discuz!十大荣誉用户评选 - Discuz!NT3.6发布 漫游引入QQ空间游戏 -一骑新区横扫三国-5d6d免费论坛

查看: 111018|回复: 102

图文并茂的教你如何创建模块和修改JS调用的内容 [复制链接]

Comsenz Team

我爱小熊

Rank: 12Rank: 12Rank: 12

UID
395598
积分
23083
帖子
17235
威望
780
在线时间
340 小时
注册时间
2006-7-4
发表于 2006-12-11 13:35:04 |显示全部楼层
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 编辑 ]
已有 1 人评分威望 收起 理由
Arice + 2 + 2 图文并荗

总评分: 威望 + 2  + 2   查看全部评分

Rank: 6Rank: 6

UID
232816
积分
1623
帖子
1944
威望
0
在线时间
7 小时
注册时间
2005-8-8
发表于 2006-12-11 13:48:49 |显示全部楼层
能不能调用资讯的分类名?

使用道具 举报

King

东京大屠杀

Rank: 6Rank: 6

UID
433926
积分
1172
帖子
1163
威望
20
在线时间
0 小时
注册时间
2006-9-6
发表于 2006-12-11 15:29:52 |显示全部楼层
板凳!!!!!!!!
克劳德

使用道具 举报

King

东京大屠杀

Rank: 6Rank: 6

UID
433926
积分
1172
帖子
1163
威望
20
在线时间
0 小时
注册时间
2006-9-6
发表于 2006-12-11 15:30:34 |显示全部楼层
收藏!!!!!!!!!!!1
克劳德

使用道具 举报

Comsenz Team

我爱小熊

Rank: 12Rank: 12Rank: 12

UID
395598
积分
23083
帖子
17235
威望
780
在线时间
340 小时
注册时间
2006-7-4
发表于 2006-12-11 16:06:56 |显示全部楼层

回复 #2 摇摆 的帖子

目前不能调用分类名称的  :)

使用道具 举报

Rank: 2

UID
467366
积分
52
帖子
62
威望
0
在线时间
0 小时
注册时间
2006-10-20
发表于 2006-12-13 12:20:11 |显示全部楼层
我跟着你的步骤来做的。为什么到最后只有 “模板内部调用代码”而没有"JavaScript调用代码“呢?
我用的是20061122版本。。。

使用道具 举报

Comsenz Team

我爱小熊

Rank: 12Rank: 12Rank: 12

UID
395598
积分
23083
帖子
17235
威望
780
在线时间
340 小时
注册时间
2006-7-4
发表于 2006-12-13 13:25:56 |显示全部楼层

回复 #6 chenshao8818 的帖子

您最后的模块风格选择的是  只获取数据吧?

所以没有js代码了

使用道具 举报

Rank: 2

UID
329953
积分
199
帖子
239
威望
0
在线时间
1 小时
注册时间
2006-3-14
发表于 2006-12-13 14:47:36 |显示全部楼层
第四步:复制所得代码,加入到相应的模板的位置。


请教:是把模板下载来编辑?下载来后,该加入到哪个位置?烦请解说下好吗?谢谢

使用道具 举报

Comsenz Team

我爱小熊

Rank: 12Rank: 12Rank: 12

UID
395598
积分
23083
帖子
17235
威望
780
在线时间
340 小时
注册时间
2006-7-4
发表于 2006-12-13 16:48:53 |显示全部楼层

回复 #8 hzl3 的帖子

您好  谢谢您的关注

将代码复制之后,不需要下载相应的模板了,您可以使用在线编辑的。
具体步骤是:打开supesite后台,找到在线编辑里的站点模板,然后将代码加入到您需要调用的地方。具体添加的位置要根据您的想法添加喽。。。
添加完之后点击提交保存就可以

使用道具 举报

Rank: 2

UID
329953
积分
199
帖子
239
威望
0
在线时间
1 小时
注册时间
2006-3-14
发表于 2006-12-13 18:33:42 |显示全部楼层

谢谢老大指点

我这就回去试试.不行的话,再回来请教您

[ 本帖最后由 hzl3 于 2006-12-13 22:43 编辑 ]

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

fastpost

手机版|Archiver|北京康盛新创科技有限责任公司 ( 京ICP证110024号|京网文[2011]0019-007号 )  

GMT+8, 2012-2-13 05:23 , Processed in 0.159417 second(s), 17 queries , Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部