JSF 2 OutputLink-Beispiel

nicht wie Der generiert kein JavaScript, damit der Link wie eine Senden-Schaltfläche wirkt. Die Komponente generiert einen HTML-Code Anker Element und seine Wert Attribut, das für das href-Attribut des Ankers verwendet wird, und der Inhalt des -Körpers wird verwendet, um den Körper des Ankerelements zu füllen.

Die Verwendung der Komponente hat folgende Verwendungszwecke:

  • Verwenden Sie die Komponente , um einen Ankerlink zum Verknüpfen einer externen Adresse zu erstellen.
  • Verwenden Sie die Komponente , um einen Ankerlink zum Verknüpfen einer parametrisierten externen Adresse zu erstellen.
  • Verwenden Sie die Komponente , um einen Ankerlink zum Verknüpfen interner Ressourcen (Bilder, JavaScript usw.) zu erstellen.
  • Verwenden Sie die Komponente , um einen Ankerlink zum Verlinken interner Seiten zu erstellen.
  • Verwenden Sie die Komponente , um einen Ankerlink für den internen Link (#Identifier) ​​zu erstellen.

Lesen Sie auch:

  • JSF 2-Tutorials
  • JSF-Tutorials
  • Einführung in JSF

1. Die Aussicht

index.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">
<h:form prependId="false">
	<h1>
		<h:outputText value="JavaBeat JSF 2.2 Examples" />
	</h1>
	<h2>
		<h:outputText value="OutputLink Example" />
	</h2>
	<table>
		<tr>
			<td>
				Go To JavaBeat Site
			</td>
			<td colspan="2">
				<h:outputLink value="https://javabeat.net" >
					<h:outputText value="Visit JavaBeat Site"></h:outputText>
				</h:outputLink>
			</td>
		</tr>
		<tr>
			<td>
				Search About JSF Posts Inside JavaBeat
			</td>
			<td colspan="2">
				<h:outputLink value="https://javabeat.net" >
					<h:outputText value="Visit JavaBeat Site"/>
					<f:param value="JSF" name="s"/>
				</h:outputLink>
			</td>
		</tr>
		<tr>
			<td>
				Navigate Into Internal Address Page
			</td>
			<td colspan="2">
				<h:outputLink value="internalAddress.xhtml" >
					<h:outputText value="Visit Internal Address"></h:outputText>
				</h:outputLink>
			</td>
		</tr>
		<tr>
			<td>
				Access The Image
			</td>
			<td colspan="2">
				<h:outputLink value="resources/images/JSF-Thumbnail.png" >
					<h:outputText value="See JSF Image"></h:outputText>
				</h:outputLink>
			</td>
		</tr>
		<tr>
			<td>
				Go To Internal Link OutputText
			</td>
			<td colspan="2">
				<h:outputLink value="#internalLink" >
					<h:outputText value="Go To The Internal Index At The Same Page"></h:outputText>
				</h:outputLink>
			</td>
		</tr>
	</table>
	<c:forEach var="i" begin="1" end="100">
   		<br/>
	</c:forEach>
	<h:outputText id="internalLink" value="Internal Link"/>
</h:form>
</html>

internalAddress.xhtml

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">
	<h1>
	        <h:outputText value="JavaBeat JSF 2.2 Examples" />
	</h1>
	<h2>
		<h:outputText value="OutputLink Example" />
	</h2>
	<h:outputText value="This is an Internal Address"/>
</html>

2. Der Bereitstellungsdeskriptor (web.xml)

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" metadata-complete="true">
	<context-param>
		<description>State saving method: 'client' or 'server' (=default). See JSF Specification 2.5.2</description>
		<param-name>javax.faces.STATE_SAVING_METHOD</param-name>
		<param-value>client</param-value>
	</context-param>
	<context-param>
		<param-name>javax.faces.application.CONFIG_FILES</param-name>
		<param-value>/WEB-INF/faces-config.xml</param-value>
	</context-param>
	<servlet>
		<servlet-name>Faces Servlet</servlet-name>
		<servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
		<load-on-startup>1</load-on-startup>
	</servlet>
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>/faces/*</url-pattern>
	</servlet-mapping>
	<servlet-mapping>
		<servlet-name>Faces Servlet</servlet-name>
		<url-pattern>*.xhtml</url-pattern>
	</servlet-mapping>
	<listener>
		<listener-class>com.sun.faces.config.ConfigureListener</listener-class>
	</listener>
</web-app>

3. Verzeichnisstruktur

Die Verzeichnisstruktur für die bereitgestellte Anwendung hat die Form, die im folgenden Schnappschuss erläutert wird.

JSF 2 OutputLink-Beispiel 1

4. JSF 2 OutputLink-Demo

Der folgende Schnappschuss zeigt alle Einsatzmöglichkeiten von .

JSF 2 OutputLink-Beispiel 2

  • Der erste Link sollte uns zu https://javabeat.net führen
  • Der zweite Link sollte uns zu https://javabeat.net/?s=JSF führen
  • Der dritte Link sollte uns zur bereitgestellten Seite „internalAddress.xhtml“ führen.
  • Der vierte Link sollte uns zu einem bereitgestellten Image führen.
  • Der fünfte Link sollte uns zu einem internen Link führen, der sich auf derselben Seite befindet.

(wpdm_file id=15)

Kommentar verfassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Nach oben scrollen