You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
71 lines
2.0 KiB
71 lines
2.0 KiB
---
|
|
layout: post
|
|
title: "TP3 de web ruby - les joyeux de la couronne web"
|
|
categories: ruby-2a
|
|
---
|
|
|
|
# Les joyeux de la couronne (web)
|
|
|
|
Ce TP a pour but de vous faire créer une premiere application rails et d'en découvrir son arboresence.
|
|
|
|
## Installation de rails
|
|
|
|
Vérifier la version de sqlite et de ruby sur votre système
|
|
|
|
Installer la gem rails (comme a déjà installé rspec) sauf qu'il n'est pas utile d'ajouter quoi que ce soit dans PATH
|
|
|
|
## The Rails Command Line
|
|
|
|
Pour les étapes suivantes nous allons nous servir des outils en ligne de commande fournis par rails :
|
|
|
|
https://guides.rubyonrails.org/command_line.htm
|
|
|
|
### Création de l'application
|
|
|
|
Créer une application rails portant le nom "jdlc"
|
|
|
|
Observez les fichiers qui sont créés et les dépendances installées
|
|
|
|
Allez dans le dossier jdlc, vous êtes à la racine de l'application.
|
|
|
|
Vous retrouvez l'arborescence décrite dans le cours, visitez là.
|
|
|
|
### Lancement de l'application
|
|
|
|
`bin/rails server` lance un serveur web sur le port 3000.
|
|
|
|
C'est fait votre application fonctionne !
|
|
|
|
Les logs de l'application sont affichés dans le terminal.
|
|
|
|
Allez voir à quoi elle ressemble avec votre navigateur préféré sur http://localhost:3000
|
|
|
|
### Modifier la page d'accueil
|
|
|
|
On va commencer par personnaliser la page d'accueil.
|
|
|
|
Créer un controller `HomeController` avec une action `welcome`.
|
|
|
|
Servez vous du générateur décrit dans la documentation (`bin/rails generate`)
|
|
|
|
Modifier config/routes.rb pour faire pointer la racine (/) sur l'action `welcome` de `HomeController`
|
|
|
|
Retournez dans le navigateur et rafrachissez la page (F5)
|
|
|
|
Modifiez maintenant la vue concernée avec un contenu simple tel que :
|
|
|
|
```
|
|
<h1>Les joyeux de la couronne</h1>
|
|
|
|
<p>Bienvenue !</p>
|
|
```
|
|
|
|
Retournez dans le navigateur et rafrachissez la page (F5)
|
|
|
|
Affichez la source.
|
|
|
|
Vous remarquerez que la vue ne contient que le `<body>` de la page HTML.
|
|
|
|
Si vous souhaitez modifier le layout, pour modifier la balise `<title>` par exemple, vous le trouverez dans `app/views/layouts/application.html.erb`
|
|
|