dojoDémarrer avec dojo


Remarques

Cette section fournit une vue d'ensemble de ce qu'est un dojo et de la raison pour laquelle un développeur peut vouloir l'utiliser.

Il devrait également mentionner tous les grands sujets dans le dojo et établir un lien avec les sujets connexes. La documentation de dojo étant nouvelle, vous devrez peut-être créer des versions initiales de ces rubriques connexes.

Versions

Version Date de sortie
0.4.4 2006-11-05
1.0.3 2007-11-05
1.1.2 2008-03-26
1.2.4 2008-10-02
1.3.3 2009-03-26
1.4.6 2009-12-07
1.5.4 2010-07-22
1.6.3 2011-03-15
1.7.10 2011-10-27
1.8.12 2012-08-15
1.9.9 2013-05-01
1.10.6 2014-06-13
1.11.2 2016-06-09
1.12.1 2016-12-21

Installation ou configuration

Utilisez Dojo de CDN

Chargez Dojo via des 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

Tapez la commande suivante dans votre répertoire de projet:

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

Bower s'installe par défaut dans un sous-répertoire bower_components, mais si vous souhaitez l'installer dans le répertoire actuel, ajoutez plutôt un .bowerrc avec les éléments suivants:

{
    "directory": "."
}
 

Page d'exemple

Cet exemple est une page exemple qui montre comment utiliser Dojo pour afficher un texte "Hello world" dans la <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>
 

Utiliser des thèmes de dojo de CDN

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

Chargez des thèmes en utilisant la balise de link dans votre page HTML pointant vers Google CDN.