Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Rails 8 Course - Beginner to Intermediate!
Preview
Video Player
00:00
00:00
00:00
- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
This video covers adding a username field to users in a Rails application, updating Devise controllers to allow usernames during registration and login, displaying the username and post creation time on posts, and preparing to add a like button.
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
[MUSIC]
0:00
So now that we've done that, I want
to add a username field to the user.
0:04
So let's go ahead and do that.
0:08
We're going to go to the terminal, we're
gonna run clear, and then we're gonna have
0:09
to create a migration to add
an attribute to the user table.
0:12
So what we want is, if we go to db >
schema, I'm just doing this to show you,
0:15
you don't have to copy me.
0:18
If we go to db > schema in the users
table, if I just find it in the users
0:19
table right here, this one, we want to
add a username attribute or column here.
0:23
That way we're gonna be able to
store the username of the user, and
0:28
that way we'll be able to actually
display it as the post's user.
0:31
So let's go ahead and do that.
0:35
So go to the terminal.
0:36
Inside of the terminal,
0:37
we're going to do rails g migration
AddUserNameToUsers, right?
0:39
Again, make sure your migration
command is exactly like mine.
0:44
And then we're gonna do
UserName is gonna be.
0:48
Actually, I think it has to be like this,
user_name is going to be a string.
0:51
So hit Enter on that command and
that should do the job.
0:56
Let's just go to
the migration to make sure.
0:59
So go to migrate, and
then the last newest migration.
1:01
As you can see, it wants to add
a column to the users table.
1:03
The column name is gonna be user_name and
it's gonna be of type string.
1:06
So that's perfect.
1:09
String just means like a word that
also includes different characters and
1:10
letters and numbers.
1:13
So then we're gonna run rails db:migrate.
1:14
So run rails db:migrate.
1:17
And then we're going to go to
the schema.rb, make sure that's done.
1:18
And as you can see, now we have a column
called user_name, so that's perfect.
1:21
And then we're gonna
run rails s once again.
1:24
So now that we've done that,
we're going to go and generate,
1:27
actually, no, we have to stop the server.
1:29
So the next command that we need to
run is rails g devise:controllers and
1:30
then the controllers are gonna be users.
1:34
Hit Enter on that command and that's
going to create all the controllers.
1:37
And then we're going to go and
actually run the server now,
1:39
because we can do that.
1:42
And it says here some setup you must
do manually if you haven't yet.
1:43
Ensure you have overridden routes for
generated controllers in your routes.rb
1:46
for example,
Rails.application.routes.draw do.
1:49
So we're gonna need to do this because
we're going to need to actually make it so
1:52
that people can sign up
with their username.
1:56
So let's go ahead and do that.
1:58
So we're gonna go and copy this,
and go to the routes.
1:59
So go to routes.rb.
2:01
And then inside of here where it says
devise_for: users, we're gonna get rid of
2:03
that and we're gonna add devise_for users,
controllers, sessions: sessions.
2:06
And then we're going to copy this and
we're gonna make it registrations as well.
2:09
So registrations, and
then we're gonna users/registrations.
2:13
So this is just making device actually use
the controllers in the app, controllers,
2:17
users, and then all of these controllers.
2:20
So for registrations, we're gonna use
the registrations, and for sessions,
2:22
we're gonna use the sessions.
2:25
But because we haven't specified for
the other ones,
2:26
it's actually not gonna use this one.
2:28
It's just gonna take in
the default one into account.
2:30
So now that we've done that, we're gonna
go to the registrations controller.
2:33
Inside of here, we're gonna uncomment
this one and uncomment this one.
2:35
What these do is this one configures
the signup params to actually allow new
2:38
parameters instead of the email and
password, as well as the email and
2:41
password to be in the device account.
2:44
And this one does the same,
but for updating the account.
2:46
Then we're gonna scroll down and
we're gonna go to this one,
2:48
which we're going to uncomment
by getting rid of the hashtags.
2:51
And inside of here, we're just going to,
instead of attribute,
2:55
we're gonna say user_name.
2:58
What this is gonna do is permit
the username to be signed up with.
2:59
And then we're gonna do
the same with updating so
3:02
that when we want to edit our account,
we can edit our username.
3:04
So let's go ahead and
do that, so user_name.
3:07
And then if we go to sessions,
we're also gonna do it there.
3:09
So before_action:
configure_sign_in_params.
3:11
So we're gonna do the same thing here, so
3:13
that we're able to sign
in with a username.
3:15
So do that.
3:17
Then once you've that done, we're gonna go
to the views > device, and inside of here,
3:18
we're gonna go to registrations > new.
3:21
And we're going to add a new field here,
we're gonna call it use_rname.
3:23
So add that at the top,
we're gonna say, user_name.
3:26
It's gonna be user_name.
3:29
We'll change this to text_field,
text_field.
3:31
You can get rid of that.
3:33
And then we're also going to add the same
thing in the the sessions' sign-in page.
3:35
So we're gonna add the same thing here.
3:40
So go to sessions > new, and
then inside here as well.
3:41
Now that we've done that,
if we actually go and we go to,
3:45
looks like I have a syntax
error in my routes.rb.
3:47
So go to routes.rb file, go to the routes,
and then inside of here,
3:49
we're going to add a comma after this
one and we should be good to go, okay?
3:52
And now if we go and sign out, and
then we try and sign up, as you can see,
3:55
there's a Username field there, so
we're gonna add in my username.
3:58
And hopefully this is gonna work.
4:01
So I'm gonna sign up with a new account,
and then Sign up.
4:03
And as you can see, I've signed up
successfully, which is perfect.
4:05
If I go to Account, the username is not
there, but if we go and add it now.
4:07
So go to VS Code, and then inside of here,
we're gonna go to the passwords > edit,
4:11
and inside of here,
we will add the same field.
4:15
So we're gonna add the username field.
4:17
So go to passwords,
which is in registrations > edit.
4:18
So go to registrations > edit, and at the
top here, we're gonna add our username.
4:21
As you can see,
now we have our username there.
4:24
And so if you want to edit our username,
let's see if it's gonna work.
4:26
So I'm gonna change it from that
to that with the password, and
4:29
then we're gonna try Update.
4:31
And as you can see, it says your
account has been successfully updated.
4:33
Did it actually work?
4:35
Yes, it actually did, so that's perfect.
4:36
So now we've added the username
into the application, and
4:38
now we're gonna be able to display
it with the post, so that's perfect.
4:40
So to display it with the post, we're
going to go VS Code, and then inside of
4:43
here, I'm gonna go to the app > views and
then to the posts > _post.html.erb.
4:48
And inside of here, we're just gonna
start by doing post.user.user_name.
4:53
And let's see if that's gonna work.
5:00
So it looks like the user of this
post doesn't have a username, so
5:01
that's why it didn't work.
5:05
So we're just gonna delete
this post if I can.
5:06
And I'm getting this error and
5:09
that's because I'm trying to delete a post
that has comments attached to it, and
5:10
we need to actually update
the delete action in our controller.
5:13
So go to the post controller,
inside of controllers > post_controller.
5:15
Go to the destroy method,
which is down at the bottom.
5:19
And then inside of here,
above @post.destroy,
5:21
we have to add @post.comments.destroy_all,
because we need to destroy
5:24
the post comments before we
actually destroy the post itself.
5:29
So now if we do that and
then we try again to delete the post,
5:33
we should actually be
able to delete this post.
5:36
And as you can see,
the post is gonna be deleted.
5:39
Okay, so let's create a new post.
5:41
So we're gonna add, this is the first
post, and we're going to add an image.
5:43
This one will do fine.
5:49
And then if we create the post, it
actually has the name of the user there.
5:50
So it actually does display the name
of the user, which is perfect.
5:55
We're going to put it above, so
go to the posts > posthtml.erb.
5:57
We're gonna display the post
username above post this.
6:02
And just clean this up while you're here,
get rid of this.
6:04
And then we're also going to add
the time that was actually created.
6:07
So to do that, just underneath
the user_name, we're gonna add a time tag.
6:09
So do time_tag, and
then we're gonna do post.updated_at.
6:13
So that should fix that.
6:19
And so now we have the post showing with
the username and when it was created and
6:21
the title, so that's good.
6:25
We go to Home and we go to Posts,
that's the first post.
6:27
And if we show this post, we're gonna
be able to actually comment on it, so
6:30
that's good.
6:33
I'm gonna go to the show
page of the posts and
6:33
we're gonna put all of this
actually underneath the comments.
6:35
So put that underneath because we
wanna have the comments first.
6:38
Okay, so that's looking a lot better.
6:42
Okay, so perfect,
we've added the username and
6:44
we've added the time that it was created.
6:45
The next thing that we're going to do
is add a like button to the actual
6:47
post itself.
6:50
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up