SSI服務端包含技術

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,刷新頁面，看效果