JSP टेंपरेचर आसान बनाने के लिए ट्रिक?


305

काम पर मुझे HTMLफाइलों का एक गुच्छा एक साधारण JSPपरियोजना में बदलने का काम सौंपा गया है । यह वास्तव में सभी स्थिर है, प्रोग्राम के लिए कोई सर्वरसाइड लॉजिक नहीं है। मुझे उल्लेख करना चाहिए कि मैं जावा के लिए बिल्कुल नया हूं। जेएसपी फाइलें आम शामिल और चर के साथ काम करना आसान बनाने के लिए लगती हैं, बहुत पसंद है PHP, लेकिन मैं टेम्पलेट विरासत ( Djangoशैली) जैसी कुछ पाने के लिए एक सरल तरीका जानना चाहता हूं या कम से कम एक आधार होना चाहिए। जेएसपी युक्त फ़ाइल शीर्ष लेख और पाद लेख, इसलिए मैं बाद में सामग्री सम्मिलित कर सकता हूं।

बेन लिंग्स यहां अपने जवाब में कुछ उम्मीद की पेशकश करते दिख रहे हैं: जेएसपी टेम्पलेट विरासत क्या कोई समझा सकता है कि इसे कैसे प्राप्त किया जाए?

यह देखते हुए कि मेरे पास इतना समय नहीं है कि मुझे लगता है कि डायनामिक रूटिंग थोड़ा बहुत है, इसलिए मुझे सिर्फ .jspफाइलों पर सीधे यूआरएल मैप करने की खुशी है , लेकिन मैं सुझाव देने के लिए तैयार हूं।

धन्यवाद।

संपादित करें: मैं किसी भी बाहरी पुस्तकालयों का उपयोग नहीं करना चाहता, क्योंकि यह परियोजना पर काम करने वाले अपने और दूसरों के लिए सीखने की अवस्था में वृद्धि करेगा, और जिस कंपनी के लिए मैं काम करता हूं, उसे ऐसा करने के लिए अनुबंधित किया गया है।

एक और संपादन: मुझे यकीन नहीं है कि JSP tagsयह उपयोगी होगा क्योंकि मेरी सामग्री में वास्तव में कोई टेम्पलेट चर नहीं हैं। मुझे यह करने में सक्षम होने का एक तरीका है:

base.html:

<html><body>
{ content.body }
</body></html>

somepage.html

<wrapper:base.html>
<h1>Welcome</h1>
</wrapper>

उत्पादन के साथ:

<html><body>
<h1>Welcome</h1>
</body></html>

मुझे लगता है कि इससे मुझे वह सबकुछ मिलेगा, जो मुझे चाहिए। इसे हासिल किया जा सकता है, includesलेकिन फिर मुझे प्रत्येक रैपर के लिए एक शीर्ष और एक तल की आवश्यकता होगी, जो गड़बड़ है।

जवाबों:


682

जैसा कि skaffman ने सुझाव दिया है , JSP 2.0 टैग फ़ाइलें मधुमक्खी के घुटने हैं।

चलिए आपका सरल उदाहरण लेते हैं।

निम्नलिखित में डालें WEB-INF/tags/wrapper.tag

<%@tag description="Simple Wrapper Tag" pageEncoding="UTF-8"%>
<html><body>
  <jsp:doBody/>
</body></html>

अब आपके example.jspपेज में:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>

<t:wrapper>
    <h1>Welcome</h1>
</t:wrapper>

आप जैसा सोचते हैं वैसा ही करते हैं।


तो, उस पर कुछ और सामान्य करने के लिए विस्तार की सुविधा देता है। WEB-INF/tags/genericpage.tag

<%@tag description="Overall Page template" pageEncoding="UTF-8"%>
<%@attribute name="header" fragment="true" %>
<%@attribute name="footer" fragment="true" %>
<html>
  <body>
    <div id="pageheader">
      <jsp:invoke fragment="header"/>
    </div>
    <div id="body">
      <jsp:doBody/>
    </div>
    <div id="pagefooter">
      <jsp:invoke fragment="footer"/>
    </div>
  </body>
</html>

इसका उपयोग करने के लिए:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>

<t:genericpage>
    <jsp:attribute name="header">
      <h1>Welcome</h1>
    </jsp:attribute>
    <jsp:attribute name="footer">
      <p id="copyright">Copyright 1927, Future Bits When There Be Bits Inc.</p>
    </jsp:attribute>
    <jsp:body>
        <p>Hi I'm the heart of the message</p>
    </jsp:body>
