-1

タイトルのように、PrimeFacesやRichFacesのようなテンプレート指向のライブラリはありますか？

私はいくつかの固定/液体/弾性ベースレイアウトを含めて自分で構築していますが、誰かがすでにこの退屈な仕事をしているのではないかと思います。

アップデート

申し訳ありませんが、私は自分自身を説明していません。テンプレートのツリー（およびオプションでBean）によって作成されたフレームワーク上の一種のフレームワークについて話しています。私は現在、このルートテンプレートを使用しています。これは、すべてのアプリケーションで、いくつかのBeanとエンティティを含むjarファイルにバンドルされています。

<!DOCTYPE html>
<html lang="#{localeBean.locale.language}" 
    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" 
    xmlns:p="http://primefaces.org/ui" 
    xmlns:o="http://omnifaces.org/ui" 
    xmlns:s="http://shapeitalia.com/jsf2" 
    xmlns:sc="http://java.sun.com/jsf/composite/shape">

    <f:view locale="#{localeBean.locale}">
        <h:head>
            <title><ui:insert name="module"/> - <ui:insert name="title"/></title>
            <link rel="shortcut icon" type="image/x-icon" href="#{resource['shape/favicon/shape.ico']}" />
            <h:outputStylesheet library="shape" name="css/core.css" />
            <h:outputStylesheet library="shape" name="css/fileicons.css" />
            <h:outputScript library="shape" name="js/jquery.jsPlumb-1.3.15-all.js" />
            <h:outputScript library="shape" name="js/core.js" />
        </h:head>

        <h:body>
            <ui:debug hotkey="x" />
            <p:growl id="messages" globalOnly="false" autoUpdate="true" showDetail="true" showSummary="true" />

            <p:ajaxStatus onstart="statusDialog.show();" onsuccess="statusDialog.hide();" />

            <p:dialog modal="true" widgetVar="statusDialog" header="loading..." resizable="false" closable="false">
                <h:graphicImage library="shape" name="images/ajaxloadingbar.gif" />
            </p:dialog>

            <div>
                <ui:insert name="header">
                    <h:form>
                        <s:panelGrid cellStyle="border: 0;">
                            <s:column style="text-align: left;">
                                <p:commandLink action="index" >
                                    <h:graphicImage library="shape" name="images/shape.png" height="30px" style="vertical-align: middle; float: left; border: 0"/>
                                </p:commandLink>
                            </s:column>
                            <s:column style="text-align: right;">
                                <p:menuButton rendered="#{not empty request.userPrincipal}" value="#{request.userPrincipal.name}" style="float: right">
                                    <p:menuitem actionListener="#{sessionBean.logout}" action="index" ajax="false" icon="ui-icon-power" value="#{bundle.logout}"/>
                                </p:menuButton>
                            </s:column>
                        </s:panelGrid>
                    </h:form>
                </ui:insert>
            </div>

            <h:panelGroup rendered="#{not empty request.userPrincipal}">
                <ui:insert name="content">insert content here</ui:insert>
            </h:panelGroup>

            <h:panelGroup rendered="#{empty request.userPrincipal}">
                <h:form>
                    <p:panel header="login">
                        <h:panelGrid columns="3">
                            <h:outputLabel for="login_email" value="Email:" />
                            <h:outputLabel for="login_password" value="Password:" />
                            <h:panelGroup />

                            <p:inputText id="login_email" value="#{requestScope.email}" label="email" size="32"/>
                            <p:password id="login_password" value="#{requestScope.password}" label="password" feedback="false" size="32"/>
                            <p:commandButton value="Login" action="#{sessionBean.login}" icon="ui-icon ui-icon-check" ajax="false"/>

                            <p:message for="login_email" />
                            <p:message for="login_password" />
                            <h:panelGroup />
                        </h:panelGrid>
                    </p:panel>
                </h:form>
            </h:panelGroup>


            <ui:insert name="external" />

        </h:body>
    </f:view>
</html>

これはルートのものだけです。

すでにこのような作業をしてバンドルしている人がいるかどうか知りたいのですが

4

1 に答える 1

0

大丈夫、そんなことはありません。

のようなコンポーネントが最適p:layoutです。

于 2012-10-24T00:56:58.947 に答える