欧美精品乱码99久久蜜桃,日韩精品亚洲人成在线,人妻无码一区二区三区免费,欧美日韩精品suv,青青草97国产精品免费观看

企業(yè)形象網(wǎng)站建設(shè)解決方案   |   集團公司網(wǎng)站建設(shè)解決方案   |    協(xié)會門戶網(wǎng)站建設(shè)解決方案
您所在位置:首頁 > 建站知識

網(wǎng)站設(shè)計

Website development

如何改造Discuz門戶列表 讓其變得簡潔大氣

發(fā)布時間:2014-05-04 17:20:48

TAGS:插畫設(shè)計,用戶體驗

在中國互聯(lián)網(wǎng)中,也許從業(yè)者無人不知道Disucz的大名,因為它確實一款非常優(yōu)秀的開源建站軟件,也因此運行在國內(nèi)各個網(wǎng)站服務(wù)器之上。說到它大家可能大的印象就是做社區(qū)論壇,其實從本質(zhì)上講這塊產(chǎn)品包括了很多模塊,而我們常用的BBS只是其中的一部分而已,同樣的道理,門戶也是其中的模塊之一。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

也許在國內(nèi)也有過很多優(yōu)秀的開源CMS建站系統(tǒng),但就是因為DZ聚合了很多個模塊,而且進行各個模塊的相互整合技術(shù)成本會很低,因此有不少的站長想直接利用這個程序解決自己所有問題,即全部用這套程序搭建問題。但就在這個時候,大家可能都有所感受,其實DZ的精髓還是在于它的論壇部分,而其他的模塊就是不痛不癢了,特別是門戶部分甚至在其官方?jīng)]有確切的入口。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

因此,大家也知道默認的門戶模板是很久都沒有更新的,而且默認的確實有點上不了臺面;比如今天就跟大家說說門戶的列表頁吧,我就通過我之前做的一個實例來分享下改造過程吧,實現(xiàn)后就是下面的樣子,接下來我就講解下基本的思路吧。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

第一,設(shè)計好樣式并不書寫好HTML和CSS,當然這也是簡單的一部分。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

這一點我相信只要懂做網(wǎng)站的朋友都會,甚至可以直接copy那些比較優(yōu)秀網(wǎng)站的前端代碼,也就是大家所謂的仿站中的一部分。當然我建議還是自己設(shè)計出版式來,這樣更具個性,而且是你想做成什么樣就是什么樣的。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

第二,調(diào)用動態(tài)參數(shù)。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

上面第一步我們完成的僅僅是一個靜態(tài)的頁面,而我們現(xiàn)在做的肯定是需要讓其內(nèi)容動起來,而這些參數(shù)無非就是DZ內(nèi)部的一些動態(tài)變量參數(shù)。比如文章的發(fā)布日期的變量是$value[dateline],文章的地址是$article_url,當然這些參數(shù)只要參考默認模板中的即可。這里又會有一個問題,也許大家可能會在這個頁面需要加上默認模板沒有的,而在默認模板其他頁面有的。是不是自己復(fù)制另外頁面的相應(yīng)參數(shù)就可以了呢?肯定是不行的,DZ是一套比較復(fù)雜的系統(tǒng),不同的頁面的很多參數(shù)是不能通用的,這樣就需要對部分進行二次開發(fā)。比如就如上面展示的列表那樣需要加上原來沒有的瀏覽數(shù)和評論數(shù),就需要在相關(guān)的函數(shù)中添加一些功能性語句了,比如這個列表的相關(guān)函數(shù)存儲在Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

/source/module/portal/portal_list.php中Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

在中間的自定義函數(shù)category_get_list中添加讓通用變量啟用的語句Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

$article_count = C::t('portal_article_count')->fetch($value['aid']); if($article_count) $value = array_merge($article_count, $value);Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

這樣進行簡單的二次開發(fā)后就可以在門戶的列表頁使用$value[commentnum]調(diào)用評論數(shù)以及用$value[viewnum]調(diào)用瀏覽數(shù)了;當然其他的一些功能也是類似的,當然需要你有一定的PHP基礎(chǔ)。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

