Wouldn’t it be nice to have a small tracker to show us what skills we have built and where we are at in learning them? Let’s build something that would let us do just that!
As always, read through the whole studio before starting!
At the end of the studio, your final project should be able to take input from a user via a form and post the information in a way that is easy to read.
Head to the Spring initializr to initialize a new Spring project.
Double check that everything is ready to go and click Generate!
Unzip the newly generated
skills-tracker.zip and move the folder into the directory where you are keeping your homework for this class!
Open IntelliJ and select Import Project. Double click bootRun and head to
localhost:8080 to make sure there is nothing there.
Now you are ready to start coding!
org.launchcode package, add another package called
controllers and add a class called
SkillsController, you will add several methods to accomplish the following:
localhost:8080, add text that states the three possible programming languages someone could be working on. You need to have an
h1with the title “Skills Tracker”, an
h2, and an
olcontaining three programming languages of your choosing.
localhost:8080/form, add a form that lets the user enter their name and choose their favorite, second favorite, and third favorite programming languages on your list. Use
selectelements for each of the rankings. Just as with the exercises, we will use
@RequestParamto update the HTML with an
h1stating the user’s name and an
olshowing the three programming languages in the order they chose.
At the end of the studio, when you navigate to
localhost:8080, you should see the following:
When you navigate to
localhost:8080/form, you should see a blank form that looks something like:
If you fill out the form, your page may render like so:
formpage to use a table instead of an ordered list.