JSP Elements Tag

JSP tags

I denne tutorial lærer vi de grundlæggende tags i JSP, og hvordan man tilføjer kommentarer til JSP. Sammen med dette vil vi også oprette en JSP og køre den JSP på serveren.

JSP-erklæring

  • Et deklarationsmærke er et stykke af Java kode til at deklarere variabler, metoder og klasser. Hvis vi erklærer en variabel eller metode inde i declaration tag betyder det, at erklæringen er lavet inde i servlet-klassen, men uden for service-metoden.
  • Vi kan erklære et statisk medlem, en instansvariabel (kan erklære et tal eller en streng) og metoder inde i deklarationstagget.

Syntaks for deklarationstag:

<%!  Dec var  %>

Her er Dec var metoden eller en variabel inde i deklarationsmærket.

Eksempel:

I dette eksempel skal vi bruge deklarationsmærkerne

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru Declaration Tag</title>
</head>
<body>
<%! int count =10; %>
<% out.println("The Number is " +count); %>
</body>
</html>

Forklaring af koden:

Kodelinje 10: Her bruger vi deklarationstag til at initialisere et variabeltæller til 10.

Når du udfører ovenstående kode får du følgende output:

JSP-erklæring

Output:

Variablen, som er deklareret i deklarationsmærket, udskrives som output.

JSP scriptlet

  • Scriptlet-tag gør det muligt at skrive Java kode til JSP-fil.
  • JSP-beholder flytter sætninger i _jspservice()-metoden, mens der genereres servlet fra jsp.
  • For hver anmodning fra klienten bliver servicemetoden for JSP'en påberåbt, hvorfor koden inde i Scriptlet udføres for hver anmodning.
  • En scriptlet indeholder java-kode, der udføres hver gang JSP kaldes.

Syntaks for Scriptlet-tag:

<% java code %>

Her er <%%>-tags scriplet-tags, og i det kan vi placere java-kode.

Eksempel:

I dette eksempel tager vi Scriptlet-tags, som omslutter java-kode.

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru Scriplet</title>
</head>
<body>
<% int num1=10;
   int num2=40;
   int num3 = num1+num2;
   out.println("Scriplet Number is " +num3);
%>
</body>
</html>

Forklaring af koden:

Kodelinje 10-14: I Scriptlet-tags, hvor vi tager to variabler num1 og num2. Tredje variabel num3 tages, som summeres som num1 og num2. Outputtet er num3.

Når du udfører koden, får du følgende output:

JSP scriptlet

Output:

Outputtet for Scriptlet-nummeret er 50, hvilket er en tilføjelse af num1 og num2.

JSP udtryk

  • Expression tag evaluerer det udtryk, der er placeret i det.
  • Den får adgang til de data, der er gemt i en gemt applikation.
  • Det giver mulighed for at skabe udtryk som aritmetiske og logiske.
  • Det producerer scriptfri JSP-side.

Syntaks:

<%= expression %>

Her er udtrykket det aritmetiske eller logiske udtryk.

Eksempel:

I dette eksempel bruger vi expression tag

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru Expression</title>
</head>
<body>
<% out.println("The expression number is "); %>
<% int num1=10; int num2=10; int num3 = 20; %>
<%= num1*num2+num3 %>
</body>
</html>

Forklaring af koden:

Kodelinje 12: Her bruger vi udtryksmærker, hvor vi bruger et udtryk ved at gange to tal dvs. num1 og num 2 og derefter tilføje det tredje tal, dvs. num3.

Når du udfører ovenstående kode, får du følgende output:

JSP udtryk

Output:

Udtrykket tal er 120, hvor vi multiplicerer to tal num1 og num2 og lægger det tal sammen med det tredje tal.

JSP kommentarer

Kommentarer er den, når JSP-containeren ønsker at ignorere visse tekster og udsagn.

Når vi vil skjule bestemt indhold, kan vi tilføje det til kommentarfeltet.

Syntaks:

<% -- JSP Comments %>

Disse tags bruges til at kommentere i JSP og ignoreres af JSP-beholderen.

Dette er HTML-kommentar, som ignoreres af browseren

Eksempel:

I dette eksempel bruger vi JSP-kommentarer

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru Comments</title>
</head>
<body>
<%-- Guru Comments section --%>
<% out.println("This is comments example"); %>