</t:genericpage>

वह आपको क्या खरीदता है? बहुत कुछ, लेकिन यह और भी बेहतर हो जाता है ...


WEB-INF/tags/userpage.tag

<%@tag description="User Page template" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<%@attribute name="userName" required="true"%>

<t:genericpage>
    <jsp:attribute name="header">
      <h1>Welcome ${userName}</h1>
    </jsp:attribute>
    <jsp:attribute name="footer">
      <p id="copyright">Copyright 1927, Future Bits When There Be Bits Inc.</p>
    </jsp:attribute>
    <jsp:body>
        <jsp:doBody/>
    </jsp:body>
</t:genericpage>

इसका उपयोग करने के लिए: (मान लें कि हमारे पास अनुरोध में एक उपयोगकर्ता चर है)

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>

<t:userpage userName="${user.fullName}">
  <p>
    First Name: ${user.firstName} <br/>
    Last Name: ${user.lastName} <br/>
    Phone: ${user.phone}<br/>
  </p>
</t:userpage>

लेकिन यह आपको उस उपयोगकर्ता विस्तार ब्लॉक को अन्य स्थानों पर उपयोग करना पसंद करता है। तो, हम इसे रिफ्लेक्टर करेंगे। WEB-INF/tags/userdetail.tag

<%@tag description="User Page template" pageEncoding="UTF-8"%>
<%@tag import="com.example.User" %>
<%@attribute name="user" required="true" type="com.example.User"%>

First Name: ${user.firstName} <br/>
Last Name: ${user.lastName} <br/>
Phone: ${user.phone}<br/>

अब पिछला उदाहरण बन गया है:

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>

<t:userpage userName="${user.fullName}">
  <p>
    <t:userdetail user="${user}"/>
  </p>
</t:userpage>

JSP टैग फ़ाइलों की सुंदरता यह है कि यह आपको मूल रूप से जेनेरिक मार्कअप को टैग करने देता है और फिर इसे आपके दिल की सामग्री के लिए फिर से सक्रिय करता है।

JSP Tag FilesTilesकम से कम मेरे लिए इत्यादि जैसी बहुत सी बेकार चीजें हैं । मैं उन्हें केवल संरचना के रूप में उपयोग करने के लिए बहुत आसान लगता हूं जो आप इसे देते हैं, जो कुछ भी नहीं है। साथ ही आप अन्य चीजों के लिए जेएसपी टैग फ़ाइलों का उपयोग कर सकते हैं (जैसे उपयोगकर्ता विस्तार टुकड़ा ऊपर)।

यहाँ एक उदाहरण है जो DisplayTag के समान है जो मैंने किया है, लेकिन यह सब Tag Files (और Stripesफ्रेमवर्क, कि s: टैग ..) के साथ किया जाता है। यह पंक्तियों की एक तालिका में, वैकल्पिक रंग, पृष्ठ नेविगेशन आदि का परिणाम देता है:

<t:table items="${actionBean.customerList}" var="obj" css_class="display">
  <t:col css_class="checkboxcol">
    <s:checkbox name="customerIds" value="${obj.customerId}"
                onclick="handleCheckboxRangeSelection(this, event);"/>
  </t:col>
  <t:col name="customerId" title="ID"/>
  <t:col name="firstName" title="First Name"/>
  <t:col name="lastName" title="Last Name"/>
  <t:col>
    <s:link href="/Customer.action" event="preEdit">
      Edit
      <s:param name="customer.customerId" value="${obj.customerId}"/>
      <s:param name="page" value="${actionBean.page}"/>
    </s:link>
  </t:col>
</t:table>

बेशक टैग JSTL tags(जैसे c:if, आदि) के साथ काम करते हैं । केवल एक चीज जो आप एक टैग फ़ाइल टैग के शरीर के भीतर नहीं कर सकते हैं वह है जावा स्क्रिप्टलेट कोड, लेकिन यह उतना सीमित नहीं है जितना आप सोच सकते हैं। अगर मुझे स्क्रिप्टलेट सामान की आवश्यकता है, तो मैं तर्क को एक टैग में डाल देता हूं और टैग को आसान में छोड़ देता हूं।

इसलिए, टैग फ़ाइलें बहुत अधिक हो सकती हैं जो आप उन्हें चाहते हैं। सबसे बुनियादी स्तर पर, यह सरल कट और पेस्ट रिफैक्टरिंग है। लेआउट का एक हिस्सा पकड़ो, इसे काटें, कुछ सरल पैरामीटर करें, और इसे टैग आह्वान के साथ बदलें।

