給產(chǎn)品經(jīng)理及UI的PHP教程丨文章管理系統(tǒng)-預(yù)覽文章

首先打開(kāi)article_list.php頁(yè)面，找到下方代碼部分：

在前面增加下方代碼：

注意：target屬性在這里設(shè)置的是_blank，為了達(dá)到模擬用戶看到的界面，我們需要在一個(gè)新的窗口中打開(kāi)預(yù)覽的頁(yè)面。

修改好之后進(jìn)入文章管理列表可以看到如下效果：

現(xiàn)在打開(kāi)article_view.php頁(yè)面輸入下方代碼：

以上代碼沒(méi)有新的知識(shí)點(diǎn)，如果想不起來(lái)了可以參考下第六節(jié)和第七節(jié)的內(nèi)容。

打開(kāi)admin.css頁(yè)面增加下方代碼：

現(xiàn)在我們點(diǎn)一下預(yù)覽按鈕看看效果。預(yù)覽文章之前建議先發(fā)一個(gè)正文中帶有換行的文章。

運(yùn)行之后可以看出在創(chuàng)建時(shí)正文中的換行效果全部沒(méi)有了。這是因?yàn)樵谖谋居蛑羞M(jìn)行換行的時(shí)候，換行符是以\n的符號(hào)存儲(chǔ)到了數(shù)據(jù)庫(kù)，但瀏覽器是不支持\n符號(hào)的換行的。這時(shí)候我們就需要通過(guò)修改字符串的方式在每一個(gè)需要換行的地方加上HTML的換行符 ＜br＞。

PHP為我們提供了一個(gè)非常方便的函數(shù)：nl2br(string,xhtml)

我們把輸出正文的PHP代碼echo $j[content]部分改成如下：

nl2br函數(shù)是在每一個(gè)換行符前面插入了HTML的換行符br，除此之外我們還可以用str_replace();函數(shù)來(lái)替換換行符，代碼如下：

我們可以通過(guò)str_replace();函數(shù)來(lái)替換任何字符串，可以通過(guò)該方法來(lái)實(shí)現(xiàn)特殊文字高亮的效果噢！

到這里預(yù)覽文章的功能就做好了。

我們?cè)俣鄬W(xué)幾個(gè)字符串函數(shù)。

相信大家在多數(shù)網(wǎng)站中都見(jiàn)到過(guò)標(biāo)題或者摘要過(guò)長(zhǎng)的時(shí)候顯示指定長(zhǎng)度的文字，并且超出部分用省略號(hào)代替的效果。

傳統(tǒng)的做法是先通過(guò)strlen();函數(shù)獲取字符串的長(zhǎng)度，然后根據(jù)長(zhǎng)度來(lái)判斷如果超出長(zhǎng)度的話substr_replace();函數(shù)來(lái)替換超出指定長(zhǎng)度部分的文字為省略號(hào)。不過(guò)這么去做的話還得去判斷編碼，還得判斷是否是中文等等，反正很麻煩就是了。。。。。。

現(xiàn)在的PHP為了解決這個(gè)問(wèn)題，為我們提供了一個(gè)非常方便的函數(shù)：mb_strimwidth();

不過(guò)該函數(shù)要在我們的PHP環(huán)境支持mb_string的情況下才能用，我們可以通過(guò)運(yùn)行phpinfo();來(lái)看看是否支持該方法。也可以到PHP的配置文件php.ini里看看extension=php_mbstring.dll是否是開(kāi)啟狀態(tài)，如果前面有符號(hào)就說(shuō)明是關(guān)閉狀態(tài)，需要把符號(hào)去掉之后重啟apache才能支持。

注意：PHPnow的情況下配置文件是php-apache2handler.ini噢！

好了，我們到article_list.php頁(yè)里找到$j[title]部分，修改成如下代碼：

其中0和30可以理解成起始位置和結(jié)束位置，30位置以后的部分用省略號(hào)代替。

運(yùn)行一下我們的文章列表看看吧！

通過(guò)mb_strimwidth函數(shù)我們可以很輕松的完美兼容中英文漢字混合輸入的情況。

第二章講完了！

不過(guò)還有第三章噢，第三章我還沒(méi)決定是講關(guān)于注冊(cè)登錄等的基本用戶體系，還是關(guān)于圖片的處理。因?yàn)槟壳巴镀比藬?shù)很少，而且票數(shù)也基本持平，希望大家在公眾號(hào)或官網(wǎng)里多多參與投票。

第三章大約會(huì)在1個(gè)月之后開(kāi)始講解，因?yàn)樽髡弑救艘彩莻€(gè)半路出家的人，我需要自己先學(xué)的很透徹之后進(jìn)行二次梳理，才能有頭有尾的把一個(gè)階段內(nèi)容講通。

馬上就到圣誕節(jié)了，最后預(yù)祝大家圣誕快樂(lè)，元旦快樂(lè)！春節(jié)快樂(lè)就不說(shuō)了，計(jì)劃在春節(jié)前帶著第三章回來(lái)！(*^__^*)

（?未完待續(xù)，敬請(qǐng)期待）