Detailed Notes
We are continuing a series of tutorials focused on Spring Boot. The crux of the project is to convert/migrate an old JSP/Tomcat application to a modern Spring Boot application and Java 7/8 to a current version. We are working on a complex form for entering data. We add a basic report during this episode as we work towards rounding out the features.
You can learn more through our online classes at https://school.develpreneur.com and register for free. Registration will add you to our email list, and you will periodically receive coupons for courses and notifications of the latest releases.
Transcript Text
[Music] well hello and welcome back we are continuing our little journey from a Java JSP application to a new fangled spring boot application and we're just chugging right along now we have uh we've got our basic stuff working we got a couple of our links projects being you know we can create them we can add put all kinds of information in them now we're going to look at a project report which uh if I click on it properly we will see it is currently dead so we're going to do some reporting and let's see what that looks like most likely it is oh it's probably the link itself uh so if we go to look that means we need a project report and project report ID so it's probably not even getting ID so let's start with our project form and let's go there there's our project form and if we look here when we do our report let's just go look for report oh uh oh it's not project form it's actually the project what is it yes it is uh yes so what did we call it we called it project report let's see oh it's probably K sensitive yes it is and we're doing it onclick but what we want it to be is a th onclick and we're going to have to build out wh we're have to build out our little string here so if we do that let's just start with that let's make sure we're getting the right link built and then I'm guessing we're going to have to actually create that link and deal with it because I don't think we have yet but we're going to find out let's see how much we've brought across there we go now it's doing project report 28 so now we have to go figure out if we go to so we have a task controller which I don't think has a project report NOP and we've got our hello which most likely does not have our project so let's go flip back to let's just create a new controller most likely because we're going to go back to our old one and we're going to take a look at our controllers uh let's see Java blah blah blah blah blah blah blah blah blah and we're going to come to our C project Rec controller most likely so we've edit project project report save project did we already have I think we have edit project is sitting on our hello it is okay so let's go ahead and let's take that project controller and we're going to move him up here and we're going to take edit project load project form we're going to take several of these we're going to move them over so let's see that's projects list projects so let's take that so we're going to take projects projects with a code little project form edit project I'm going to take all of those and we're going to push those over into our project controller and he has an edit project he has a project report which is the new one we're going to use uh let's see I think he has save project we're going to pick up project form we're going to pick up and so we should be able to take all of those oh and we got to close out our class because I got rid of that and we have this HTTP seret request oh this is going to be wrong because this is now going to be uh he is SNS demo and he's not in the controller he's just right in and let's see so we probably need and that's going to be the user cool uh let's see so we have load project we do so he probably needs to be oh it doesn't have it for an ID interesting enough yes it does okay so what did we miss let's try this uh ID is an ant let's look at that uh the method Low Project form in how do Low Project form in oh what did I do something's not set right um oh load project Report Form okay so I needed a report form somewhere my mistake so if we go back to our project report there we go that's the problem so we're going to pull this over little project Report Form let's make sure I didn't pull that in the other one I don't think I did because I think I get to the end and I did edit project I have project load project form so if we do this now all right so we got this one cleaned up we're going to need most likely in the uh let's see so it's probably going to be in load project report form which we just did there's going to be a page I'm guessing at the bottom Let's see where' we go it's in here and our page is probably going to be project form uh no it's got project form do we have a project report that's project form uh let's do project Report Form project report form so we probably need that because I don't think we have it here oh we do um he's not completely set up but let's go figure it out this we may be closer than I thought so if we go rebuild that well it doesn't like something we've got something here there's already a control oh when we come over here we see that we didn't save our file so let's try that see if that makes something a little bit different so now when we come when we come over here let's do this and open this guy up and project report so we've got him coming across now this is uh if you note slight problem there um let's go back to like projects or see so see here you've got your alternating and we've got that here if we pick a project but we've got a neat little problem we've got to fix which is uh if we look over to our report form we are bringing in our tasks and our overhead and although they look almost the same uh they don't and we basically just are doing them back to back which is why we've got you here's our tasks here's our overheads but it doesn't reset the status so what we're going to do for this is we're going to just for now now there's a couple ways we can deal with it uh we could try to combine everything and do them all into one set and then send that across so that it knows uh you know the status for each of those they're slightly different so we would have to do like a little if or something like that for now because not too concerned about it we will take this and we're just going to take this make this a row and we're not going to worry about that the odd or even uh let's rebuild it and if we look now it'll just be a straight uh it'll be this nice little simple look uh and it is and we also got rid of the uh the hover which is good because there is no uh if you look here there's no on click so it doesn't make sense to do that now what we could do is we could probably you know add a nice little border or something like that if we wanted to for each of them so we do have like within a field set we do have a row so let's just try that let's see how that looks we're going to actually come back next episode and we are going to do some we'll do some get into a little bit of styling uh because it's not that hard to do we're going to see how quickly we can make this thing yeah let's like brighten it up a little bit make it look like it's not so 1990s uh let's see what the field set thing does for us if we wrap every row in a field set set and then come back and do that it's going to be like we're going to see this uh we're going to see inside or like double up lines it's not going to look awesome yeah see like that but there is something that you know to that so we could always make this uh I don't even know what we have set up but let's try to make it I think we have a card maybe uh actually let's go look at our CSS real quick so I think we had something set up that was a little different we'll go look at that real quick but that'll be our start so actually let's just do that for now let's just leave this I don't know if we have a card or not let me see if that's lined up if so that may be for each row but what we will do next time around is we will come back to that we're going to clean these up and make these look a little better along with sort of wrapping up yeah oh so see there's the cards nice so we can actually do some stuff with that so we will clean that up next time around uh do note that we in doing that card uh we blew up our dibs a little bit because they look different within a card uh so we'll have to we'll have to play around with that let's let's set this back for now because we're going to play around with this in a styling episode I do want to look at so basically where we're at I don't think admin has anything I don't remember what my admin does uh well let's see where does it go let's just edit user uh I don't know if we have an edit user yet oh so we're missing a user form let's see do we have edit user up in hello so we may be able to turn that one on real quick yeah we do we just need oh we need the user form which I think is not here uh if we look in our templates yeah there's a user list but there's not a user form if we come down here going do the same thing we've done this a few times now we have a user form yep there's a user form so let's pull him up here and we're going to rename him simply to an HTML HTML so that probably make that work let's see what else did we have I think we have so if we go to projects difficulty and overhead let's see if those admin difficulty and probably admin overhead let's see if those two exist no so let's see what is it complaining about it may [Music] be the forms uh where did it go uh let's see template might oh that's just user oh I think admin so those are probably the admin controller yep there we go so what we can do is Let's uh we're going to pull this over so we're going to put that here so we have our little admin controller and he is going to be uh SNS demo and let's just use the auto cuz we got a couple of lookups there that works oh wow that worked really quick uh let's see difficulty form what are those doing that's the lookup form let's see do we have have those uh where's our templates if we look here uh we don't have a lookup form if that's what it's looking for do we have an admin NOP we don't have the admin so let's take those so did we have a lookup form we do we have a lookup form we have a uh it doesn't have an admin interesting uh so that is oh admin difficulty and so well that may be I wonder if we lost a page here I guess we are about to find out let's put lookup form up here let's bring that one up and rename him to an HTML uh [Music] rename so if we take that and let's just go ahead and run a couple of these through and see what we get guessing we're going to get some issues but we're going to find out and then what we'll do is we'll come back we're going to do some styling clean this up a little bit and then we'll wrap up uh take more than a couple times probably but uh oops that was in the project there we go uh do we have a new project we do maintain overhead so it's still giving us an HS oh probably because that is totally wrong if we do maintain difficulty that's wrong if we do admin ah so admin's coming through so we have a few more links to do but that is where we will pick up we're just going to keep on chugging through this thing uh as always you have any questions send us an email at info@ developer.com other than that go out there and have yourself a great day a great week and we will talk to you next time [Music]
Transcript Segments
[Music]
well hello and welcome back we are
continuing our little journey from a
Java JSP application to a new fangled
spring boot application and we're just
chugging right along now we have uh
we've got our basic stuff working we got
a couple of our links projects being you
know we can create them we can add put
all kinds of information in them now
we're going to look at a project report
which uh if I click on it properly we
will see it is currently dead so we're
going to do some reporting and let's see
what that looks like most likely it is
oh it's probably the link itself uh so
if we go to look that means we need a
project report and project report ID so
it's probably not even getting ID so
let's start with our project
form and let's go there there's our
project form
and if we look
here when we do our report let's just go
look for report
oh uh oh it's not project form it's
actually the project what is it yes it
is uh yes so what did we call it we
called it project report let's see oh
it's probably K sensitive yes it
is and we're doing it onclick but what
we want it to be is a th
onclick and we're going to have to build
out wh we're have to build out our
little string
here so if we do
that let's just start with that let's
make sure we're getting the right link
built and then I'm
guessing we're going to have to actually
create that link and deal with it
because I don't think we have yet but
we're going to find out let's see how
much we've brought across there we go
now it's doing project report 28 so now
we have to go figure out if we go to so
we have a task controller which I don't
think has a
project report NOP and we've got our
hello which most likely does not have
our project so let's go flip back to
let's just create a new controller most
likely because we're going to go back to
our old one
and we're going to take a look at our
controllers uh let's see
Java blah blah blah blah blah blah blah
blah blah and we're going to come to our
C project Rec controller most likely so
we've edit project project report save
project did we already have I think we
have edit project is sitting on our
hello it is okay
so let's go
ahead and let's take that project
controller and we're going to move him
up
here and we're going to
take edit
project load project form we're going to
take several of these we're going to
move them over so let's see that's
projects
list
projects
so let's take that so we're going to
take projects projects with a code
little project
form edit project I'm going to take all
of
those and we're going to push those over
into our project
controller and he has an edit project he
has a project report which is the new
one we're going to
use uh let's
see I think he has save project we're
going to pick up
project form we're going to pick up and
so we should be able to take all of
those oh and we got to close out our
class because I got rid of
that and we have this HTTP seret request
oh this is going to be wrong because
this is now going to
be uh he is SNS
demo and he's not in the controller he's
just right
in
and let's see so we probably
need and that's going to be the
user cool uh let's see so we
have load
project we
do so he probably needs to
be oh it doesn't have it for an ID
interesting
enough yes it
does okay so what did we
miss let's try
this
uh ID is an
ant let's look at that uh the
method Low Project form
in how do Low Project
form
in
oh what did I do something's not set
right
um oh load project Report Form okay so I
needed a report form
somewhere my mistake so if we go back to
our
project
report there we
go that's the problem so we're going to
pull this
over
little project Report Form let's make
sure I didn't pull
that in the other
one I don't think I did because I think
I get to the end and I did edit
project I have project load project
form so if we do this
now
all right so we got this one cleaned up
we're going to need most likely in
the uh let's see so it's probably going
to be in load project report form which
we just did there's going to be a page
I'm guessing at the bottom Let's see
where' we go it's in
here and our page is probably going to
be project
form uh no it's got project form do we
have a project report that's project
form uh let's do project Report
Form project report form so we probably
need that because I don't think we have
it here oh we
do um he's not completely set up but
let's go figure it out this we may be
closer than I
thought so if we go rebuild that well it
doesn't like something we've got
something
here there's already a control
oh when we come over here we see that we
didn't save our file so let's try that
see if that makes something a little bit
different so now when we come when we
come over here let's do
this and open this guy up and project
report so we've got him coming across
now this is uh if you
note slight problem there um let's go
back to like projects or see so see here
you've got your
alternating and we've got that here if
we pick a
project but we've got a neat little
problem we've got to fix which is uh if
we look over to our report
form we are bringing in our tasks and
our overhead and although they look
almost the
same uh they don't and we basically just
are doing them back to back which is why
we've got you here's our tasks here's
our
overheads but it doesn't reset the
status so what we're going to do for
this is we're going to just for now now
there's a couple ways we can deal with
it uh we could try to combine
everything and do them all into one set
and then send that across so that it
knows uh you know the status for each of
those they're slightly different so we
would have to do like a little if or
something like that for now
because not too concerned about
it we will take this and we're just
going to take this make this a
row and we're not going to worry about
that the odd or even uh let's rebuild
it and if we look
now it'll just be a straight
uh it'll be this nice little simple
look uh and it is and we also got rid of
the uh the hover which is good because
there is
no uh if you look here there's no on
click so it doesn't make sense to do
that now what we could do is we could
probably you know add a nice little
border or something like that if we
wanted to for each of them so we do have
like within a field set we do have a row
so let's just try that let's see how
that
looks we're going to actually come back
next
episode and we are going
to do some we'll do some get into a
little bit of styling uh because it's
not that hard to do we're going to see
how quickly we can make this thing yeah
let's like brighten it up a little bit
make it look like it's not so
1990s uh let's see what the field set
thing does for us if we wrap every row
in a field set set and then come back
and do that it's going to be like we're
going to see this uh we're going to see
inside or like double up lines it's not
going to look awesome yeah see like that
but there is something that you know to
that so we could always make
this uh I don't even know what we have
set
up but let's try to
make
it I think we have a card
maybe uh actually let's go look at our
CSS real
quick so I think we had something set up
that was a little
different we'll go look at that real
quick but that'll be our start so
actually let's just do that for now
let's just leave this I don't know if we
have a card or not let me see if that's
lined up if so that may be for each row
but what we will do next time
around is we will come back to that
we're going to clean these up and make
these look a little
better along with sort of wrapping
up yeah oh so see there's the cards nice
so we can actually do some stuff with
that so we will clean that up next time
around uh do note that we in doing that
card uh we blew up our dibs a little bit
because they look different within a
card uh so we'll have to we'll have to
play around with that let's let's set
this back for now because we're going to
play around with this
in a styling episode I do want to look
at so basically where we're at I don't
think admin has anything I don't
remember what my admin does uh well
let's see where does it
go let's just edit
user uh I don't know if we have an edit
user
yet oh so we're missing a user form
let's see do we have edit user up in
hello so we may be able to turn that one
on real
quick yeah we do we just need oh we need
the user form which I think is not
here uh if we look in our
templates yeah there's a user list but
there's not a user form if we come down
here going do the same thing we've done
this a few times now we have a user form
yep there's a user form so let's pull
him up
here
and we're going to rename him simply to
an
HTML
HTML so that probably make that work
let's see what else did we have I think
we have so if we go to
projects difficulty and overhead let's
see if
those admin difficulty and probably
admin
overhead let's see if those two exist no
so let's see what is it complaining
about it may
[Music]
be the
forms uh where did it go uh let's see
template might oh that's just user oh I
think
admin so those are probably the admin
controller yep there we go so what we
can do is Let's uh we're going to pull
this
over so we're going to put that
here so we have our little admin
controller and he is going to be uh SNS
demo and let's just use the auto cuz we
got a couple of lookups there that works
oh wow that worked really quick uh let's
see difficulty form what are those doing
that's the lookup
form let's see do we have have those uh
where's our templates if we look
here uh we don't have a lookup form if
that's what it's looking for do we have
an admin NOP we don't have the admin so
let's take those so did we have a lookup
form we do we have a lookup form we have
a uh it doesn't have an admin
interesting uh so that is oh
admin
difficulty and so well that may
be I wonder if we lost a page here I
guess we are about to find out let's put
lookup form up
here let's bring that one
up and rename him to an
HTML uh
[Music]
rename
so if we take that and let's just go
ahead and run a couple of these through
and see what we
get guessing we're going to get some
issues but we're going to find out and
then what we'll do is we'll come back
we're going to do some styling clean
this up a little bit and then we'll wrap
up uh take more than a couple times
probably but uh oops that was in the
project there we go uh do we have a new
project we
do maintain overhead so it's still
giving us an HS oh probably
because that is totally
wrong if we do maintain difficulty
that's wrong if we do admin ah so
admin's coming through so we have a few
more links to do but that is where we
will pick up we're just going to keep on
chugging through this thing uh as always
you have any questions send us an email
at info@ developer.com other than that
go out there and have yourself a great
day a great week and we will talk to you
next
time
[Music]