如何改造Discuz的门户列表让其变得简洁大气

  在中国互联网中,也许从业者无人不知道Disucz的大名,因为它确实一款非常优秀的开源建站软件,也因此运行在国内各个网站服务器之上。说到它大家可能最大的印象就是做社区论坛,其实从本质上讲这块产品包括了很多模块,而我们最常用的BBS只是其中的一部分而已,同样的道理,门户也是其中的模块之一。

  也许在国内也有过很多优秀的开源CMS建站系统,但就是因为DZ聚合了很多个模块,而且进行各个模块的相互整合技术成本会很低,因此有不少的站长想直接利用这个程序解决自己所有问题,即全部用这套程序搭建问题。但就在这个时候,大家可能都有所感受,其实DZ的精髓还是在于它的论坛部分,而其他的模块就是不痛不痒了,特别是门户部分甚至在其官方没有确切的入口。因此,大家也知道默认的门户模板是很久都没有更新的,而且默认的确实有点上不了台面;比如今天就跟大家说说门户的列表页吧,我就通过我之前做的一个实例来分享下改造过程吧,实现后就是下面的样子,接下来我就讲解下基本的思路吧。

  

  第一,设计好样式并不书写好HTML和CSS,当然这也是最简单的一部分。这一点我相信只要懂做网站的朋友都会,甚至可以直接copy那些比较优秀网站的前端代码,也就是大家所谓的仿站中的一部分。当然我建议还是自己设计出版式来,这样更具个性,而且是你想做成什么样就是什么样的。

  第二,调用动态参数。上面第一步我们完成的仅仅是一个静态的页面,而我们现在做的肯定是需要让其内容动起来,而这些参数无非就是DZ内部的一些动态变量参数。比如文章的发布日期的变量是$value[dateline],文章的地址是$article_url,当然这些参数只要参考默认模板中的即可。这里又会有一个问题,也许大家可能会在这个页面需要加上默认模板没有的,而在默认模板其他页面有的。是不是自己复制另外页面的相应参数就可以了呢?肯定是不行的,DZ是一套比较复杂的系统,不同的页面的很多参数是不能通用的,这样就需要对部分进行二次开发。比如就如上面展示的列表那样需要加上原来没有的浏览数和评论数,就需要在相关的函数中添加一些功能性语句了,比如这个列表的相关函数存储在

  /source/module/portal/portal_list.php中

  在中间的自定义函数category_get_list中添加让通用变量启用的语句

  $article_count = C::t('portal_article_count')->fetch($value['aid']); if($article_count) $value = array_merge($article_count, $value);

  这样进行简单的二次开发后就可以在门户的列表页使用$value[commentnum]调用评论数以及用$value[viewnum]调用浏览数了;当然其他的一些功能也是类似的,当然需要你有一定的PHP基础。

  第三,优化性能。就如这种图文列表的形式,我们不可能在一个单页列表中包含的数据记录数只会三五个,一般地我们得在单页有近二十条数据,但这样就会出现一个问题,当用户首次打开这个列表的时候数据量会特别的大。比如就二十条数据,图片每个40KB,光列表中的图片大小就有了800KB,这样打开起来肯定不可能太快。这里就需要我们进行适当的性能优化,比如可以进行分屏加载,而使用jQuery和AJAX等技术都可以实现这些,比如jQuery的插件Lazy Load就可以实现图片的分屏加载,当然至于怎么用网上有很多相关的教程。在这里我不得不提示大家,jQuery 默认情况下会与DZ的JS冲突,因为DZ变量用的 是 $ 开头,而jQuery也是用$这个所以会有冲突。解决的办法也很简单,jQuery库不改变,只在引用的时候改变一下就可以了,可以先赋予一个变量如var jq = jQuery.noConflict();然后用这个变量jq代替引用中的$就可以解决这个冲突了。

  上面就是一个简单的实例分享,希望对大家有所帮助。其实上面的内容也提示了大家一些问题,那就是最好自己先掌握一些基础知识,同时不要胡乱添加一些代码,比如很多站长甚至不知道jQuery会和DZ冲突,而在网上随意下载特效添加在网站中,这样不出问题才怪!

  本文来源:http://logozhizuowang.com/read-htm-tid-210230.html(由logo制作网原创,转载请注明出处!)

时间: 2024-11-22 16:40:59

如何改造Discuz的门户列表让其变得简洁大气的相关文章

稍加改造Discuz论坛轻松实现分类信息站

&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;      经常在网络上看别人的文章,却很少自己写,一方面因为自己比较懒,一方面也不知道写些什么,今天不只为什么突然想写几句,就是想和大家谈谈地方分类信息网站还有发展吗? 本人由于自己爱好,3年前做了我帮帮您--安徽分类信息网,由于是兼职,所以没有太多的精力去管理个运营它,也没时间做太多的推广.之前跟很多地方站长学习过运营的经验,可是做了这几年还是没有什么太好的发展,

