Discuz!官方免费开源建站系统

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

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

[复制链接]
安笛 发表于 2006-12-11 13:35:04 | 显示全部楼层 |阅读模式
SupeSite后台提供了强大的模块调用功能,但是很多朋友还不会利用这个功能,为此我做一个详细的介绍,请您仔细的阅读完这篇帖子。

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

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

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

第一步:确定您需要调用的模块:
    下图列出了所有的可调用模块,本教程以调用最新资讯为例。(图1)
   
    步骤:SupeSite的后台,打开创建模块就可以看到上图的内容。

第二步:在确定您需要的模块后点击该模块(例如点击“资讯”),得到以下列表。(图2)
   
    接下来介绍如何设置调用参数:
    1 模块名:这个是必填项,就是您调用的这个模块的名称。(图3)
   
    2 过滤设置:(图4)
      
      为您调用的内容做更加详细的限制。提供的限制参数有:资讯的itemid(s)、审核等级、站点分类、包含附件、精华级别、置顶级别、发布时间范围、最后回复范围、指定作者uid、查看数范围、回复数范围、引用数范围、好评分范围、差评分范围。
      这些参数不是必须设置的选项,可以根据您的需要设置。例如,必须调用科技世界的内容,您可以在“站点分类”之后,选择“科技世界”。(图5)
      
    3 排序设置:(图6)
      
      调用内容的显示排序方式,系统提供了三级排序,每一个等级都有可供选择的8种排序。
    4 数据设置:(图7)
      
      在此设置每次显示的数据行数以及是否需要分页显示,这里是设置调用内容的显示方式。
    5 缓存设置:(图8)
      
      设置调用的更新时间
    6 显示处理:(图9)
      
      在此设置是否读取附件和个人空间的信息。这里需要注意的是,如果您调用图片内容,必须选择“显示详细内容”(图10)
      
    7 显示风格:(图11)
      变量名(必填):您调用数据的一个变量名称。可以随便填入。
      选择模块风格文件:在这里选择系统内置的风格模块,这里已经列出所有的可调用模块。当然,您也可以自创模块。
      自己输入模块风格文件:如果系统自带的模块不能符合您的要求,您可以自己创建一个模块,并放置于styles目录下面,后缀      为.html.php

第三步:在您选择了需要调用的栏目之后,点击“提交保存”,获得调用代码。(图12)
    在此介绍一下上图中“模板内部调用代码”和“JavaScript调用代码”的含义。如果您在SupeSite站内调用,直接复制“模板内部调用代码”填入当相应的模板内,如果是其他的站点调用SupeSite站点内容,必须复制“JavaScript调用代码”。

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

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

例如,将图13所显示的内容修改为红色字体。分为一下三个步骤:
第一、打开“模块风格”(图14)
      步骤:SupeSite的后台,打开“模块风格”就可以看到上图的内容。
第二、找到您调用的模块,本例子为资讯列表(标题),对应的模块为item_subject_list(图15)。
第三、打开styles/item_subject_list.html.php,编辑此文件,加入html语句,可以看到显示为红色的标题。(图16)


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


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

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x

评分

1

查看全部评分

摇摆 发表于 2006-12-11 13:48:49 | 显示全部楼层
能不能调用资讯的分类名?
回复

使用道具 举报

wuhaolong 发表于 2006-12-11 15:29:52 | 显示全部楼层
板凳!!!!!!!!
回复

使用道具 举报

wuhaolong 发表于 2006-12-11 15:30:34 | 显示全部楼层
收藏!!!!!!!!!!!1
回复

使用道具 举报

 楼主| 安笛 发表于 2006-12-11 16:06:56 | 显示全部楼层

回复 #2 摇摆 的帖子

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

使用道具 举报

chenshao8818 发表于 2006-12-13 12:20:11 | 显示全部楼层
我跟着你的步骤来做的。为什么到最后只有 “模板内部调用代码”而没有"JavaScript调用代码“呢?
我用的是20061122版本。。。
回复

使用道具 举报

 楼主| 安笛 发表于 2006-12-13 13:25:56 | 显示全部楼层

回复 #6 chenshao8818 的帖子

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

所以没有js代码了
回复

使用道具 举报

hzl3 发表于 2006-12-13 14:47:36 | 显示全部楼层
第四步:复制所得代码,加入到相应的模板的位置。


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

使用道具 举报

 楼主| 安笛 发表于 2006-12-13 16:48:53 | 显示全部楼层

回复 #8 hzl3 的帖子

您好  谢谢您的关注

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

使用道具 举报

hzl3 发表于 2006-12-13 18:33:42 | 显示全部楼层

谢谢老大指点

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

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

使用道具 举报

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

本版积分规则

手机版|小黑屋|Discuz! 官方站 ( 皖ICP备16010102号 )star

GMT+8, 2024-9-28 09:23 , Processed in 0.186038 second(s), 20 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

快速回复 返回顶部 返回列表