1. 程式人生 > >前臺讀取資料庫提取html標籤內的內…

前臺讀取資料庫提取html標籤內的內…

實驗室的一個專案,不久前使用者臨時更改需求,需要將頁面上的欄位"U95" 的U改成斜體,並且將"95"改為下標,然後再打印出來。
首先,先測試了一下是否能在頁面顯示這樣的字型,直接輸出一個帶html標籤的文字。
前臺讀取資料庫提取html標籤內的內容
結果是可以的。這樣列印就符合使用者的要求了。
前臺讀取資料庫提取html標籤內的內容

那我們在資料庫裡存放資料的時候帶著html標籤不就可以了。就像這樣:

前臺讀取資料庫提取html標籤內的內容

隨之來了一個問題,當需要修改資料庫資料時,由於我們是通過一個文字框獲取資料庫資料的,資料傳到前臺會帶著標籤:
前臺讀取資料庫提取html標籤內的內容
前臺讀取資料庫提取html標籤內的內容

使用者並不認識這樣的東西,需要將後臺資料經過處理再傳到前臺,看了看資料,於是寫了個正則表示式,替換原始碼:
前臺讀取資料庫提取html標籤內的內容

首先是正則表示式分界符,然後從"<"標籤開始匹配,任何不是”>“的都可以,”+“匹配一次或者多次,以">"結尾,再加上分界符。需要注意的是,分界符後面的"g"千萬不能丟,它是global的意思,如果丟了則只會匹配第一個"<..>",後面的不會匹配。
後面我會貼上寫的例子。替換完測試,成功。

前臺讀取資料庫提取html標籤內的內容


最後是有無g的測試樣例:
沒有g的時候:


前臺讀取資料庫提取html標籤內的內容


執行如下:

前臺讀取資料庫提取html標籤內的內容

可以看見只把第一個""過濾了,後面的標籤還是會顯示出來。

下面是有g的時候:


前臺讀取資料庫提取html標籤內的內容

執行如下:
前臺讀取資料庫提取html標籤內的內容
所有標籤都沒有了!