Discuz! 应用中心筛选应用小技巧

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 自上线以来,Discuz! 应用中心为站长提供了数百款应用,满足了更多站长需求.截止2012年5月份,已经有450多款应用在应用中心上线,有100,000个网站安装这些应用. 随着Discuz! 应用中心规模的持续扩大,应用的数量还在不断增加,面对海量应用,站长们该如何快速找到自己所需要的应用呢?下面小编就给大家简单介绍一些查找.筛选应用的小

浅谈dz!论坛到门户的转变

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断淘宝客 站长团购 云主机 技术大厅 我不知道是否有权利来谈这个,但是知道www.jokcn.com构架的朋友,都应该了解,这是一个从discuz到门户的转变.其实整个转变只不过实现了一种内容展示方式的更新,毕竟论坛里面的内容需要进入再进入才能浏览,门户相对首页容量较大,相对直观. 注意两点: 1.本教程并非适用于所有的discuz论坛.    2.如果你想真正的成功,一

简单配置discuz x2.5伪静态规则

一.discuz x2论坛首页"最后发表"帖子链接静态化 现在还没有找到完美的解决方法,不过通过这样做还是基本实现我想要的形式,有两种方法,各有各的不足. 方法1./source/module/forum/ 下的forum_redirect.php  代码如下 复制代码 把 dheader('Location: forum.php?mod=viewthread&tid='.$_G['tid'].$pageadd.'#lastpost'); 换成 header("HTT

动漫东东借力Discuz! X2 打造中国系统萌化旗舰平台

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 近日,原创系统萌化作品交流平台-动漫东东将其论坛程序升级至Discuz! X2版本,升级后的动漫东东受到用户的普遍欢迎,人气直线上升,日均会员注册量增加了40%. 据悉,动漫东东创建于2007年2月,是第一个原创系统萌化作品交流平台,也是系统萌化的提出者与推广者.经过四年的发展,网站聚集了近50万萌化爱好者和原创作者.成立至今,网站共发布原创

你想非常成功,必须让网民参与

我们从98年开始试图探寻网络广告新的衡量标准.我们一直有一个想法:要想在中国市场这个竞争非常残酷的市场生存下来,广告主一定要发现效果. 在关注网络广告效果的这些年,我们发现,一方面从98年开始网络广告的点击率却一直在持续地下降.另一方面,网络行销却在点击率之外让广告主受益.比如我们曾经给一个厂商做网络广告,我们很意外地,拿到一些很有价值的数据.大约几千位活动参与者如技术科长.厂长等留下了单位等较详细的联系方式,因为他想获奖,就一定要留下联系信息.这个对客户来讲却是一个潜在财富. 看来,衡量网络营

CI框架常用经典操作类总结(路由,伪静态,分页,session,验证码等)_php实例

本文实例总结了CI框架常用经典操作类.分享给大家供大家参考,具体如下: 1. 超级对象中的URI CI_URI类的解析url的相关信息 直接使用$this->uri可以使用它的相关属性 system/core/URI.php文件中 部分常用属性: (1) 分段获取url相关信息 $this->uri->segment(4); //获取url中pathinfo //的第四段的值 入口文件.php/控制器/动作/参数1/参数2/... (2) 通过方法中的形参传参 需要设默认值和顺序要注意

传闻之后,新浪终于宣布了在人事和架构上的调整

传闻之后,新浪终于宣布了在人事和架构上的调整,而这可能是又一个新的资本运作的开始. 近日,新浪官方宣布了对组织架构和人事的调整计划.其中,新浪门户业务由新浪COO杜红全面负责. 而微博则成为与门户并列的重点板块,由原新浪无线副总裁王高飞负责.在此之下,新浪原无线事业部的移动微博产品.技术团队,及原微博商业化产品.技术团队,将并入微博板块. 针对该调整,新浪官方对<第一财经日报>表示,新浪将根据2013年的战略,把业务重心转向"移动为先",在公司资源上向移动业务倾斜. 此前已

新浪启动“双寡头”模式或为微博IPO铺路

摘要: 传闻之后,新浪终于宣布了在人事和架构上的调整,而这可能是又一个新的资本运作的开始. 近日,新浪官方宣布了对组织架构和人事的调整计划.其中,新浪门户业务由新浪COO杜红全 传闻之后,新浪终于宣布了在人事和架构上的调整,而这可能是又一个新的资本运作的开始. 近日,新浪官方宣布了对组织架构和人事的调整计划.其中,新浪门户业务由新浪COO杜红全面负责. 而微博则成为与门户并列的重点板块,由原新浪无线副总裁王高飞负责.在此之下,新浪原无线事业部的移动微博产品.技术团队,及原微博商业化产品.技术团队