1. 程式人生 > >SSI服務端包含技術

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,重新整理頁面,看效果