Fils RSS pour les
Articles
Commentaires

Comme annoncé dans l'article d'introduction, nous allons créer notre premier projet RoR, sous Windows XP, en utilisant notre toute nouvelle installation d'EasyEclipse.

Le contenu de cet article est basé, dans ses grandes lignes, sur un article de TAD sur son site RubyNoob. Le but est de décrire les étapes à suivre pour créer une première application Rails en mettant en oeuvre EasyEclipse. Cette application test nous servira dans la suite des articles de ce 57ième guide sur RoR.

(i) Toutes les captures d'écrans de cet article sont affichées grâce aux plugins ImageManager et LightBox. Elles forment, pour ceux qui le désirent, un diaporama complet de l'article via l'utilisation des flèches de navigation de l'affichage dans LightBox.

  • démarrons Eclipse

easy eclipse.jpg

  • choisissons notre espace de travail

workspace.jpg

  • passons l'écran d'introduction

introduction.jpg

  • voici notre premier écran

premier ecran.jpg

  • commençons notre nouveau projet

nouveau projet.jpg

  • choisissons un projet Rails

server started.jpg

  • donnons-lui un nom, je suggère CapTest

server started.jpg

  • laissons Eclipse générer la structure des répertoires et les fichiers nécessaires

premier ecran.jpg

  • adaptons notre environnement à Rails

server started.jpg

  • choisissons une perspective Rails

server started.jpg

 

server started.jpg

  • notre interface ressemble maintenant à ceci

vue de la  perspective.jpg

  • nous pouvons dès à présent vérifier que notre projet fonctionne
  • pour cela démarrons le serveur

server starting.jpg

  • attendons que le serveur soit démarré

server started.jpg

  • pointons notre navigateur web1 sur l'adresse localhost:30002

welcome captest.jpg

  • nous pouvons également visualiser notre environnement de travail en cliquant sur le lien de ce premier écran

about captest.jpg

  • passons à l'étape suivante: générons un contrôleur et au lieu de l'appeler 'whatever' comme dans l'article, appelons-le portnawak )

generator portnawak.jpg

  • créons un fichier index.rhtml3 dans le répertoire app/views/portnawak4

index rhtml.jpg

  • éditons le fichier5 et insérons le code suivant:
  1.         <head>
  2.             <title>CapTest</title>
  3.         </head>
  4.         <body>
  5.             <p>
  6.             Il est <%= Time.now %>. <br />
  7.             </p>
  8.         </body>
  9.     </html>

 
edition index rhtml.jpg

  • modifions le fichier config/route.rb6 pour y inclure la route vers notre nouveau controleur7.
  1. ActionController::Routing::Routes.draw do |map|
  2.   # The priority is based upon order of creation: first created -> highest priority.
  3.  
  4.   # Sample of regular route:
  5.   # map.connect 'products/:id', :controller => 'catalog', :action => 'view'
  6.   # Keep in mind you can assign values other than :controller and :action
  7.  
  8.   # Sample of named route:
  9.   # map.purchase 'products/:id/purchase', :controller => 'catalog', :action => 'purchase'
  10.   # This route can be invoked with purchase_url(:id => product.id)
  11.  
  12.   # You can have the root of your site routed by hooking up ''
  13.   # -- just remember to delete public/index.html.
  14.   # map.connect '', :controller => "welcome"
  15.   #
  16.   map.connect '', :controller => "portnawak"
  17.  
  18.   # Allow downloading Web Service WSDL as a file with an extension
  19.   # instead of a file named 'wsdl'
  20.   #
  21.   map.connect ':controller/service.wsdl', :action => 'wsdl'
  22.  
  23.   # Install the default route as the lowest priority.
  24.   map.connect ':controller/:action/:id'
  25. end

  • supprimons le fichier public/index.html comme indiqué dans les lignes en commentaire8.

delete index html.jpg

  • nous pouvons maintenant pointer notre navigateur sur l'adresse localhost:3000

nouvelle vue index.jpg

  • et constater que notre première application réalisée sous Windows XP via l'interface EasyEclipse est fonctionnelle :d

A suivre...

Retour vers l'article d'introduction

 


  1. pour moi c'est firefox [retour]
  2. comme dans notre fenêtre perspective [retour]
  3. nous aurions pu tout aussi bien inclure la génération du fichier index.rhtml en ajoutant 'index' à la suite de 'portnawak' dans la génération du contrôleur [retour]
  4. cliquer gauche de la souris sur le répertoire et nouveau fichier [retour]
  5. double cliquer sur le nom du fichier [retour]
  6. double cliquer sur le nom du fichier [retour]
  7. ligne 16 [retour]
  8. ligne 13 [retour]

Les commentaires sont fermés.