我正在尝试在 netbeans 中使用 BootsFaces 开发一个 jsf Web 应用程序。
我的问题是 BootsFaces 仅适用于index.xhtml
文件,但不适用于其他页面。
我已经阅读了很多教程,但似乎找不到答案。
这是我的 index.xhtml 代码:
<?xml version='1.0' encoding='UTF-8' ?>
<!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:h="http://xmlns.jcp.org/jsf/html"
xmlns:b="http://bootsfaces.net/ui"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<meta name="viewport" content="width=device-width, initial-scale=1"></meta>
<title>Facelet</title>
</h:head>
<h:body>
<b:container>
<b:navBar brand="Aim" brandHref="index" inverse="true">
<b:navbarLinks>
<b:navLink value="HOME" href="index.xhtml"></b:navLink>
<b:navLink value="SHOP" href="product.xhtml"></b:navLink>
<b:navLink value="JOIN US" href="#"></b:navLink>
<b:navLink value="TESTIMONIALS" href="#"></b:navLink>
<b:navLink value="BLOG" href="#"></b:navLink>
</b:navbarLinks>
<b:navbarLinks pull="right">
<b:dropMenu value="REGISTER">
<b:navLink value="AS DISTRIBUTOR" href="#"></b:navLink>
<b:navLink value="AS CUSTOMER" href="#"></b:navLink>
</b:dropMenu>
<b:navLink value="LOGIN" href="#"></b:navLink>
<b:navLink value="CART" href="#"></b:navLink>
</b:navbarLinks>
</b:navBar>
</b:container>
</h:body>
</html>
这是我的 product.xhtml 页面
<?xml version='1.0' encoding='UTF-8' ?>
<!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:h="http://xmlns.jcp.org/jsf/html"
xmlns:b="http://bootsfaces.net/ui"
xmlns:p="http://primefaces.org/ui"
xmlns:f="http://xmlns.jcp.org/jsf/core"
xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
<meta name="viewport" content="width=device-width, initial-scale=1"></meta>
<title>Product</title>
</h:head>
<h:body>
<b:navBar brand="AimTrueWealth" brandHref="index" inverse="true">
<b:navbarLinks>
<b:navLink value="HOME" href="index.xhtml">
</b:navLink>
<b:navLink value="SHOP" href="product.xhtml">
</b:navLink>
<b:navLink value="JOIN US" href="#"></b:navLink>
<b:navLink value="TESTIMONIALS" href="#"></b:navLink>
<b:navLink value="BLOG" href="#"></b:navLink>
</b:navbarLinks>
<b:navbarLinks pull="right">
<b:dropMenu value="REGISTER">
<b:navLink value="AS DISTRIBUTOR" href="#"></b:navLink>
<b:navLink value="AS CUSTOMER" href="#"></b:navLink>
</b:dropMenu>
<b:navLink value="LOGIN" href="#"></b:navLink>
<b:navLink value="CART" href="#"></b:navLink>
</b:navbarLinks>
</b:navBar>
</h:body>
</html>
实际上,两个页面上的代码都是一样的,但问题是 b:navbar 在 product.xhtml 页面上不起作用。
我希望有人能在这方面帮助我。
提前致谢!
问候,
Jpabs