欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Nginx ssi合并頁面的具體實現(xiàn)

 更新時間:2024年05月07日 10:41:50   作者:老貓喜歡今日爬山  
nginx的ssi模塊是一種類似于ASP的基于服務(wù)器的網(wǎng)頁制作技術(shù),本文主要介紹了Nginx ssi合并頁面的具體實現(xiàn),具有一定的參考價值,感興趣的可以了解一下

在做一個網(wǎng)站時,頁面上會有很多重復(fù)的內(nèi)容,每個頁面寫一遍很冗余,修改時還容易遺漏,所以可以把公共的部分寫好,放在單獨的HTML中,用時引用就行了。

nginx配置ssi可以將單個頁面拆分成一個一個的小頁面,訪問頁面時將多個子頁面合并渲染輸出,通過cms去管理這些小頁面,實現(xiàn)當(dāng)要更改部分頁面內(nèi)容時只需要更改具體某個小頁面。

1. 什么是SSI

SSI:Server Side Include,是一種基于服務(wù)端的網(wǎng)頁制作技術(shù),大多數(shù)(尤其是基于Unix平臺)的web服務(wù)器如Netscape Enterprise Server等均支持SSI命令。

它的工作原因是:在頁面內(nèi)容發(fā)送到客戶端之前,使用SSI指令將文本、圖片或代碼信息包含到網(wǎng)頁中。對于在多個文件中重復(fù)出現(xiàn)內(nèi)容,使用SSI是一種簡便的方法,將內(nèi)容存入一個包含文件中即可,不必將其輸入所有文件。通過一個非常簡單的語句即可調(diào)用包含文件,此語句指示 Web 服務(wù)器將內(nèi)容插入適當(dāng)網(wǎng)頁。而且,使用包含文件時,對內(nèi)容的所有更改只需在一個地方就能完成。

2. nginx 配置ssi實現(xiàn)

以一個頁面為例,將其拆分為

index.html  首頁主體內(nèi)容
include/header.html 頭部區(qū)域
include/banner.html 輪播圖區(qū)域
include/footer.html 頁面尾部區(qū)域

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
        <!--#include virtual="/include/header.html"-->
        <!--#include virtual="/include/banner.html"-->

        <h1>這是主頁面的body</h1>
        <!--#include virtual="/include/footer.html"-->
</body>
</html>

header.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>這是header區(qū)域</h1>
</body>
</html>

banner.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>這是輪播圖區(qū)域</h1>
</body>
</html>

footer.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1>這是尾部區(qū)域</h1>
</body>
</html>

配置nginx.conf

worker_processes  1;

events {
    worker_connections  1024;
}

http {
    include       mime.types;
    default_type  application/octet-stream;

    sendfile        on;
   
    keepalive_timeout  65;

    server {
        listen       80;
        server_name  localhost;
        # 開啟ssi 
        ssi on;
        ssi_silent_errors on;
    
        location / {
            # 這里路徑記得修改
            root   D:\\imooc\\test;
            index  index.html index.htm;
        }       
    }

}

重啟nginx

nginx -t
nginx -s reload

訪問頁面如下圖所示

可以看到 在訪問index.html時將其他的幾個頁面中的內(nèi)容也輸出到了index.html

主要步驟如下

1. 編寫子頁面

2. 使用<!--#include virtual="/include/header.html"--> 將子頁面插入到主頁面中

3. 配置nginx 開啟ssi

nginx 中的ssi的配置參數(shù)如下:

ssi on: 開啟ssi支持 
ssi_silent_errors on:默認為off,設(shè)置為on則在處理SSI文件出錯時不輸出錯誤信息 
ssi_types:默認為 ssi_types text/html,如果需要支持shtml(服務(wù)器執(zhí)行腳本,類似于jsp)則需要設(shè)置為ssi_types text/shtml

到此這篇關(guān)于Nginx ssi合并頁面的具體實現(xiàn)的文章就介紹到這了,更多相關(guān)Nginx ssi 合并頁面內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家! 

相關(guān)文章

  • 使用nginx設(shè)置代理服務(wù)器

    使用nginx設(shè)置代理服務(wù)器

    今天小編就為大家分享一篇關(guān)于使用nginx設(shè)置代理服務(wù)器,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2018-12-12
  • Nginx反向代理出現(xiàn)502?Bad?Gateway問題解決

    Nginx反向代理出現(xiàn)502?Bad?Gateway問題解決

    在配置Nginx反向代理時遇到502 Bad Gateway錯誤,經(jīng)過排查發(fā)現(xiàn)是SSL握手問題,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2024-10-10
  • nginx代理服務(wù)器配置雙向證書驗證的方法

    nginx代理服務(wù)器配置雙向證書驗證的方法

    今天小編就為大家分享一篇關(guān)于nginx代理服務(wù)器配置雙向證書驗證的方法,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧
    2019-02-02
  • Nginx的gzip指令使用小結(jié)

    Nginx的gzip指令使用小結(jié)

    GZIP就是將文件壓縮傳輸,圖片、視頻、大文件不建議使用壓縮,壓縮需要占用你的服務(wù)器資源,壓縮完效果也不大,今天通過本文給大家如何用好Nginx的gzip指令,感興趣的朋友一起看看吧
    2022-05-05
  • Nginx服務(wù)器進程數(shù)設(shè)置和利用多核CPU的方法

    Nginx服務(wù)器進程數(shù)設(shè)置和利用多核CPU的方法

    這篇文章主要介紹了Nginx服務(wù)器進程數(shù)設(shè)置和利用多核CPU的方法,這樣便可以更大限度地提高Nginx運行效率,需要的朋友可以參考下
    2015-08-08
  • 詳解如何在Nginx中設(shè)置文件上傳大小限制

    詳解如何在Nginx中設(shè)置文件上傳大小限制

    在使用 Nginx 進行文件上傳時,我們可能需要對上傳文件的大小進行限制,以防止用戶上傳過大的文件導(dǎo)致服務(wù)器負載過高,本文將介紹如何在 Nginx 中設(shè)置文件上傳大小限制,需要的朋友可以參考下
    2023-07-07
  • nginx+tomcat實現(xiàn)Windows系統(tǒng)下的負載均衡搭建教程

    nginx+tomcat實現(xiàn)Windows系統(tǒng)下的負載均衡搭建教程

    下面小編就為大家分享一篇nginx+tomcat實現(xiàn)Windows系統(tǒng)下的負載均衡搭建教程,具有很好的參考價值,希望對大家有所幫助
    2017-12-12
  • Mac M1 Nginx 配置多站點的實現(xiàn)

    Mac M1 Nginx 配置多站點的實現(xiàn)

    這篇文章主要介紹了Mac M1 Nginx 配置多站點的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-03-03
  • nginx服務(wù)器的下載安裝與使用詳解

    nginx服務(wù)器的下載安裝與使用詳解

    這篇文章主要介紹了nginx服務(wù)器的下載安裝與使用,本文給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-07-07
  • 詳解Nginx反向代理跨域基本配置與常見誤區(qū)

    詳解Nginx反向代理跨域基本配置與常見誤區(qū)

    這篇文章主要介紹了詳解Nginx反向代理跨域基本配置與常見誤區(qū),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2018-08-08

最新評論