我是Primefaces的新手,并试图用jsf实现一个简单的网络应用程序。在这个应用程序中,我有一个login.xhtml,用户可以输入名称和密码。如果登录成功,我的LoginBean类会将他重定向到basicSites文件夹中名为index.xhtml的另一个页面。 在login.xhtml上一切正常,index.xhtml发生错误。重定向到此站点后,我只看到一个白色站点,浏览器控制台告诉我有一个引用错误,因为没有定义jQuery。我通过许多其他有类似问题的文章进行了研究,但我的问题仍然没有解决。
以下是一些代码片段,以便更好地理解。
login.xhtml
<h:head>
<title>Zugangsverwaltung | Login</title>
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/default.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/syntax.css" />
<script type="text/javascript" href="#{request.contextPath}/scripts.js"/>
</h:head>
<h:body>
<script type="text/javascript">
jQuery(document).ready(function () {
jQuery('#logoutLink').fadeOut();
});
function handleLoginRequest(xhr, status, args) {
if(args.validationFailed || !args.loggedIn) {
jQuery('#dialog').effect("shake", { times:3 }, 100);
} else {
dlg.hide();
jQuery('#loginLink').fadeOut(0);
jQuery('#logoutLink').fadeIn();
}
} </script>
LoginBean.java
public void login(ActionEvent actionEvent) {
RequestContext context = RequestContext.getCurrentInstance();
FacesMessage msg = null;
boolean loggedIn = false;
FacesContext ctx = FacesContext.getCurrentInstance();
HttpServletRequest request = (HttpServletRequest) ctx.getExternalContext().getRequest();
try {
request.login(username, password);
loggedIn = true;
msg = new FacesMessage(FacesMessage.SEVERITY_INFO, "Willkommen", username);
FacesContext.getCurrentInstance().addMessage("global", msg);
} catch (ServletException e) {
loggedIn = false;
msg = new FacesMessage(FacesMessage.SEVERITY_WARN, "Login fehlgeschlagen!", "Invalid credentials");
FacesContext.getCurrentInstance().addMessage("local", msg);
}
try {
if (loggedIn) {
ExternalContext ectx = ctx.getExternalContext();
ectx.redirect(request.getContextPath() + "/basicSites/index.xhtml");
}
} catch (Exception e) {
System.out.println("LoginBean - login: " + e.getMessage());
}
至少发生错误的index.xhtml:
<h:head>
<title>Zugriffsverwaltung | Backend</title>
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/default.css" />
<link type="text/css" rel="stylesheet" href="#{request.contextPath}/syntax.css" />
<script type="text/javascript" href="#{request.contextPath}/scripts.js" />
</h:head>
<h:body>
<script type="text/javascript">
jQuery(document).ready(function () { <!-- Here: JQuery is not definded -->
jQuery('#logoutLink').fadeOut();
});</script>
<p:layout fullPage="true" >
<p:layoutUnit id="center" position="center"> <!-- ... -->
我希望任何人都知道现在要做什么;)我很感激每一个帮助我解决问题的提示。
提前致谢:D
答案 0 :(得分:5)
尝试将xmlns:p="http://primefaces.org/ui"
添加到您的网页
如果以上情况不会有帮助:
您也可以添加
<h:outputScript library="primefaces" name="jquery/jquery.js" target="head" />
到你的<h:head>
,应该包括与primefacs捆绑在一起的jQuery