using Bootsfaces in a netbeans project with Tomcat

Question

I've created a netbeans (7.31) new web project with JSF 2.2, using Tomcat, and I downloaded and added Bootsfaces-OSP-dist-0.7.jar to my project. I did all things related in Bootsfaces quick start guide, included all about web.xml , faces-config.xml and theme css support. I did not nothing about maven pom.xml build file (Working with netbeans IDE i didn't need to do nothing in pom.xml, and I dont know how to do in a project with netbeans IDE) I also created a index.xhtml page like related in quick start guide (with <h:head/> tags ) When I run my project all looks without any styling.

Can anybody help me with a guide step by step to do bootsfaces work in a project created with netbeans IDE, JSF 2.2 and tomcat ?

Here is my web.xml file:

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="3.0" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_3_0.xsd">
    <context-param>
        <param-name>javax.faces.PROJECT_STAGE</param-name>
        <param-value>Development</param-value>
    </context-param>
    <servlet>
        <servlet-name>Faces Servlet</servlet-name>
        <servlet-class>javax.faces.webapp.FacesServlet</servlet-class>
        <load-on-startup>1</load-on-startup>
    </servlet>

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/faces/*</url-pattern>
    </servlet-mapping>

    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.jsf</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.faces</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>*.xhtml</url-pattern>
    </servlet-mapping>
    <servlet-mapping>
        <servlet-name>Faces Servlet</servlet-name>
        <url-pattern>/javax.faces.resource/*</url-pattern>
    </servlet-mapping>

    <session-config>
        <session-timeout>
            30
        </session-timeout>
    </session-config>
    <welcome-file-list>
        <welcome-file>faces/index.xhtml</welcome-file>
    </welcome-file-list>
    <context-param>
        <param-name>BootsFaces_USETHEME</param-name>
        <param-value>true</param-value>
    </context-param>
</web-app>

`

What URL pattern is FacesServlet listening on according to your web.xml? What URL is shown in browser's address bar when you tried to open the page? — BalusC
I added my web.xml file to my question, and the URL looks: localhost:8080/TestBootsfaces1 — Jose A. Gam
The 5 mappings and the welcome file entry are definitely awkward. Where exactly did you learn about that? Why exactly is it configured like that? Or is this all Netbeans-generated and/or based on some random example project? In any case, if you do rightclick, View Source in webbrowser, do you see JSF-generated HTML output, or do you see the unparsed raw XHTML source? — BalusC
About 5 mappings I pasted it into web.xml file after read the help of sombody in some google search, and about welcome file entry is auto-generated when create a new web project in Netbeans. When rightclick i see Html output. — Jose A. Gam
Boil down all those mappings to just only one mapping on *.xhtml and fix welcome file to get rid of faces/ folder altogether. The welcome file doesn't represent the home page. It represents the file name of the directory's index file. Now retry and if it still fails, tell what you observed in the HTTP payload in browser's HTTP traffic monitor. — BalusC

mmalik mmalik · Accepted Answer · 2015-06-25T09:09:11

Well, everything works fine for me. I did the following steps:

I created a new Web Project in Netbeans 8.0.2 and added JSF 2.2 (Library, then Add Library).
Downloaded the newest Bootsfaces JAR from their site and added it the Project (Library, then Add JAR/Folder).

Created a new JSF file:

<?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:b="http://bootsfaces.net/ui"
  xmlns:h="http://xmlns.jcp.org/jsf/html">
<h:head>
    <title>Facelet Title</title>
</h:head>
<h:body>
    <b:navBar brand="Brand" brandHref="#" inverse="true">
        <b:navbarLinks>
        <b:navLink value="Home" href="#"></b:navLink>
        <b:navLink value="Link" href="#"></b:navLink>
        <b:navLink value="Link" href="#"></b:navLink>
        </b:navbarLinks>
    </b:navBar>
</h:body>

Just don't forget about this part xmlns:b="http://bootsfaces.net/ui".

using Bootsfaces in a netbeans project with Tomcat

2 Answers