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