JSP最佳實務: 使用JSP include機制改進外觀

來源:互聯網
上載者:User

簡介:本文是新的 JSP 最佳實務系列文章的第一部分,它介紹了 JavaServer Pages include 機制。 請跟隨 Java 編程專家 Brett McLaughlin 學習如何使用 include 將靜態標頭檔和腳註檔案加入您的 網站或 Web 應用程式頁面中。

歡迎閱讀 Java 專區中最新的 最佳實務系列文章。如果您看過先前的系列文章,那麼您會知道最佳實 踐旨在讓您快速瞭解各種 Java 技術的有用方面。這一系列的最佳實務專門討論 JavaServer Pages(JSP )技術,它是核心 J2EE 技術之一。

簡而言之,JSP 技術是在 Java 平台上構建 Web 頁面或 Web 應用程式介面的工具。JSP 技術允許我 們做如下事情:動態響應請求資料、顯示複雜的 XML 和 HTML 以及建立生動有趣、動態驅動的網站。在 本系列中,您將學習一些用 JSP 技術構建網站的基礎知識。我將為您介紹最常用的 JSP 機制,通過這些 機制,您將瞭解基本的 Web 開發技術,如製作模板、操作動態內容、映像託管、建立公用程式程式碼程式庫等 。

本文是這一系列文章的第一篇,在本文中,我們將集中討論 JSP include 機制,該機制允許我們“拉 ”入本地 HTML 頁面的內容。我們將首先介紹有關 Web 頁面 include 發展的一些背景知識,尤其是架構 和伺服器端 include 的使用。然後,我將向您示範如何使用 JSP include 機制將統一的標頭檔和腳註文 件添加到 Web 頁面或 Web 應用程式螢幕。

更好的外觀

為 Web 頁面建立一致的設計和布局是確保獲得專業化外觀的最容易方法之一。您或許看過足夠多的網 站,知道單個網站中的大部分頁面都共用統一的頁面頭、頁面尾以及某種類型的導覽列。在設計良好的站 點上,這些元素將在每個頁面上呈現相同的布局、內容和功能,而主面板(通常稱為 內容窗格)會隨著 每個視圖而變化。

以前,這種布局幾乎完全由架構和框架組實現。每段靜態內容被放置在一個架構中,而頁面的主體內 容被放置在中間架構中。架構的麻煩就是不同的瀏覽器常常會以不同方式顯示它們,使它們的外觀不一致 。使用架構從內部頁面連結外部網站則比想像的更加困難。原本是想允許使用者在不離開網站的情況下查看 外部內容,但結果往往不一致。使用者最終看到的是整個網站被擠進小得多的架構中,更糟的是,您的網站 最終會嵌套在另一個網站架構中。這種混亂驅使 Web 設計者尋找一種更佳的解決方案。伺服器端 include(server-side include,SSI)就是一種。

伺服器端 include

不久前,SSI 還是用於建立共用內容的最受歡迎的選項之一。簡單的 SSI 偽指令允許您建立包含另一 個頁面內容(如頭和腳註檔案)的頁面,如清單 1 中所示。

清單 1. 正使用的 SSI

<html>
   <head>
    <title>Simple SSI test</title>
   </head>
   <body>
    This content is statically in the main HTML file.<br />
    <!--#include virtual="included.html" -->
   </body>
</html>

我們不久將使用該檔案來做一個練習。目前,您應該將它另存新檔 test-ssi.shtml。在大多數設定中, SSI 檔案必須以 .shtml 結尾,這讓 Web 服務器知道將它們解析為 SSI 偽指令。清單 2 顯示了名為 included.html 的包含檔案的內容。

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.