जेएसपी तत्व टैग

जेएसपी टैग

इस ट्यूटोरियल में, हम JSP के मूल टैग और JSP में टिप्पणियाँ जोड़ने का तरीका सीखेंगे। इसके साथ ही, हम एक JSP भी बनाएंगे और उस JSP को सर्वर पर चलाएँगे।

जेएसपी घोषणा

  • घोषणा टैग एक टुकड़ा है Java चर, विधि और क्लास घोषित करने के लिए कोड। यदि हम घोषणा टैग के अंदर कोई चर या विधि घोषित करते हैं तो इसका मतलब है कि घोषणा सर्वलेट क्लास के अंदर लेकिन सेवा विधि के बाहर की गई है।
  • हम घोषणा टैग के अंदर एक स्थैतिक सदस्य, एक उदाहरण चर (एक संख्या या स्ट्रिंग घोषित कर सकते हैं) और विधियों को घोषित कर सकते हैं।

घोषणा टैग का सिंटैक्स:

<%!  Dec var  %>

यहाँ Dec var घोषणा टैग के अंदर विधि या चर है।

उदाहरण:

इस उदाहरण में, हम घोषणा टैग का उपयोग करने जा रहे हैं

<%@ 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>

कोड का स्पष्टीकरण:

कोड लाइन 10: यहां हम एक चर की संख्या को 10 तक आरंभ करने के लिए घोषणा टैग का उपयोग कर रहे हैं।

जब आप उपरोक्त कोड निष्पादित करते हैं तो आपको निम्नलिखित आउटपुट मिलता है:

जेएसपी घोषणा

आउटपुट:

घोषणा टैग में घोषित किया गया वेरिएबल आउटपुट के रूप में मुद्रित होता है।

जेएसपी स्क्रिप्टलेट

  • स्क्रिप्टलेट टैग लिखने की अनुमति देता है Java कोड को JSP फ़ाइल में डालें.
  • JSP कंटेनर jsp से सर्वलेट उत्पन्न करते समय _jspservice() विधि में कथनों को स्थानांतरित करता है।
  • क्लाइंट के प्रत्येक अनुरोध के लिए, JSP की सेवा विधि लागू हो जाती है, इसलिए स्क्रिप्टलेट के अंदर का कोड प्रत्येक अनुरोध के लिए निष्पादित होता है।
  • स्क्रिप्टलेट में जावा कोड होता है जो हर बार JSP लागू होने पर निष्पादित होता है।

स्क्रिप्टलेट टैग का सिंटैक्स:

<% java code %>

यहां <%%> टैग स्क्रिपलेट्स टैग हैं और इसके भीतर हम जावा कोड रख सकते हैं।

उदाहरण:

इस उदाहरण में, हम स्क्रिप्टलेट टैग ले रहे हैं जो जावा कोड को संलग्न करता है।

<%@ 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>

कोड का स्पष्टीकरण:

कोड लाइन 10-14: स्क्रिप्टलेट टैग में हम दो चर num1 और num2 ले रहे हैं। तीसरा चर num3 लिया गया है जो num1 और num2 के रूप में जुड़ता है। आउटपुट num3 है।

जब आप कोड निष्पादित करते हैं, तो आपको निम्नलिखित आउटपुट मिलता है:

जेएसपी स्क्रिप्टलेट

आउटपुट:

स्क्रिप्टलेट संख्या का आउटपुट 50 है जो num1 और num2 का योग है।

जेएसपी अभिव्यक्ति

  • अभिव्यक्ति टैग उसमें रखे गए अभिव्यक्ति का मूल्यांकन करता है।
  • यह संग्रहीत अनुप्रयोग में संग्रहीत डेटा तक पहुँचता है।
  • यह अंकगणितीय और तार्किक जैसे भाव बनाने की अनुमति देता है।
  • यह स्क्रिप्ट रहित JSP पृष्ठ तैयार करता है।

सिंटेक्स:

<%= expression %>

यहाँ अभिव्यक्ति अंकगणितीय या तार्किक अभिव्यक्ति है।