एक उच्च स्तर पर, आप इस तालिका टैग जैसी परिष्कृत चीजें कर सकते हैं जो मेरे पास यहां हैं।


34
इसके लिए धन्यवाद। यह सबसे अच्छा ट्यूटोरियल है जो मुझे जेएसपी टैग फ़ाइलों पर मिल सकता है, जो जेएसएफ से आने वाले मेरे लिए बहुत अच्छे थे। काश मैं एक से अधिक वोट दे पाता।
digitaljoel

66
+ 40million। मैंने जो भी भद्दा ट्यूटोरियल पाया है, उससे 50,000 गुना बेहतर समझाने के लिए धन्यवाद। रेल दुनिया से आ रहा है और ईआरबी को याद कर रहा है, यह वही है जो मुझे चाहिए। आपको एक ब्लॉग लिखना चाहिए।
cbmeeks

2
वास्तव में अच्छा ट्यूटोरियल। क्या आप हमारे द्वारा बनाए गए टेबल टैग के लिए कोड साझा कर सकते हैं? मैंने कुछ समय पहले खुद को बनाया था लेकिन आपका दृष्टिकोण बेहतर है।
थियागो डुआर्टे

4
यदि आप एक टैग फ़ाइल टैग बनाते हैं, तो JSP फ़ाइल में उस टैग की सामग्री में स्क्रिप्ट कोड नहीं हो सकता है: <t: mytag> यहाँ कोई स्क्रिप्ट कोड नहीं </ t: mytag>। लेकिन टैग फ़ाइल को लागू करने के भीतर ही टैग को लागू किया जा सकता है, जिसमें किसी भी JSP की तरह सभी स्क्रिप्ट कोड हो सकते हैं।
विल हार्टुंग

4
नोट - ऐसा लगता है कि टैग का क्रम महत्वपूर्ण है; jsp: विशेषता jsp से पहले आना चाहिए: शरीर या आपको एक त्रुटि मिलेगी। इसके अलावा, मुझे jsp से मिलान करने के लिए एक संबंधित @attribute टैग सेट करना था: किसी अन्य त्रुटि से बचने के लिए आह्वान करें। GlassFish 3.2.2 का उपयोग करना
रयान

21

मैं काफी आसान बना दिया, Django शैली JSP टेम्पलेट विरासत टैग पुस्तकालय। https://github.com/kwon37xi/jsp-template-inheritance

मुझे लगता है कि सीखने की अवस्था के बिना लेआउट का प्रबंधन करना आसान है।

उदाहरण कोड:

base.jsp: लेआउट

<%@page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
<!DOCTYPE html>
<html lang="en">
    <head>
        <title>JSP Template Inheritance</title>
    </head>

<h1>Head</h1>
<div>
    <layout:block name="header">
        header
    </layout:block>
</div>

<h1>Contents</h1>
<div>
    <p>
    <layout:block name="contents">
        <h2>Contents will be placed under this h2</h2>
    </layout:block>
    </p>
</div>

<div class="footer">
    <hr />
    <a href="https://github.com/kwon37xi/jsp-template-inheritance">jsp template inheritance example</a>
</div>
</html>

view.jsp: सामग्री

<%@page contentType="text/html; charset=UTF-8" %>
<%@ taglib uri="http://kwonnam.pe.kr/jsp/template-inheritance" prefix="layout"%>
<layout:extends name="base.jsp">
    <layout:put name="header" type="REPLACE">
        <h2>This is an example about layout management with JSP Template Inheritance</h2>
    </layout:put>
    <layout:put name="contents">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin porta,
        augue ut ornare sagittis, diam libero facilisis augue, quis accumsan enim velit a mauris.
    </layout:put>
</layout:extends>

10

@Will हार्टुंग के उत्तर में उसी मूल विचार के आधार पर , मेरा जादू एक-टैग एक्स्टेंसिबल टेम्पलेट इंजन है। इसमें प्रलेखन भी शामिल है और एक उदाहरण :-)

वेब-INF / टैग / block.tag:

