我們在接的項目中,經(jīng)常會有客戶要求,在平臺上面用動態(tài)的形式展示一些信息,比如,公司的最新新聞動態(tài),最新通知,又或者我們在淘寶一些購物平臺上面,客戶的評論,需要用動態(tài)展示的形式展示給更多的人看到,那么,在技術(shù)上如何實現(xiàn)動態(tài)展示信息呢?一起來學(xué)習(xí)。
HTML
上述HTML結(jié)構(gòu)由N個.saylist構(gòu)成,用于展示用戶的評論信息,當(dāng)然在本例中,將由PHP負責(zé)生成這段XHTML代碼。
CSS
使用上述CSS渲染HTML外觀,當(dāng)然你也可以自己定制你喜歡的外觀樣式。
PHP
在function.php中有兩個函數(shù),formatSay()用來輸出用戶評論列表,即輸出上文中的HTML。
時間軸函數(shù)tranTime()將時間轉(zhuǎn)換成如“1小時前”的格式
然后在index.php中調(diào)用funciton.php,并連接MySQL數(shù)據(jù)庫輸出評論列表。
在div#demo中輸出評論列表。
這樣一來,運行index.php會出現(xiàn)一個列表,我們只需要一條一條展示,下面就需要jQuery來辦了。
jQuery
昌雅騰教育專注IT職業(yè)技術(shù)培訓(xùn),主要培養(yǎng):PHP軟件開發(fā)工程師、WEB前端開發(fā)工程師
學(xué)習(xí)熱線:15079188802(程老師)
QQ:1939594233