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

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索

[分享] 在discuz x的首页diy调用品牌空间数据的方法(附模板文件)

  [复制链接]
mengganzi 发表于 2010-8-17 10:21:01 | 显示全部楼层 |阅读模式
本帖最后由 mengganzi 于 2010-8-20 15:04 编辑

已附两个调用的模板文件,效果如下:


6个推荐品牌信息(横排):

4个团购信息(竖排):



我们以调用品牌空间中最新发布的6件商品为例
第一步:
    进入品牌空间管理员后台----全局----数据调用----新建数据调用,如下图,进行设置:
    图中用到的sql语句可以在这个帖子中找到:
    https://discuz.dismall.com/thread-1825362-1-1.html

   

    设置完毕后,点击确定,会跳转到如下图所示页面,图中的 JavaScript调用代码 部分就是我们待会将要用到的代码。

   

第二步:
    找到品牌空间根目录\static\blockstyle,在此文件夹下,我们新建一个文件:new_goods.html.php,我们可以仿照这个文件夹下的js_good_li.html.php文件来写这个自己要用到的模板文件。注意:此处模板文件的命名,要与第一步数据调用设置部分填写的 模块风格文件 的名字一样!

    new_goods.html.php文件简单代码如下:
  1. <?exit?>
  2. <style>
  3. .ppl li { float: left;height: 200px; text-align: center; overflow: hidden; margin:2px 5px; font-size:10px;}
  4.         .ppl li img{border:0px; max-width:120px;width:expression(this.width > 120 ? 120:true); max-height:120px;height:expression(this.height > 120 ? 120:true);}
  5.         .ppl li div {font-size: 10px; margin-top:1px; padding: 5px 5px 8px;  border: solid 2px #f5f5f5 ; display:block;}
  6. .cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cl { zoom: 1; }
  7. </style>

  8. <!--{if $iarr}-->
  9. <div id="productlist"style="width: 1000px; height:300px;">
  10.         <ul class="ppl cl" style="display: block; list-style: none; ">
  11.                 <!--{loop $iarr $ikey $value}-->
  12.                 <li>
  13.                         <div><a href="{B_URL}/store.php?id={$value['shopid']}&action=good&xid={$value['itemid']}" target="_blank"><img alt="" src="{$value['thumb']}"></a>
  14.                 <br/>{$value['subject']}</div>
  15.                         <br/><font color="red">会员价:{$value['minprice']}</font>
  16.                         <br/><del>原价:{$value['priceo']}</del>
  17.                        
  18.                 </li>
  19.                 <!--{/loop}-->
  20.         </ul>
  21. </div>
  22. <!--{/if}-->
复制代码
第三步:打开discuz x的首页,并用管理员帐号登录,在右上角会出现一个diy的按钮,点击,
    按照普通diy首页的步骤,我们先添加一个框架,如下图所示,在此处我添加的是一个100%的框架
   
        

   

   

    然后我们在这个新的框架中添加一个新的展示类模块,如下图所示:
   
   

    此时,会弹出一个窗口,我们将第一步中所生成的 JavaScript调用代码 复制,粘贴到 HTML代码 所对应的文本框中,点击确定,如下图

   
   
    继续填写相应设置,点击确定后, 保存diy设置 ,如下图

   
   

    此时 我们就可以看到调用结果了,如图:
   

本帖子中包含更多资源

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

x

评分

1

查看全部评分

玻璃屋女孩 发表于 2010-8-17 10:42:52 | 显示全部楼层
回复

使用道具 举报

littlehz 发表于 2010-8-17 10:47:43 | 显示全部楼层


目前是JavaScript调用方式,需要注意,每次在品牌空间后台调整数据调用,相应的JS代码会重新生成,需要重新粘贴到Discuz!X中

基于JS的调用方式可能还不是很方便,基于API方式的拖拽调用我们也正在考虑。
回复

使用道具 举报

283545944 发表于 2010-8-17 11:02:54 | 显示全部楼层
提示: 作者被禁止或删除 内容自动屏蔽
回复

使用道具 举报

todayceo 发表于 2010-8-17 11:23:54 | 显示全部楼层
好技巧!又学一招
回复

使用道具 举报

wnyhy 发表于 2010-8-17 13:32:00 | 显示全部楼层
太复杂。一般的会员肯定不会弄。
回复

使用道具 举报

mwtee 发表于 2010-8-17 14:40:50 | 显示全部楼层
是有点复杂了,呵呵
回复

使用道具 举报

jack168 发表于 2010-8-17 14:52:19 | 显示全部楼层
这是产品的调用,店铺的调用呢?
回复

使用道具 举报

cometj 发表于 2010-8-17 15:07:09 | 显示全部楼层
如果1.5的DIY里有品牌空间的东西就好了,直接拖拽!
回复

使用道具 举报

noetic 发表于 2010-8-17 15:21:02 | 显示全部楼层
是缓存调用还是JS调用?
回复

使用道具 举报

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

本版积分规则

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

GMT+8, 2024-9-28 17:24 , Processed in 0.119093 second(s), 18 queries , Gzip On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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