</body>
</html>

Forklaring af koden:

Kodelinje 10: Her tilføjer vi JSP-kommentarer til koden for at forklare, hvad kode har. Det er blevet ignoreret af JSP-beholderen

Når du udfører ovenstående kode får du følgende output:

JSP kommentarer

Output:

Vi får det output, der udskrives i println-metoden. Kommentarer ignoreres af container

Oprettelse af en simpel JSP-side

  • En JSP-side har en HTML-tekst indbygget med Java kode ind i det
  • Vi er ved at oprette en simpel JSP-side, som inkluderer erklæringer, skriftletter, udtryk, kommentarmærker.

Eksempel:

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Guru JSP Example</title>
</head>
<body>

<%-- This is a JSP example with scriplets, comments , expressions --%>
<% out.println("This is guru JSP Example"); %>
<% out.println("The number is "); %>
<%! int num12 = 12; int num32 = 12; %>
<%= num12*num32 %>
Today's date: <%= (new java.util.Date()).toLocaleString()%>
</body>
</html>

Forklaring af koden:

Kodelinje 1: Her bruger vi direktiver som sprog, contentType og pageEncoding. Sproget er Java og indholdstypen er tekst/html med standardtegnsæt ISO 8859. Sidekodning er standardtegnsæt.

Kodelinje 11: Her bruger vi JSP-kommentarer til at tilføje kommentarer til JSP'en

Kodelinje 14: Her erklærer vi variable num12 og num32, der initialiserer med 12.

Kodelinje 15: Her bruger vi et udtryk, hvor vi multiplicerer to tal num12 og num32.

Kodelinje 16: Her henter vi dagens dato ved hjælp af datoobjekt.

Når du udfører ovenstående kode, får du følgende output

Oprettelse af en simpel JSP-side

Output:

Vi trykker herovre,

  • Dette er guru JSP eksempel.
  • Nummeret er num12*num32 (12*12).
  • Dagens dato er den aktuelle dato

Sådan kører du en simpel JSP-side

  • JSP kan køres på webservere eller applikationsservere.
  • Her vil vi bruge en webserver, og vi kan installere den på serveren, der omslutter den i en krigsapplikation.
  • Vi kan oprette JSP i en applikation (krig).

Dette er en applikation, som har følgende mappestruktur, og applikationen skal bygges.

Kør Simple JSP Page

Denne applikation skal bygges, og følgende meddelelse vises, når opbygningen er vellykket:

Kør Simple JSP Page

Når applikationen er bygget, skal applikationen køres på serveren.

For at køre JSP på webserveren skal du højreklikke på IDE-projektet (Eclipse brugt i dette tilfælde), og der er mange muligheder. Vælg muligheden for at køre på serveren. Det er vist på skærmbilledet nedenfor;

Fra diagrammet er følgende punkter forklaret:

  1. Der er to muligheder for enten at vælge en server eller manuelt tilføje serveren til denne applikation. I dette tilfælde har vi allerede tilføjet JBoss-serveren til applikationen, derfor vælger vi den eksisterende server.
  2. Når vi har valgt serveren, vises serverindstillingen i punkt 2, hvilken server vi ønsker at vælge. Der kan være konfigureret flere servere på denne applikation. Vi kan vælge én server fra alle disse muligheder
  3. Når denne mulighed er valgt, skal du klikke på knappen Afslut, og applikationen kører på den server.

Kør Simple JSP Page

I nedenstående skærmbilleder kan du bemærke, at vores JSP-program bliver eksekveret, og testapplikationen implementeres i JBoss server markeret i det røde felt.

Kør Simple JSP Page

Directory Struktur af JSP

I mappestrukturen er der en rodmappe, som har mappen WEB-INF, som har alle konfigurationsfiler og biblioteksfiler.

JSP-filer er uden for WEB-INF-mappen

Directory Struktur af JSP

Directory struktur af JSP

Eksempel:

I dette eksempel er der testapplikation, som har mappestruktur og har følgende:

Directory Struktur af JSP

Resumé

  • I denne artikel har vi lært om syntaktiske elementer som expression-tags, Scriptlet-tags, der forenkler kode i JSP.
  • Brug af JSP-kommentarer.
  • Vi har lavet en simpel JSP-side og fået den til at køre på serveren.