<%--
    The block tag implements a basic but useful extensible template system.

    A base template consists of a block tag without a 'template' attribute.
    The template body is specified in a standard jsp:body tag, which can
    contain EL, JSTL tags, nested block tags and other custom tags, but
    cannot contain scriptlets (scriptlets are allowed in the template file,
    but only outside of the body and attribute tags). Templates can be
    full-page templates, or smaller blocks of markup included within a page.

    The template is customizable by referencing named attributes within
    the body (via EL). Attribute values can then be set either as attributes
    of the block tag element itself (convenient for short values), or by
    using nested jsp:attribute elements (better for entire blocks of markup).

    Rendering a template block or extending it in a child template is then
    just a matter of invoking the block tag with the 'template' attribute set
    to the desired template name, and overriding template-specific attributes
    as necessary to customize it.

    Attribute values set when rendering a tag override those set in the template
    definition, which override those set in its parent template definition, etc.
    The attributes that are set in the base template are thus effectively used
    as defaults. Attributes that are not set anywhere are treated as empty.

    Internally, attributes are passed from child to parent via request-scope
    attributes, which are removed when rendering is complete.

    Here's a contrived example:

    ====== WEB-INF/tags/block.tag (the template engine tag)

    <the file you're looking at right now>

    ====== WEB-INF/templates/base.jsp (base template)

    <%@ page trimDirectiveWhitespaces="true" %>
    <%@ taglib prefix="t" tagdir="/WEB-INF/tags" %>
    <t:block>
        <jsp:attribute name="title">Template Page</jsp:attribute>
        <jsp:attribute name="style">
            .footer { font-size: smaller; color: #aaa; }
            .content { margin: 2em; color: #009; }
            ${moreStyle}
        </jsp:attribute>
        <jsp:attribute name="footer">
            <div class="footer">
                Powered by the block tag
            </div>
        </jsp:attribute>
        <jsp:body>
            <html>
                <head>
                    <title>${title}</title>
                    <style>
                        ${style}
                    </style>
                </head>
                <body>
                    <h1>${title}</h1>
                    <div class="content">
                        ${content}
                    </div>
                    ${footer}
                </body>
            </html>
        </jsp:body>
    </t:block>

    ====== WEB-INF/templates/history.jsp (child template)

    <%@ page trimDirectiveWhitespaces="true" %>
    <%@ taglib prefix="t" tagdir="/WEB-INF/tags" %>
    <t:block template="base" title="History Lesson">
        <jsp:attribute name="content" trim="false">
            <p>${shooter} shot first!</p>
        </jsp:attribute>
    </t:block>

    ====== history-1977.jsp (a page using child template)

    <%@ page trimDirectiveWhitespaces="true" %>
    <%@ taglib prefix="t" tagdir="/WEB-INF/tags" %>
    <t:block template="history" shooter="Han" />

    ====== history-1997.jsp (a page using child template)

    <%@ page trimDirectiveWhitespaces="true" %>
    <%@ taglib prefix="t" tagdir="/WEB-INF/tags" %>
    <t:block template="history" title="Revised History Lesson">
        <jsp:attribute name="moreStyle">.revised { font-style: italic; }</jsp:attribute>
        <jsp:attribute name="shooter"><span class="revised">Greedo</span></jsp:attribute>
    </t:block>

--%>

<%@ tag trimDirectiveWhitespaces="true" %>
<%@ tag import="java.util.HashSet, java.util.Map, java.util.Map.Entry" %>
<%@ tag dynamic-attributes="dynattributes" %>
<%@ attribute name="template" %>
<%
    // get template name (adding default .jsp extension if it does not contain
    // any '.', and /WEB-INF/templates/ prefix if it does not start with a '/')
    String template = (String)jspContext.getAttribute("template");
    if (template != null) {
        if (!template.contains("."))
            template += ".jsp";
        if (!template.startsWith("/"))
            template = "/WEB-INF/templates/" + template;
    }
    // copy dynamic attributes into request scope so they can be accessed from included template page
    // (child is processed before parent template, so only set previously undefined attributes)
    Map<String, String> dynattributes = (Map<String, String>)jspContext.getAttribute("dynattributes");
    HashSet<String> addedAttributes = new HashSet<String>();
    for (Map.Entry<String, String> e : dynattributes.entrySet()) {
        if (jspContext.getAttribute(e.getKey(), PageContext.REQUEST_SCOPE) == null) {
            jspContext.setAttribute(e.getKey(), e.getValue(), PageContext.REQUEST_SCOPE);
            addedAttributes.add(e.getKey());
        }
    }
%>

<% if (template == null) { // this is the base template itself, so render it %>
    <jsp:doBody/>
<% } else { // this is a page using the template, so include the template instead %>
    <jsp:include page="<%= template %>" />
<% } %>

<%
    // clean up the added attributes to prevent side effect outside the current tag
    for (String key : addedAttributes) {
        jspContext.removeAttribute(key, PageContext.REQUEST_SCOPE);
    }
%>

4

टाइल्स का प्रयोग करें । इसने मेरी जान बचाई।

लेकिन अगर आप नहीं कर सकते, तो इसमें शामिल टैग है , जो इसे php के समान बनाता है।

जब तक आपके पास सुपर सरल सामग्री न हो, बॉडी टैग वास्तव में वह नहीं कर सकता है, जिसकी आपको आवश्यकता है। बॉडी टैग का उपयोग किसी निर्दिष्ट तत्व के शरीर को परिभाषित करने के लिए किया जाता है। इस उदाहरण पर एक नज़र डालें :

<jsp:element name="${content.headerName}"   
   xmlns:jsp="http://java.sun.com/JSP/Page">    
   <jsp:attribute name="lang">${content.lang}</jsp:attribute>   
   <jsp:body>${content.body}</jsp:body> 
</jsp:element>

आप तत्व का नाम निर्दिष्ट करते हैं, कोई भी तत्व जो तत्व हो सकता है (इस मामले में "लंग"), और फिर उस पाठ को - जो इसमें चला जाता है - शरीर। तो अगर

  • content.headerName = h1,
  • content.lang = fr, तथा
  • content.body = Heading in French

तब आउटपुट होगा

<h1 lang="fr">Heading in French</h1>


0

उपयोग के लिए आश्रित जोड़ें

<dependencies>
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>
    <dependency>
        <groupId>javax.servlet.jsp</groupId>
        <artifactId>jsp-api</artifactId>
        <version>2.2</version>
        <scope>provided</scope>
    </dependency>
        <dependency>
            <groupId>javax.servlet.jsp.jstl</groupId>
            <artifactId>javax.servlet.jsp.jstl-api</artifactId>
            <version>1.2.1</version>
        </dependency>
        <dependency>
            <groupId>taglibs</groupId>
            <artifactId>standard</artifactId>
            <version>1.1.2</version>
        </dependency>
    </dependencies>

-1

मुझे पता है कि यह उत्तर तथ्य के वर्षों बाद आ रहा है और विल हार्टुंग द्वारा पहले से ही एक महान जेएसपी उत्तर है, लेकिन फेसलेट्स हैं, उन्हें मूल प्रश्न में जुड़े प्रश्न के उत्तर में भी उल्लेख किया गया है।

फेसलेट्स SO टैग विवरण

फेसलेट्स JavaServer Faces ढांचे के लिए एक XML- आधारित दृश्य तकनीक है। JSF के लिए विशेष रूप से डिज़ाइन किया गया, फेसलेट्स JSP- आधारित विचारों के लिए एक सरल और अधिक शक्तिशाली विकल्प है। प्रारंभ में एक अलग परियोजना, प्रौद्योगिकी को जेएसएफ 2.0 और जावा-ईई 6 के हिस्से के रूप में मानकीकृत किया गया था और इसने जेएसपी को हटा दिया था। लगभग सभी JSF 2.0 लक्षित घटक लाइब्रेरीज़ JSP का समर्थन नहीं करते हैं, लेकिन केवल फेसलेट्स।

अफसोस की बात यह है कि मुझे मिला सबसे अच्छा सादा ट्यूटोरियल वर्णन विकिपीडिया पर था न कि ट्यूटोरियल साइट। वास्तव में टेम्पलेट का वर्णन करने वाला अनुभाग यहां तक ​​कि मूल प्रश्न के लिए क्या पूछ रहा था, की तर्ज पर करता है।

इस तथ्य के कारण कि जावा-ईई 6 ने जेएसपी को पदावनत कर दिया है, मैं इस तथ्य के बावजूद फेसलेट्स के साथ जाने की सिफारिश करूंगा कि ऐसा लगता है कि जेएसपी पर कोई लाभ नहीं होने के लिए बहुत अधिक आवश्यकता हो सकती है।


जावा ईई 6 ने जेएसपी को अपदस्थ नहीं किया है, बस जेएसएफ को जेएसएफ के लिए दृश्य तकनीक के रूप में उपयोग किया गया है।
रयान

@ रयान चूंकि इस मामले में दोनों ही दृश्य प्रौद्योगिकी के बारे में बात कर रहे थे, इसलिए यह गलत है कि इसने इसे अपदस्थ कर दिया?
fering

सवाल का JSF से कोई लेना-देना नहीं है। यह शुद्ध JSP के बारे में है। आपका उत्तर फेसलेट्स का उपयोग करना है, जो जेएसएफ के लिए है।
रयान
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.