Как реализовать динамическую навигацию без повторения HTML в нескольких файлах JSP / JSTL - PullRequest
Новая
       18

Как реализовать динамическую навигацию без повторения HTML в нескольких файлах JSP / JSTL

3 голосов
/ 17 июня 2011

У меня есть этот код навигации в нескольких файлах JSP: 

<ul id="nav">
    <li ><a href="/home">Home</a></li>
    <li class="active" ><a href="/bills">Bills</a></li>
    <li ><a href="/invoices">Invoices</a></li>
</ul>

Какой лучший способ абстрагировать этот код и сделать выбор элемента навигации active программным, а не определенным вручную в HTML

1 Ответ

3 голосов
/ 17 июня 2011

Используйте <jsp:include> для включения многократно используемых фрагментов кода JSP. 

<jsp:include page="/WEB-INF/nav.jsp" />

Используйте JSTL / EL для динамического управления выводом HTML. 

<ul id="nav">
    <c:forEach items="${pages}" var="page">
        <c:set var="active" value="${fn:endsWith(pageContext.request.requestURI, page.url)}" />
        <li class="${active ? 'active' : 'none'}"><a href="${page.url}">${page.name}</a></li>
    </c:forEach>
</ul>

Используйте класс Javabean для представления модели, которую можно использовать на всех уровнях кода. 

public class Page {

    private String url;
    private String name;

    // Add/generate getters, setters and other boilerplate.
}

Используйте ServletContextListener для предварительной загрузки данных приложения. 

@WebListener
public class Config implements ServletContextListener {

    @Override
    public void contextInitialized(ServletContextEvent event) {
        List<Page> pages = new ArrayList<Page>();
        pages.add(new Page("/home", "Home"));
        pages.add(new Page("/bills", "Bills"));
        // ...
        event.getServletContext().setAttribute("pages", pages);
    }

    // ...
}
...