单击submit时，JSF页面将丢失主模板中的CSS样式

我是StackOverflow的新手，尽管我已经关注它有一段时间了。 问题是： 我有一个类似于确认页面的JSF页面，用户从另一个页面登陆。现在，确认页面包含了大量的模板（有一些页眉和页脚平铺以及CSS、JS），当我到达那里时，这些模板显示得非常好

确认页面中有一个表单，有几个属性需要提交。当出现错误时，我单击提交，所有模板都会丢失，我只会得到带有错误消息的/faces/confPage.xhtml

以下是我的代码和结果：

`

------
------

`

这只是我展示的xhtml的一部分。我所有页面指向的常规url是localhost:7001/XXX_GUI/faces/，这是所有模板的样式显示属性。但是当我点击submit时，如果页面上有错误，url会显示为：localhost:7001/XXX\u GUI/faces/configPage.xhtml，而不是前者

仅供参考-我已经在faces-config.xml中使用了结果。但是看起来，当页面上出现错误时，根本不会调用导航规则

请原谅我的措辞和格式，因为这是我的第一篇文章

---

任何帮助都将不胜感激。

展示您如何在页面/模板中包含CSS资源。感谢您的快速响应，现在开始：好的，它将自动生成正确的URL，因此这可能不是问题（除了一个，但这是另一个问题）。那么，您是否在webapp中配置了任何过滤器？您看过webbrowser的开发者工具集中的HTTP流量监视器了吗？按Chrome/IE9/Firebug中的F12键，查看网络（工作）选项卡。在试图下载这些CSS资源时，浏览器究竟检索到了什么？是的，我确实配置了SpringSecurityFilterChain，但我将所有过滤器属性都更改为“无”。是的，我查看了Firebug中的Net选项卡，当我点击Submit时，只看到localhost:7001/XXX_GUI/faces/configPage.xhtml，没有看到其他css或js。此外，页面左侧应该有某些href链接，这些链接是从以前的操作中添加的，甚至它们都不会出现。

  <h:form id="configForm" >

     ------
     ------
             <h:commandButton type="submit" id="xxxButton" value="Click here to           
                 Apply Changes" action="#{xxxBean.saveDataListTest}"          
                styleClass="applybutton" >

             </h:commandButton>
          </div>

     </h:form>