首頁 > 開發者 > JSP

OpenCms JSP 模板開發——建立一個含有多個可編輯元素的JSP模板

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

　　在前面的文章中，我們已經知道了如何建立含有“head”區和“foot”區的JSP模板，現在我們將擴充這個模板，為它增加多個可編輯的頁面元素。
　　首先，我們要在模板檔案的HTML head 標籤中增加“<cms:editable> ”標籤，並且在頁面元素中增加“editable”的屬性，代碼如下：

<%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>
<cms:template element="head">
<html>
<head>
<title>
<cms:property name="Title" /></title>
<meta HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=<cms:property name="content-encoding" default="UTF-8" />" />
<link rel="stylesheet" type= "text/css" href="<cms:link>../resources/myStyle.css</cms:link>" />
  <cms:editable />
</head>
<body>
<h2>第一個簡單模板的head</h2>
</cms:template>
<cms:template element="body">
<cms:include element= "body" editable="true" />
</cms:template>
<cms:template element="foot">
<h2>第一個簡單模板的foot</h2>
</body>
</html>
</cms:template>

　　用此模板產生頁面，效果如，“body”元素部分現在已經是一個可直接編輯的地區，在此編輯區的右側，出現了一個“編輯”按鈕，點擊“編輯”按鈕，直接進入編輯器，即可對“body”元素的內容進行編輯，不必再像以前一樣要在工作區中，找到資源，點擊資源，再快顯功能表中選擇“編輯頁面”來進行編輯了，相比之下是不是方便了許多。

　　下面又為此模板進行了擴充，在模板中增加多個元素，代碼如下：

<%@ taglib prefix="cms" uri="http://www.opencms.org/taglib/cms" %>
<cms:template element="head">
<html>
<head>
<title>
<cms:property name="Title" /></title>
<meta HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; CHARSET=<cms:property name="content-encoding" default="UTF-8" />" />
<link rel="stylesheet" type= "text/css" href="<cms:link>../resources/myStyle.css</cms:link>" />
  <cms:editable />
</head>
<body>
<h2>第一個簡單模板的head</h2>
</cms:template>
<cms:template element="body">    <h2>這是第一個頁面元素</h2>
<cms:include element= "body" editable="true" />   <cms:template ifexists="body2">
  <h2>這是第二個頁面元素</h2>
  <cms:include element="body2" editable= "true"/>
  </cms:template>

</cms:template>
<cms:template element="foot">
<h2>第一個簡單模板的foot</h2>
</body>
</html>
</cms:template>

 　　接下來，我們還要對模板檔案進行一下設定，讓它來“告訴”編輯器，這個模板可以顯示兩個頁面元素，修改模板檔案的“template-elements ”屬性，設定其值為“body*|元素一,body2*|元素二”，元素名稱以“*”結尾，而在“|”之後是在編輯器中顯示的元素的名稱，這樣編輯器就知道了用此模板產生的頁面，含有兩個可編輯的元素“元素一”和“元素二”，瀏覽效果如：

　　用此模板產生頁面，瀏覽效果如下，可以看到，已經包含有兩個可編輯元素了。

　　至此，我們已經知道了如何建立含有多個可編輯元素的模板，我們可以把它靈活的應用到項目中，這種“直接編輯”的方式，不僅操作起來直觀、簡便，相信我們的客戶也會非常喜歡它。
　　（謝謝關注OpenCms——中文資源第一部落格，歡迎與作者直接交流，共同進步。MSN：qianxuncms@hotmail.com，QQ：9165456）

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
hosting jsp jsp book jsp 6161 jsp editor jsp quiz jsp language jsp tie
相關文章
動態網頁製作技術JSP頁面顯示亂碼問題的解決
servlet、jsp跳轉(傳值)總結及URL傳參數__js
Spring Boot 最佳實務（二）整合Jsp與生產環境部署
JSP頁面列印
用JSP實現資料庫圖片的儲存與顯示執行個體
用jsp上傳圖片檔案，存貯到欄位類型為blob的流形式代碼

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在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

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

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

    Open a Ticket

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

    Learn More