dojo Tutoriel
Démarrer avec dojo
Recherche…
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": "."
}
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.
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>