Lektion 4: Starta upp ett projekt i Eclipse
Nu ska vi starta upp ett projekt i Eclipse tillsammans med Primefaces.
Vi börjar med att öppna upp Eclipse och sedan välja
Markering_012.png
File -> New -> Dynamic Web Project
Markera denna web.xml
Markering_013.png
Avaktivera även bibliotekskonfigueringen. Detta tar vi senare.
Markering_014.png
Tryck nu "Finish" knappen. Det första vi kanske får problem med är detta.
Markering_015.png
Då högerklickar du på ditt projekt och välj "Properties". Sedan går du till "Project Facets" och ändrar Java 1.6 till Java 1.8
Markering_017.png
Då ska det vara klart! Inga felmeddelanden!
Där efter går vi till web.xml och ändrar index.html till index.xhtml.
Markering_018.png
I servlet-mapping ska ska vi även lägga till ett nytt "child". Högerklicka på "servlet-mapping" och sedan "Add-Child" and sedan "url-pattern".
Skriv in "*.xhtml" och spara web.xml.
Markering_019.png
Nu ska vi gå till Primefaces hemsida och ladda ned senaste Primefaces.
https://www.primefaces.org/downloads/
I detta fall. Ladda ner den senaste versionen. För mig är det 6.2.
Markering_020.png
Nu ska du kopiera över primefaces-6.2.jar till mappen "lib".
Markering_021.png
Då ser det ut så här. Skulle primefaces-6.2.jar ligga i mappen "lib", men du ser inte filen i Eclipse. Då måste du högerklicka på ditt projekt och sedan "Refresh". Då uppdaterar du strukturen.
Markering_022.png
Nu ska vi göra samma sak med JSF. Vi börjar med att ladda ned jsf-api 2.2 och jsf-impl 2.2
https://mvnrepository.com/artifact/com. ... api/2.2.18
https://mvnrepository.com/artifact/com. ... mpl/2.2.18
Det är väldigt viktigt att vi väljer just dessa JAR-filer. Ladda ned dessa och kopiera in dem i "lib" mappen.
Markering_026.png
Efter detta är klart så klickar du på mappen "WebContent" och sedan "New -> File". Viktigt att den är där också!
Döp filen till "index.xhtml".
Markering_023.png
Där efter går vi till Primefaces "Getting started"
https://www.primefaces.org/gettingstarted/
Och vi ska kopiera denna text:
Kod: Markera allt
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:p="http://primefaces.org/ui">
<h:head>
</h:head>
<h:body>
<p:spinner />
</h:body>
</html>
In i filen "index.xhtml". Då ser det ut så här.
Markering_024.png
Nu så ska vi köra vårat projekt. Vi högerklickar på vårat projekt:
Run As -> Run on Server
Blocka i "Always use this..." och klicka sedan "Finish".
Markering_025.png
Nu så ska vi kunna se våran nya hemsida.
Markering_027.png
Klart! Nu har du startat upp ett JSF projekt med Primefaces. Det är ALLTID samma struktur för varje projekt när du startar upp det.
Det är säkert många här som har många frågor och styper på saker. Men jag välkomnar att hjälpa till
Det är inte lätt sådant här.
Du har inte behörighet att öppna de filer som bifogats till detta inlägg.