Dojo入门与dojo项目配置方案(二)

前端之家收集整理的这篇文章主要介绍了Dojo入门与dojo项目配置方案(二)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

用了一段时间dojo后,渐渐发现它的强大。越来越喜欢它的一个函数declareDeclare可以用来创建自定义类,以实现模块化设计。正是这种模块化的思想让dojo开发变得简便。这里面我介绍一个dojo项目模板,这个模板是遵循模块化设计的,虽然不一定好完美,但是对于很多项目都是试用的。

Index.html中应该有对dojo库入口文件dojo.js的引入,至于dojo库放哪都无所谓。所有js文件放在js目录中。

Js目录里包含了我们自定义的包以及配置文件config.js)。这里我们定义了一个名为app的包。

App包里面有一个helloworld类,当然这个包里面我们可以定义很多类。

那么如何定义包呢?下面给出一个例子,相信你们看到例子在去查找api就很容易掌握了。怎么自定义类,这个就不多说,这里只谈这种模板形式。

Helloworld.js

那么dojo如何识别出这些包、类,实现AMD加载呢?这里要在config.js里面配置。这里的配置文件如下:

Config.js

注意这个文件要在dojo.js之前引入。这里我们定义了一个包app,并指定了路径,这样dojo能够找到包。【dojo配置(dojoConfig变量)里我们指定了baseUrl,即dojo.js文件目录,实际上这里可以不用指定,因为我们引入dojo.js时已经明确了路径,这里写上是因为有些库可能需要这个,比如ArcGIS javascript API,指定baseUrl就不用专门修改太多配置。】

最后,index.html里面内容如下:


模板很简单,但是很实用。

原文链接:https://www.f2er.com/dojo/291289.html

猜你在找的Dojo相关文章