[RUBY] [Rails] Un moyen simple d'implémenter une fonction d'auto-introduction dans votre profil
Mettre en œuvre la fonction d'auto-introduction dans le profil
Une fois le portfolio terminé, nous l'avons ajouté, nous garderons donc la commande sous forme de mémorandum. Une nouvelle colonne d'introduction sera ajoutée aux colonnes existantes telles que le nom d'utilisateur, l'adresse e-mail et le mot de passe. Je vais l'écrire aussi simple que possible!
Comment?
L'ordre est le suivant.
- git checkout -b introduction
- Ajoutez une colonne d'introduction au tableau des utilisateurs
- Refléter dans la base de données
- Ajoutez le code nécessaire au contrôleur des utilisateurs
- Ajoutez le code nécessaire au modèle utilisateur
- Affichage sur la page des détails de l'utilisateur (MA PAGE)
- Affichage sur la page d'édition utilisateur (EDIT)
- Terminé!
Je vais les écrire dans l'ordre ci-dessous!
1. git checkout -b introduction
Coupez la branche pour implémenter de nouvelles fonctionnalités.
2. Ajoutez une colonne d'introduction au tableau des utilisateurs
Terminal
$ rails generate migration AddIntroductionToUsers introduction:text
invoke active_record
create db/migrate/20200712005652_add_introduction_to_users.rb
Ajoutez une colonne d'introduction avec la commande rails g ci-dessus.
3. Refléter dans la base de données
Terminal
$ docker-compose run web rails db:migrate
== 2020~~~~ AddIntroductionToUsers: migrating ===========================
-- add_column(:users, :introduction, :text)
-> 0.0518s
== 2020~~~~ AddIntroductionToUsers: migrated (0.0519s) ==================
4. Ajoutez le code requis au contrôleur des utilisateurs
Ajouté à la méthode privée Ajouter un attribut d'introduction
users_controller.rb
def user_params_update
params.require(:user).permit(:name, :email, :image, :introduction) #Introduction ajoutée
end
Vous pouvez maintenant mettre à jour l'introduction
5. Ajoutez le code nécessaire au modèle utilisateur
Ajoutez une validation. Entrez votre auto-introduction dans les 50 caractères. N'hésitez pas à définir le nombre de caractères.
- Bien que ce soit présent, veuillez noter que si vous ne le définissez pas sur false, cela fonctionnera au moment de la nouvelle inscription et l'introduction sera nulle et vous ne pourrez pas vous inscrire à nouveau. Si vous devez entrer l'auto-introduction au moment du nouvel enregistrement, true est OK.
user.rb
validates :introduction, presence: false, length: { maximum: 50 } #Le nombre maximum de caractères pour l'auto-introduction est de 50 caractères
6. Affichage sur la page des détails de l'utilisateur (MA PAGE)
ruby:show.html.slim
= @user.introduction
Veuillez corriger le cas échéant avec SCSS, etc.
7. Affichage sur la page d'édition utilisateur (EDIT)
L'édition utilisateur n'était que le nom d'utilisateur et l'adresse e-mail, mais j'y ajouterai une introduction.
ruby:edit.html.slim
.form-group
= f.label :introduction
= f.text_area :introduction, class: 'form-control', id: 'user_introduction'
Achevée
Ceci termine l'ajout de l'auto-introduction à la table des utilisateurs et l'ajout de l'attribut introduction. J'ai écrit "introduire" en chemin, alors faites attention!
Recommended Posts