1. 程式人生 > >JSP中的內容佈局

JSP中的內容佈局

在開發前端網頁過程中,網站一般都有一個模板頁,用來儲存整個網站最基本的風格,而其它網頁都在這個風格上進行修改。在JSP中可通過tag來實現此項功能。

在WEB-INF/tags/目錄下新建一個base.tag的模板頁面用來儲存新建立的模板:

<%@tag description="Overall Page template" pageEncoding="UTF-8"%>
<%@ taglib  prefix="c"  uri="http://java.sun.com/jsp/jstl/core"%>
<%@attribute name="num" rtexprvalue="false" required="true" %>
<%@attribute name="header" fragment="true" required="true"%>
<%@attribute name="footer" fragment="true" required="true"%>


<html>
<body>
<div id="header">
<jsp:invoke fragment="header"/>
</div>
<div id="body">
<jsp:doBody/>
<p>${num}</p>
<p><c:out value="${num}"/></p>
</div>
<div id="footer">
<jsp:invoke fragment="footer"/>
</div>

</body>
</html>

在這個模板中我們定義了兩個可替換的部分:header,footer;一個變數num。

子頁面使用這個標籤方式如下:

<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>

<t:base num="abc">

<jsp:attribute name="header">
<title>Welcome</title>
<h1>Welcome</h1>
</jsp:attribute>

<jsp:attribute name="footer">
 <p id="copyright">Copyright 2016, Inc.</p>
</jsp:attribute>

<jsp:body>
	<h2>Howdy, <s:property value="username" />...!</h2>
</jsp:body>
</t:base>
實際中我們可以定義多個部分來加入各子頁面個性化的內容,如:CSS檔案、JS等等。

具體方法可參考這裡

相關推薦

JSP內容佈局

在開發前端網頁過程中,網站一般都有一個模板頁,用來儲存整個網站最基本的風格,而其它網頁都在這個風格上進行修改。在JSP中可通過tag來實現此項功能。 在WEB-INF/tags/目錄下新建一個base.tag的模板頁面用來儲存新建立的模板: <%@tag descr

jsp讀取數據庫內容(一)

reat cor mysq ava roo 數據 state imp nav 在jsp中將數據庫表格內容讀出為一個表格,並在表格中添加超鏈接: 1 <%@ page language="java" contentType="text/html; charset=U

如何在JSP獲取html多個複選框內容

html中複選框的程式碼 愛好: 看書 <input type="checkbox" name="userHobby" id="checkbox" value="Read"/> <label for="checkbox"></label> 打球

直接把jsptable內容匯出到word或excel

//js程式碼 //匯出到excelfunction AutomateExcel(){var elTable = document.getElementById("datatable"); //要匯出的table id。var oRangeRef = document.bod

Jsp遍歷顯示 List< Map> 的內容

Jsp中遍歷顯示 List<Map <String, Object > >的內容 List<Map<String, Object>> listmap = adminService.getAllUser(); List<Us

jsp怎麼利用css 只顯示內容的前幾個字元

在產品說明這裡,文字太多不得不換行,這樣佈局很醜,而且佈局也亂了,怎麼控制顯示說明內容的長度呢? 只要利用css設定如下內容就可以了 text-overflow:ellipsis;  white-space:nowrap;  overflow:hidden;&n

jsp自定義標籤自動載入下拉框內容

第一步:在web專案下的web-inf的tlds目錄下,新建一個配置檔案,名字為relation.tld,內容如下: 自定義標籤的字首為relation(由short-name標籤決定),屬性有saveField(要儲存到資料庫的欄位名),value(要被選中的資料值)

JQuery內容操作函數、validation表單校驗

調用方法 scrip 註意 語言 rul asc javascrip 最前面插入 獲取 JQuery:內容體拼接(可以直接拼接元素節點和內容節點)   JQuery實現:     方案1:A.append(B); == B.appendTo(A);A的後面拼接B    

JSP獲取properties文件屬性

util port char rip text request taglib test 文件屬性 <%@ page contentType="text/html;charset=UTF-8" import="java.util.ResourceBundle"%>

JSP的編譯指令和動作指令的差別

font class 編譯 執行 gb2 ron 消息 腳本 con JSP中的編譯指令和動作指令的差別 1、編譯指令是通知Servlet引擎的處理消息。而動作指令僅僅是執行時的腳本動作 2、編譯指令是在將JSP編譯成Servlet時起作用,而動作指令可替換成J

jspinclude和taglib

包含 導入 head 動態 翻譯 stl 下使用 當前 -1 include: 靜態包含:把其它資源包含到當前頁面中。 <%@ include file="/include/header.jsp" %> 動態包含: <jsp:include page=

jsp的6個動作

微軟雅黑 group 設置 left adding localhost pan tom cal <jsp:include > 動態包含 <jsp:forward> 請求轉發 <jsp:param> 設置請求參數 <jsp

[python]獲取網頁內容為漢字的字符串的判斷

vsr rbo ats art htm acad for swe lin IPerf%E2%80%94%E2%80%94%E7%BD%91%E7%BB%9C%E6%B5%8B%E8%AF%95%E5%B7%A5%E5%85%B7%E4%BB%8B%E7%BB%8D%E4%B

2017.6.17 jsp get請求的中文亂碼問題的解決方法

utf meta class enc 請求 服務 charset url編碼 uri 一般Tocant 的url編碼是iso-8859-1(查看tocat/conf/server.xml 中的Connector 節點沒有寫URIEncoding="xxxxxx") 如下:

JSPEL表達式的比較符號、字符串比較

clas pan 比較 使用 而是 字符串比較 blog div nbsp el表達式一般不直接用==判斷是否相等 != > < >= <=之類的表示不等於 大於 小於 大於等於 小於等於,而是使用字母表示的表達式,他們的表示如下: ==

response.getWriter()和jspout對象的區別

內置對象 而是 getwriter int() nbsp 返回 代碼 頁面 cep 兩者的主要區別:1.內置對象out的類型是JspWriter; response.getWrite()返回的類型是PrintWriter; out和response.getWriter的類不

response.getWriter()和jsp的out對象的區別

抽象 執行 resp 屬於 依賴 需要 int bsp write (1) out和response.getWriter屬於的類不同,前者是JspWriter,後者是java.io.PrintWriter。而JspWriter是一個抽象類, PrintWriter是一個繼承

Centos查詢目錄內容命名ls

超級用戶 logs ges module cond 9.png img 文件信息 nac 首先解釋下這塊, root代表當前登錄用戶,localhost代表主機名, ~代表當前主機目錄, #代表用戶權限 #表示超級用戶,$表示普通用戶; 查詢目錄中內

JSP的Cookie

esp lag 瀏覽器 方法 過期 詳細 uri pos true 如何創建Cookie 先引包: import="javax.servlet.http.Cookie" JSP是使用如下的語法格式來創建cookie的: Cookie cookie_name =new Co

案例15:avro 負載均衡的方式動態獲取文件內容

it需求: 將131上產生的日誌文件負載均衡到 132 和133機器上如圖: 配置132 機器和133機器 (相同))arov.confa1.sources = r1 a1.sinks = k1 a1.channels = c1 # Describe/configure the sourc