SSI服務端包含技術
阿新 • • 發佈:2018-12-16
1、ssi 概念
服務端嵌入(server side include),是一種基於伺服器端的網頁製作技術,可以將多個子頁面合併渲染輸出,大多數基於unix平臺的web伺服器均支援ssi指令,如nginx、apache
2、應用場景
cms管理系統中,頁面內容過多時,將頁面拆分成一個一個的小頁面,進行管理,當要更改部分頁面時只需要更改具體的小頁面即可。
3、原理
ssi 包含類似jsp頁面中的include指令 ,ssi是在web伺服器端將include指定的頁面包含在網頁中,合併渲染輸出。
ssi指令如下:
<!--#include virtual="/.../...html"-->
可以看到,ssi指令就是html註釋。實際上當伺服器開啟了ssi支援,就當做ssi指令解析,沒有開啟就康註釋解析
4、基本使用
(1)頁面拆分(根據實際情況拆分)
index.html 首頁
子頁面:
include/header.html :頭部區域
include/index_banner.html: 輪播圖
include/index_catagory.html: 左側列表導航
include/footer.html : 頁尾
(2)配置nginx
server { listen 80; server_name localhost; ssi on; # 開啟ssi支援,預設為false ssi_silent_errors on; #設定為on表示在處理ssi檔案時不輸出錯誤資訊,預設為false ssi_types text/html;預設支援html ,如果需要支援shtml(伺服器執行指令碼),需要設定為ssi_types text/shtml }
(3)啟動測試 刪除某個#include,重新整理頁面,看效果