उदाहरण:

इस उदाहरण में, हम अभिव्यक्ति टैग का उपयोग कर रहे हैं

<%@ 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>

कोड का स्पष्टीकरण:

कोड लाइन 12: यहां हम अभिव्यक्ति टैग का उपयोग कर रहे हैं, जहां हम दो संख्याओं अर्थात num1 और num 2 को गुणा करके और फिर तीसरी संख्या अर्थात num3 को जोड़कर अभिव्यक्ति का उपयोग कर रहे हैं।

जब आप उपरोक्त कोड निष्पादित करते हैं, तो आपको निम्नलिखित आउटपुट मिलता है:

जेएसपी अभिव्यक्ति

आउटपुट:

अभिव्यक्ति संख्या 120 है, जहां हम दो संख्याओं num1 और num2 को गुणा कर रहे हैं और उस संख्या को तीसरी संख्या के साथ जोड़ रहे हैं।

जेएसपी टिप्पणियाँ

टिप्पणियाँ वह होती हैं जब JSP कंटेनर कुछ पाठों और कथनों को अनदेखा करना चाहता है।

जब हम किसी विशेष विषय-वस्तु को छिपाना चाहते हैं, तो हम उसे टिप्पणी अनुभाग में जोड़ सकते हैं।

सिंटेक्स:

<% -- JSP Comments %>

इन टैगों का उपयोग JSP में टिप्पणी करने के लिए किया जाता है और JSP कंटेनर द्वारा इन्हें अनदेखा कर दिया जाता है।

यह HTML टिप्पणी है जिसे ब्राउज़र द्वारा अनदेखा किया जाता है

उदाहरण:

इस उदाहरण में, हम JSP टिप्पणियों का उपयोग कर रहे हैं

<%@ 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>

कोड का स्पष्टीकरण:

कोड लाइन 10: यहाँ हम कोड में JSP टिप्पणियाँ जोड़ रहे हैं ताकि यह स्पष्ट किया जा सके कि कोड में क्या है। इसे JSP कंटेनर द्वारा अनदेखा किया गया है

जब आप उपरोक्त कोड निष्पादित करते हैं तो आपको निम्नलिखित आउटपुट मिलता है:

जेएसपी टिप्पणियाँ

आउटपुट:

हमें आउटपुट मिलता है जो println विधि में प्रिंट होता है। कंटेनर द्वारा टिप्पणियों को अनदेखा किया जाता है

एक सरल JSP पेज बनाना

  • एक JSP पृष्ठ में HTML बॉडी सम्मिलित होती है Java इसमें कोड डालें
  • हम एक सरल JSP पेज बना रहे हैं जिसमें घोषणाएं, स्क्रिपलेट्स, अभिव्यक्तियां, टिप्पणियां टैग शामिल हैं।

उदाहरण:

<%@ 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>

कोड का स्पष्टीकरण:

कोड लाइन 1: यहाँ हम language, contentType और pageEncoding जैसे निर्देशों का उपयोग कर रहे हैं। Java और सामग्री प्रकार मानक वर्णसेट ISO 8859 के साथ text/html है। पृष्ठ एन्कोडिंग मानक वर्णसेट है।

कोड लाइन 11: यहां हम JSP में टिप्पणियां जोड़ने के लिए JSP टिप्पणियों का उपयोग कर रहे हैं

कोड लाइन 14: यहां हम num12 और num32 चरों को 12 से आरंभ करते हुए घोषित कर रहे हैं।

कोड लाइन 15: यहां हम एक व्यंजक का उपयोग कर रहे हैं जहां हम दो संख्याओं num12 और num32 को गुणा कर रहे हैं।

कोड लाइन 16: यहां हम date ऑब्जेक्ट का उपयोग करके आज की तारीख प्राप्त कर रहे हैं।

जब आप उपरोक्त कोड निष्पादित करते हैं, तो आपको निम्नलिखित आउटपुट मिलता है

एक सरल JSP पेज बनाना

आउटपुट:

हम यहाँ प्रिंट कर रहे हैं,

  • यह गुरु जेएसपी उदाहरण है.
  • संख्या num12*num32 (12*12) है.
  • आज की तारीख वर्तमान तारीख है

सरल JSP पेज कैसे चलाएँ

  • JSP को वेब सर्वर या अनुप्रयोग सर्वर पर चलाया जा सकता है।
  • यहां हम एक वेबसर्वर का उपयोग करेंगे, और हम इसे एक वॉर एप्लिकेशन में संलग्न करके सर्वर पर तैनात कर सकते हैं।
  • हम किसी एप्लीकेशन में JSP बना सकते हैं (वार)।

यह एक ऐसा अनुप्रयोग है जिसमें निम्नलिखित निर्देशिका संरचना है, और अनुप्रयोग का निर्माण किया जाना है।

सरल JSP पृष्ठ चलाएँ

इस एप्लिकेशन का निर्माण किया जाना है, और निर्माण सफल होने के बाद निम्नलिखित संदेश दिखाई देगा:

सरल JSP पृष्ठ चलाएँ

एप्लीकेशन बनने के बाद, एप्लीकेशन को सर्वर पर चलाना होगा।

वेबसर्वर पर JSP चलाने के लिए, IDE के प्रोजेक्ट पर राइट क्लिक करें (ग्रहण इस मामले में इस्तेमाल किया जाता है) और कई विकल्प हैं। सर्वर पर चलाने का विकल्प चुनें। यह नीचे स्क्रीनशॉट में दिखाया गया है;

चित्र से निम्नलिखित बिन्दु स्पष्ट होते हैं:

  1. दो विकल्प हैं या तो सर्वर चुनें या मैन्युअल रूप से सर्वर को इस एप्लिकेशन में जोड़ें। इस मामले में, हमने पहले ही एप्लिकेशन में JBoss सर्वर जोड़ दिया है, इसलिए हम मौजूदा सर्वर का चयन करते हैं।
  2. एक बार जब हम सर्वर का चयन कर लेते हैं तो बिंदु 2 में सर्वर विकल्प दिखाया जाता है कि हम किस सर्वर का चयन करना चाहते हैं। इस एप्लिकेशन पर कई सर्वर कॉन्फ़िगर किए जा सकते हैं। हम उन सभी विकल्पों में से एक सर्वर का चयन कर सकते हैं
  3. एक बार वह विकल्प चुन लेने पर फिनिश बटन पर क्लिक करें और एप्लीकेशन उस सर्वर पर चलने लगेगी।

सरल JSP पृष्ठ चलाएँ

नीचे दिए गए स्क्रीनशॉट में, आप देख सकते हैं कि हमारा JSP प्रोग्राम निष्पादित हो गया है, और परीक्षण एप्लिकेशन तैनात हो गया है जेबॉस सर्वर लाल बॉक्स में अंकित है।

सरल JSP पृष्ठ चलाएँ

जेएसपी की निर्देशिका संरचना

निर्देशिका संरचना में, एक रूट फ़ोल्डर होता है जिसमें WEB-INF फ़ोल्डर होता है, जिसमें सभी कॉन्फ़िगरेशन फ़ाइलें और लाइब्रेरी फ़ाइलें होती हैं।

JSP फ़ाइलें WEB-INF फ़ोल्डर के बाहर हैं

जेएसपी की निर्देशिका संरचना

जेएसपी की निर्देशिका संरचना

उदाहरण:

इस उदाहरण में एक परीक्षण अनुप्रयोग है जिसकी फ़ोल्डर संरचना निम्नलिखित है:

जेएसपी की निर्देशिका संरचना

सारांश

  • इस लेख में, हमने अभिव्यक्ति टैग, स्क्रिप्टलेट टैग जैसे वाक्यात्मक तत्वों के बारे में सीखा है जो JSP में कोड को सरल बनाते हैं।
  • जेएसपी टिप्पणियों का उपयोग.
  • हमने एक सरल JSP पेज बनाया है और उसे सर्वर पर चलाया है।

इस पोस्ट को संक्षेप में इस प्रकार लिखें: