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

 

 

来源：https://my.oschina.net/shxjinchao/blog/3134473