JSP 自定義標簽

自定義標簽是用戶定義的JSP語言元素。當JSP頁面包含一個自定義標簽時將被轉化為servlet，標簽轉化為對被稱為tag handler的對象的操作，即當servlet執行時Web container調用那些操作。

JSP標簽擴展可以讓你創建新的標簽并且可以直接插入到一個JSP頁面。 JSP 2.0規范中引入Simple Tag Handlers來編寫這些自定義標記。

你可以繼承SimpleTagSupport類并重寫的doTag()方法來開發一個最簡單的自定義標簽。

創建"Hello"標簽

接下來，我們想創建一個自定義標簽叫作<ex:Hello>，標簽格式為：

<ex:Hello />

要創建自定義的JSP標簽，你首先必須創建處理標簽的Java類。所以，讓我們創建一個HelloTag類，如下所示：

package com.runoob;

import javax.servlet.jsp.tagext.*;

import javax.servlet.jsp.*;

import java.io.*;

public class HelloTag extends SimpleTagSupport {

public void doTag() throws JspException, IOException {

JspWriter out = getJspContext().getOut();

out.println("Hello Custom Tag!");

}

以下代碼重寫了doTag()方法，方法中使用了getJspContext()方法來獲取當前的JspContext對象，并將"Hello Custom Tag!"傳遞給JspWriter對象。

編譯以上類，并將其復制到環境變量CLASSPATH目錄中。最后創建如下標簽庫：<Tomcat安裝目錄>webapps\ROOT\WEB-INF\custom.tld。

<tlib-version>1.0</tlib-version>

<jsp-version>2.0</jsp-version>

<short-name>Example TLD</short-name>

<tag>

<name>Hello</name>

<tag-class>com.runoob.HelloTag</tag-class>

<body-content>empty</body-content>

</tag>

</taglib>

接下來，我們就可以在JSP文件中使用Hello標簽：

<%@ taglib prefix="ex" uri="WEB-INF/custom.tld"%>

<html>

<head>

<title>A sample custom tag</title>

</head>

<body>

<ex:Hello/>

</body>

</html>

以上程序輸出結果為：

Hello Custom Tag!

訪問標簽體

你可以像標準標簽庫一樣在標簽中包含消息內容。如我們要在我們自定義的Hello中包含內容，格式如下：

<ex:Hello>

This is message body

</ex:Hello>

我們可以修改標簽處理類文件，代碼如下：

package com.runoob;

import javax.servlet.jsp.tagext.*;

import javax.servlet.jsp.*;

import java.io.*;

public class HelloTag extends SimpleTagSupport {

StringWriter sw = new StringWriter();

public void doTag()

throws JspException, IOException

{

getJspBody().invoke(sw);

getJspContext().getOut().println(sw.toString());

}

接下來我們需要修改TLD文件，如下所示：

<tlib-version>1.0</tlib-version>

<jsp-version>2.0</jsp-version>

<short-name>Example TLD with Body</short-name>

<tag>

<name>Hello</name>

<tag-class>com.runoob.HelloTag</tag-class>

<body-content>scriptless</body-content>

</tag>

</taglib>

現在我們可以在JSP使用修改后的標簽，如下所示:

<%@ taglib prefix="ex" uri="WEB-INF/custom.tld"%>

<html>

<head>

<title>A sample custom tag</title>

</head>

<body>

<ex:Hello>

This is message body

</ex:Hello>

</body>

</html>

以上程序輸出結果如下所示：

This is message body

自定義標簽屬性

你可以在自定義標準中設置各種屬性，要接收屬性，值自定義標簽類必須實現setter方法， JavaBean 中的setter方法如下所示：

package com.runoob;

import javax.servlet.jsp.tagext.*;

import javax.servlet.jsp.*;

import java.io.*;

public class HelloTag extends SimpleTagSupport {

private String message;

public void setMessage(String msg) {

this.message = msg;

}

StringWriter sw = new StringWriter();

public void doTag()

throws JspException, IOException

{

if (message != null) {

/* 從屬性中使用消息 */

JspWriter out = getJspContext().getOut();

out.println( message );

}

else {

/* 從內容體中使用消息 */

getJspBody().invoke(sw);

getJspContext().getOut().println(sw.toString());

}

屬性的名稱是"message"，所以setter方法是的setMessage()。現在讓我們在TLD文件中使用的<attribute>元素添加此屬性：

<tlib-version>1.0</tlib-version>

<jsp-version>2.0</jsp-version>

<short-name>Example TLD with Body</short-name>

<tag>

<name>Hello</name>

<tag-class>com.runoob.HelloTag</tag-class>

<body-content>scriptless</body-content>

<name>message</name>

</attribute>

</tag>

</taglib>

現在我們就可以在JSP文件中使用message屬性了，如下所示：

<%@ taglib prefix="ex" uri="WEB-INF/custom.tld"%>

<html>

<head>

<title>A sample custom tag</title>

</head>

<body>

<ex:Hello message="This is custom tag" />

</body>

</html>

以上實例數據輸出結果為：

This is custom tag

你還可以包含以下屬性：

屬性	描述
name	定義屬性的名稱。每個標簽的是屬性名稱必須是唯一的。
required	指定屬性是否是必須的或者可選的,如果設置為false為可選。
rtexprvalue	聲明在運行表達式時，標簽屬性是否有效。
type	定義該屬性的Java類類型。默認指定為 String
description	描述信息
fragment	如果聲明了該屬性,屬性值將被視為一個 JspFragment。

以下是指定相關的屬性實例：

.....

<name>attribute_name</name>

<required>false</required>

<fragment>false</fragment>

</attribute>

.....

如果你使用了兩個屬性，修改TLD文件，如下所示：

.....

<name>attribute_name1</name>

<required>false</required>

<type>java.util.Boolean</type>

<fragment>false</fragment>

</attribute>

<name>attribute_name2</name>

</attribute>

.....

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

hiro提供jsp標簽，html屬于靜態頁面，沒辦法引入。解決辦法：

1.把html換成jsp。

2.用js判斷：

原理參照：https://blog.csdn.net/fusugongzi/article/details/75221407

實現的方式大同小異，我這邊實現的是根據權限顯示元素。

①為html頁面元素的添加class：shiro-myself 和name : sys:user:delete

 <a id="btnExit" name="sys:user:delete" class="easyui-linkbutton shiro-myself" data-options="plain: true, iconCls:'sn-exit'">退出系統</a>

②js獲取元素，比較權限

$(function(){
var permissions = getPermissionStringList();
});
function getPermissionStringList(){
	 $.ajax({
	 type: "post",
	 url: JSmile.baseUrl+"/sys_user/getPermissionStringList",
	 contentType: 'application/json;charset=utf-8',
	 success: function (data) {
	 	
	 	var data1 = eval('(' + data + ')');
	 	
	 	var resData =data1.resData;
	 	//獲取權限集合
	 	var rows = resData.rows;
	 	//選取class = shiro-myself 的標簽
	 	$(".shiro-myself").each(function(){
	 
	 		var name = $(this).attr("name");
	 
	 var index = $.inArray(name,rows);
	 
	 if(index < 0){
	 	$(this).css('display','none');
	 }
	 });
	 	
	 }

③后臺實現方法

AuthorizationInfo authorizationInfo = shiroDbRealm.doGetAuthorizationInfo(SecurityUtils.getSubject().getPrincipals()) ;
permissionList=castSetToList((HashSet<String>) authorizationInfo.getStringPermissions());

當然，學會shiro之后，這些都是小邊角料，會者不難。

JSP 可以與 HTML form 標簽一起使用，來允許用戶上傳文件到服務器。上傳的文件可以是文本文件或圖像文件或任何文檔。

我們使用 Servlet 來處理文件上傳，使用到的文件有：

upload.jsp : 文件上傳表單。
message.jsp : 上傳成功后跳轉頁面。
UploadServlet.java : 上傳處理 Servlet。
需要引入的 jar 文件：commons-fileupload-1.3.2、commons-io-2.5.jar。

結構圖如下所示：

接下來我們詳細介紹。

創建一個文件上傳表單

下面的 HTML 代碼創建了一個文件上傳表單。以下幾點需要注意：

表單 method 屬性應該設置為 POST 方法，不能使用 GET 方法。
表單 enctype 屬性應該設置為 multipart/form-data.
表單 action 屬性應該設置為在后端服務器上處理文件上傳的 Servlet 文件。下面的實例使用了 UploadServlet Servlet 來上傳文件。
上傳單個文件，您應該使用單個帶有屬性 type="file" 的 <input .../> 標簽。為了允許多個文件上傳，請包含多個 name 屬性值不同的 input 標簽。輸入標簽具有不同的名稱屬性的值。瀏覽器會為每個 input 標簽關聯一個瀏覽按鈕。

upload.jsp 文件代碼如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>文件上傳實例 - 菜鳥教程</title></head><body><h1>文件上傳實例 - 菜鳥教程</h1><form method="post" action="/TomcatTest/UploadServlet" enctype="multipart/form-data">

選擇一個文件:<input type="file" name="uploadFile" />

編寫后臺 Servlet

以下是 UploadServlet 的源代碼，同于處理文件上傳，在這之前我們先確保依賴包已經引入到項目的 WEB-INF/lib 目錄下：

下面的實例依賴于 FileUpload，所以一定要確保在您的 classpath 中有最新版本的 commons-fileupload.x.x.jar 文件。可以從http://commons.apache.org/proper/commons-fileupload/ 下載。
FileUpload 依賴于 Commons IO，所以一定要確保在您的 classpath 中有最新版本的 commons-io-x.x.jar 文件。可以從http://commons.apache.org/proper/commons-io/ 下載。

你可以直接下載本站提供的兩個依賴包：

commons-fileupload-1.3.2.jar
commons-io-2.5.jar

UploadServlet 的源代碼如下所示：

package com.runoob.test;import java.io.File;import java.io.IOException;import java.io.PrintWriter;import java.util.List;

import javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.HttpServlet;import javax.servlet.http.HttpServletRequest;import javax.servlet.http.HttpServletResponse;

import org.apache.commons.fileupload.FileItem;import org.apache.commons.fileupload.disk.DiskFileItemFactory;import org.apache.commons.fileupload.servlet.ServletFileUpload;

/**

* Servlet implementation class UploadServlet

*/@WebServlet("/UploadServlet")public class UploadServlet extends HttpServlet {

private static final long serialVersionUID = 1L;

// 上傳文件存儲目錄

private static final String UPLOAD_DIRECTORY = "upload";

// 上傳配置

private static final int MEMORY_THRESHOLD = 1024 * 1024 * 3; // 3MB

private static final int MAX_FILE_SIZE = 1024 * 1024 * 40; // 40MB

private static final int MAX_REQUEST_SIZE = 1024 * 1024 * 50; // 50MB

/**

* 上傳數據及保存文件

protected void doPost(HttpServletRequest request,

HttpServletResponse response) throws ServletException, IOException {

// 檢測是否為多媒體上傳

if (!ServletFileUpload.isMultipartContent(request)) {

// 如果不是則停止

PrintWriter writer = response.getWriter();

writer.println("Error: 表單必須包含 enctype=multipart/form-data");

writer.flush();

return;

}

// 配置上傳參數

DiskFileItemFactory factory = new DiskFileItemFactory();

// 設置內存臨界值 - 超過后將產生臨時文件并存儲于臨時目錄中

factory.setSizeThreshold(MEMORY_THRESHOLD);

// 設置臨時存儲目錄

factory.setRepository(new File(System.getProperty("java.io.tmpdir")));

ServletFileUpload upload = new ServletFileUpload(factory);

// 設置最大文件上傳值

upload.setFileSizeMax(MAX_FILE_SIZE);

// 設置最大請求值 (包含文件和表單數據)

upload.setSizeMax(MAX_REQUEST_SIZE);

// 構造臨時路徑來存儲上傳的文件

// 這個路徑相對當前應用的目錄

String uploadPath = getServletContext().getRealPath("./") + File.separator + UPLOAD_DIRECTORY;

// 如果目錄不存在則創建

File uploadDir = new File(uploadPath);

if (!uploadDir.exists()) {

uploadDir.mkdir();

}

try {

// 解析請求的內容提取文件數據

@SuppressWarnings("unchecked")

List<FileItem> formItems = upload.parseRequest(request);

if (formItems != null && formItems.size() > 0) {

// 迭代表單數據

for (FileItem item : formItems) {

// 處理不在表單中的字段

if (!item.isFormField()) {

String fileName = new File(item.getName()).getName();

String filePath = uploadPath + File.separator + fileName;

File storeFile = new File(filePath);

// 在控制臺輸出文件的上傳路徑

System.out.println(filePath);

// 保存文件到硬盤

item.write(storeFile);

request.setAttribute("message",

"文件上傳成功!");

}

} catch (Exception ex) {

request.setAttribute("message",

"錯誤信息: " + ex.getMessage());

}

// 跳轉到 message.jsp

getServletContext().getRequestDispatcher("/message.jsp").forward(

request, response);

}}

message.jsp 文件代碼如下：

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><title>文件上傳結果</title></head><body>

<h2>${message}</h2>

</center></body></html>

編譯和運行 Servlet

編譯上面的 Servlet UploadServlet，并在 web.xml 文件中創建所需的條目，如下所示：

<?xml version="1.0" encoding="UTF-8"?><web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"

xmlns="http://java.sun.com/xml/ns/javaee"

xmlns:web="http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

xsi:schemaLocation="http://java.sun.com/xml/ns/javaee

http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd"

id="WebApp_ID" version="2.5">

<display-name>UploadServlet</display-name>

<servlet-name>UploadServlet</servlet-name>

<servlet-class>com.runoob.test.UploadServlet</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>UploadServlet</servlet-name>

<url-pattern>/TomcatTest/UploadServlet</url-pattern>

</servlet-mapping></web-app>

現在嘗試使用您在上面創建的 HTML 表單來上傳文件。當您在瀏覽器中訪問：http://localhost:8080/TomcatTest/upload.jsp ，演示如下所示：

如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！

在線咨詢

上一篇：HTML標簽播放MP4視頻
下一篇：如何從網絡上下載一張圖片并保存到本地？

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

JSP 自定義標簽

您的項目需求