站長(zhǎng)資訊網(wǎng)目的
用PHP生成HTML文檔, 支持標(biāo)簽嵌套縮進(jìn), 支持標(biāo)簽自定義屬性
起因
這個(gè)東西確實(shí)也是心血來潮寫的, 本來打算是輸出HTML片段用的, 但后來就干脆寫成了一個(gè)可以輸出完整HTML的功能;
我很滿意里邊的實(shí)現(xiàn)縮進(jìn)的機(jī)制, 大家有用到的可以看看
p.s. 現(xiàn)在都是真正的前后端分離了(vue, nodejs, webpack…), 這個(gè)東西喜歡就用, 不喜歡就算了~
支持的標(biāo)簽
html, head, meta, title, body, input, select/option, form, table, div, 注釋, 以及 自定義標(biāo)簽(成對(duì)出現(xiàn)的標(biāo)簽), 還有一大堆屬性(在下邊有介紹)
實(shí)現(xiàn)
整體
1.每個(gè)標(biāo)簽都對(duì)應(yīng)一個(gè)類, 比如 標(biāo)簽<html>, 對(duì)應(yīng)了一個(gè)叫html的類
2.標(biāo)簽中有用到的屬性, 我都放到了一個(gè)類中了, 并提供了方法去獲取賦了值的屬性
嵌套縮進(jìn)
每個(gè)標(biāo)簽我都設(shè)計(jì)了一個(gè)類, 比如 table 標(biāo)簽, 就有一個(gè)叫table的類與之對(duì)應(yīng)
每個(gè)類里邊一般都有以下3個(gè)重要成員:
1.本標(biāo)簽的縮進(jìn)值
2.輸出本標(biāo)簽最終字符串的方法, out()
3.給本標(biāo)簽添加子標(biāo)簽的方發(fā), append()
其中append()接收的是子標(biāo)簽的對(duì)象, 在最終調(diào)用$html->out()的時(shí)候, 每個(gè)子標(biāo)簽對(duì)象里的out()方法會(huì)被依次調(diào)用, 縮進(jìn)值也會(huì)從上層類傳遞到最下層類并累加;
另外, 每個(gè)類都包含了屬性類(calss attribute ), 每個(gè)類的縮進(jìn)值是從屬性類里繼承而來的, 所以如果修改了屬性類里的縮進(jìn)量, 所有類的縮進(jìn)量就跟著改變了
你也可以給標(biāo)簽類添加一個(gè)自己的縮進(jìn)值來覆蓋統(tǒng)一的縮進(jìn)值
屬性
我這里的方案是定義一個(gè)類(calss attribute ), 里邊有
1.標(biāo)簽可能擁有的屬性
2.對(duì)應(yīng)的setXxx方法
3.組裝非空的屬性拼成字符串的方法
4.為了不影響下次顯示, 會(huì)有專門的清空方法, 把之前賦值的屬性都清空
這樣的話, 在定義標(biāo)簽屬性的時(shí)候, 需要的就賦上值, 不需要的不賦值就不會(huì)在最終的HTML代碼中顯示出來
源碼
地址: 碼云 看其中的test.php文件,是介紹他的用法。
