我的名字是Tomasz,这是我的第一个问题。这是我的问题。
我是初级Java EE开发人员,我在Java EE,Spring,Spring-Webflow,JSF 2和Primefaces方面拥有4个飞蛾经验。我想通过自己的Web应用程序了解更多信息。
我没有使用我提到的技术开始一个新项目的经验,所以基本上我复制了一个模板应用程序并稍微改了一下(大多数都删除了我现在不需要的不必要的功能)。所以我的申请包含:
- 春季3.2.2
- Spring Webflow 2.3.2
- JSF 2.1.22
- Primefaces 3.5
- 和Hibernate JPA(没关系,这部分效果很好)。
作为服务器,我使用Tomcat 7.0.40。
我使用许多配置教程配置了我的应用程序。应用程序工作,它没有警告,但它不能正常工作。让我给你看屏幕截图:
第一,当我启动应用程序时,它看起来像这样:
http://oi44.tinypic.com/2wd4od3.jpg
但是在我按下F5刷新浏览器后,它看起来应该从头开始:
http://oi39.tinypic.com/17fr06.jpg
对我来说这是一种非常奇怪的行为,我不知道为什么会这样。浏览器没关系。我在Chrome,FireFox和IE上尝试过它 - 效果相同。
另外p:commandLink似乎无视我。我点击它没有任何反应。当我有选项时
ajax="false"
启用它看起来像页面刷新,但仍然没有任何反应。我在工作中使用素数和swf工作很多,而且从未发生在我身上。
以下是我的申请中的一些细节,我可以根据要求发布所有内容:
模板(main.xhtml):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<ui:include src="/WEB-INF/layout/fragments/layout.xhtml" />
</html>
布局(layout.xhtml):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<f:view contentType="text/html" encoding="UTF-8">
<h:head>
</h:head>
<h:body>
<!-- outputStyle have to be here, otherwise css order is wrong -->
<h:outputStylesheet id="cssStandard" library="css" name="standard.css" />
<!-- <h:outputStylesheet id="cssStandard" library="css" name="simple.css" /> -->
<h:form>
<div id="glass"
style="position: absolute; width: 100%; height: 100%; z-index: 2000; display: none;"></div>
<ui:include src="/WEB-INF/layout/fragments/ajaxError.xhtml" />
<p:layout id="layout" fullPage="false"
style="width: 1000px; height: 900px; margin: 0 auto;">
<p:layoutUnit position="north" size="150">
<ui:include src="/WEB-INF/layout/fragments/north.xhtml" />
</p:layoutUnit>
<p:layoutUnit position="center">
<h:form>
<ui:insert name="content" />
</h:form>
</p:layoutUnit>
</p:layout>
<p:outputPanel id="dialogs" style="display:block; overflow: auto;">
<ui:insert name="dialogs" />
</p:outputPanel>
</h:form>
</h:body>
</f:view>
</html>
导航菜单(north.xhtml):
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:c="http://java.sun.com/jsp/jstl/core"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:p="http://primefaces.org/ui">
<h:form>
<a href="#{facesContext.externalContext.requestContextPath}"> <p:graphicImage
name="logo.png" library="images/application" />
</a>
<h:panelGrid columns="3" style="width: 100%">
<h:column>
<p:menubar style="width: 300px">
<p:menuitem value="Strona Główna" action="forwardTo" ajax="false">
<f:setPropertyActionListener target="#{flowController.flowId}"
value="main" />
</p:menuitem>
<p:submenu label="MENU_2">
</p:submenu>
</p:menubar>
</h:column>
<h:column>
<h:outputText value="Zalogowany jako: " style="float: right" />
</h:column>
<p:column>
<p:menuButton
value="#{mainController.loggedUser != null ? mainController.loggedUser.login : 'Gość'}">
<p:menuitem value="Zaloguj" action="forwardTo" ajax="false">
<f:setPropertyActionListener target="#{flowController.flowId}"
value="login" />
</p:menuitem>
<p:menuitem value="Wyloguj" />
</p:menuButton>
</p:column>
</h:panelGrid>
</h:form>
</ui:composition>
基flow.xml :
<?xml version="1.0" encoding="UTF-8"?>
<flow xmlns="http://www.springframework.org/schema/webflow"
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:schemaLocation="
http://www.springframework.org/schema/webflow
http://www.springframework.org/schema/webflow/spring-webflow-2.0.xsd"
abstract="true">
<end-state id="endAndForwardTo" view="flowRedirect:#{flowController.flowId}" />
<global-transitions>
<transition on="forwardTo" to="endAndForwardTo" validate="false" />
<transition on="endAndForwardTo" to="endAndForwardTo" />
</global-transitions>
</flow>
FlowController.java :
package tomashoov.polskielowiska.flow;
import org.apache.log4j.Logger;
import org.springframework.context.annotation.Scope;
import org.springframework.stereotype.Component;
@Component
@Scope("session")
public class FlowController {
private Logger LOG = Logger.getLogger(FlowController.class);
public final static String MAIN = "main";
public final static String LOGIN = "login";
private String flowId = MAIN;
public String getFlowId() {
return flowId;
}
public void setFlowId(String flowId) {
this.flowId = flowId;
}
}
如果需要更多详情,请告诉我。
答案 0 :(得分:1)
我遇到了完全相同的问题,我在这个问题上挖了一点,然后我就解决了这个问题(因为我的项目很晚)。稍后我将回来提供一个强大的解决方案,但这是我得到的:
您正在使用Spring Webflow
起始页面是index.jsp,<meta http-equiv="Refresh" content="0; URL=MAIN_WEB_FLOW_URL" />
强制重定向到主网络流。
您将在浏览器控制台中找到2个JavaScript错误:
ReferenceError: $ is not defined
ReferenceError: PrimeFaces is not defined
这些错误是因为缺少JavaScript文件:
请注意,还缺少CSS文件,这就是错过页面布局大小和位置的原因。
因此,很明显<h:head></h:head>
标签没有在重定向上获取一些Primefaces JavaScript文件和CSS。我发现了一个问题here,其中重定向资源获取失败。建议的解决方案是在<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
中添加<h:head></h:head>
。所以,我在<h:head></h:head>
中添加了缺少的脚本和CSS文件,它就像一个魅力。
<h:outputStylesheet library="primefaces" name="primefaces.css" />
<h:outputStylesheet library="primefaces" name="layout/layout.css" />
<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
<h:outputScript library="primefaces" name="jquery/jquery-plugins.js" target="head" />
<h:outputScript library="primefaces" name="primefaces.js" target="head" />
<h:outputScript library="primefaces" name="layout/layout.js" target="head" />