Débuter avec le dojo

Installation ou configuration

Utilisez Dojo de CDN

Chargez Dojo via les balises <script> dans votre page HTML pointant vers Google CDN.

Exemple:

<script src="//ajax.googleapis.com/ajax/libs/dojo/1.11.2/dojo/dojo.js"></script>

Installer Dojo avec Bower

Saisissez la commande suivante dans le répertoire de votre projet :

bower install dojo/dojo dojo/dijit dojo/dojox dojo/util

Bower s’installe dans un sous-répertoire bower_components par défaut, mais si vous souhaitez installer dans le répertoire courant, ajoutez plutôt un “.bowerrc” avec ce qui suit :

{
    "directory": "."
}

Utiliser les thèmes dojo de CDN

Dojo nous propose divers thèmes comme la toundra, le claro, etc.

Chargez les thèmes à l’aide de la balise link dans votre page HTML pointant vers Google CDN.

Page d’exemple

Cet exemple est un exemple de page qui montre comment utiliser Dojo pour afficher un texte “Hello world” dans la balise <h1>.

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>Dojo sample</title>
    <script src="//ajax.googleapis.com/ajax/libs/dojo/1.12.1/dojo/dojo.js" data-dojo-config="async: true"></script>
  </head>

  <body>
    <h1 id="Hello"></h1>
    

    <script>
      require([
        'dojo/dom'
      ], function(dom) {
      
        dom.byId('Hello').innerHTML = 'Hello world';
      });

    </script>
  </body>

</html>
Configuration de Dojo avec dojoConfig →