第三,優(yōu)化性能。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

就如這種圖文列表的形式,我們不可能在一個單頁列表中包含的數(shù)據(jù)記錄數(shù)只會三五個,一般地我們得在單頁有近二十條數(shù)據(jù),但這樣就會出現(xiàn)一個問題,當用戶首次打開這個列表的時候數(shù)據(jù)量會特別的大。比如就二十條數(shù)據(jù),圖片每個40KB,光列表中的圖片大小就有了800KB,這樣打開起來肯定不可能太快。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

這里就需要我們進行適當?shù)男阅軆?yōu)化,比如可以進行分屏加載,而使用jQuery和AJAX等技術(shù)都可以實現(xiàn)這些,比如jQuery的插件Lazy Load就可以實現(xiàn)圖片的分屏加載,當然至于怎么用網(wǎng)上有很多相關(guān)的教程。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

在這里我不得不提示大家,jQuery 默認情況下會與DZ的JS沖突,因為DZ變量用的 是 $ 開頭,而jQuery也是用$這個所以會有沖突。解決的辦法也很簡單,jQuery庫不改變,只在引用的時候改變一下就可以了,可以先賦予一個變量如var jq = jQuery.noConflict();然后用這個變量jq代替引用中的$就可以解決這個沖突了。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

上面就是一個簡單的實例分享,希望對大家有所幫助。其實上面的內(nèi)容也提示了大家一些問題,那就是好自己先掌握一些基礎(chǔ)知識,同時不要胡亂添加一些代碼,比如很多站長甚至不知道jQuery會和DZ沖突,而在網(wǎng)上隨意下載特效添加在網(wǎng)站中,這樣不出問題才怪!Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

本文來源:http://logozhizuowang.com/read-htm-tid-210230.html(由logo制作網(wǎng)原創(chuàng),轉(zhuǎn)載請注明出處!)Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

注:相關(guān)網(wǎng)站建設(shè)技巧閱讀請移步到建站教程頻道。Tci北京網(wǎng)站設(shè)計開發(fā),小程序開發(fā),公眾號,微信開發(fā)-云智互聯(lián)

原創(chuàng)不易,未經(jīng)授權(quán),嚴禁轉(zhuǎn)載

原文地址:http://www.mpian.cn/web/exp/2014-05-04/1520.html

客戶評價

更多+
  • 感謝云智互聯(lián),系統(tǒng)提前完成,在整個項目周期內(nèi),云智互聯(lián)對待我們并不像是對待客戶,更像是朋友一樣,每一次,都能以專業(yè)的角度向我們提出更合理、更有效的解決方案,并快速、細致地完成我們的每一個需求,再次感謝以至誠之心做事的云智互聯(lián)團隊。

    潘濤

  • 我是東方龍馬集團,在云智家做了2個企業(yè)官網(wǎng),服務(wù)態(tài)度超級好。如果想做網(wǎng)站,選擇他家一定不后悔。性價比高,服務(wù)態(tài)度好。值得你的信賴!

    譚嬌

  • 技術(shù)好,設(shè)計精良,操作便利,很專業(yè)!配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品,運行方便,后臺操作的簡單。技術(shù)還會耐心教我,很好的云智互聯(lián)(北京)科技有限公司,建站很不錯的。

    陳曦

  • 不錯,價格比較合適,重點是響應(yīng)速度蠻快,有什么問題都會馬上給你解決,公司很滿意,因為他們都是針對每個項目建了相應(yīng)的討論組,有問題可以再里面提出,人員分工到位,解決問題很及時。

    張經(jīng)理

聯(lián)系方式

工作時間:09:30-18:30
咨詢電話:010-64758810
客服郵箱:net@cnlink.cc

合作伙伴

All Rights Reserved.©2010-2016 YZLINK.CN 京公網(wǎng)安備 110105019435 京ICP備14020656號
本網(wǎng)站設(shè)計已受版權(quán)保護,任何公司及個人不得復(fù)制,違者將依法追究責任,特此聲明。法律顧問:北京市輝瑞律師事務(wù)所。

嘿,我們微信溝通!

復(fù)制手機號