一步一步学dojo之（一）hello World！

最新推荐文章于 2022-11-23 22:29:53 发布

静水深流--追梦

最新推荐文章于 2022-11-23 22:29:53 发布

阅读量778

点赞数

分类专栏：一步一步学dojo 文章标签：一步一步学dojo dojo基础 dojo简单搭建

本文链接：https://blog.csdn.net/shaozhang872196/article/details/18555043

版权

一步一步学dojo 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

用了几个月的dojo了，只会改改别人的代码，或者只会照搬别人的东西，感觉很是郁闷啊。因为框架是别人搭建的，所以项目都做完了还对dojo不了解。现在想了解一下这到底是什么东东，于是网上一顿狂搜啊，但作为一个it人，深知学习一种新的知识最好的办法就是实际操作一边，所以就想自己走一边，顺便做个笔记什么滴！嘿嘿，下面是我的操作流程。

1.下载dojo API的包，网址http://dojotoolkit.org/download/。我下载的版本是1.9.2；

2.创建一个web项目，项目名为：dojotest ，并在WebRoot 下建一个名为js的文件夹；

3.解压下载的dojo API包，将解压文件加下的 dijit , dojo,dojox , util四个文件夹复制到上述2中创建的js文件夹中；

4.在WebRoot 下新建一个jsp文件（若已存在，则不用重建）。

5.在index.jsp文件中录入如下关键代码：

<style type="text/css"> 
@import "js/dijit/themes/tundra/tundra.css";
@import "js/dojo/resources/dojo.css";
</style>
<script type="text/javascript" src="js/dojo/dojo.js" djConfig="parseOnLoad: true"></script>
<script type="text/javascript">
	dojo.require("dijit.form.Button");
</script>
<body>
<button dojoType="dijit.form.Button" id="helloButton" >Hello World！
	<script type="dojo/method" event="onClick">
		alert("你好，世界！");
	</script>
</button>
</body>

6.启动web项目dojotest，然后在浏览器中输入http://localhost:8080/dojotest/index.jsp。点击按钮“Hello World!“后，触发onclick事件，弹出“你好，世界！”。

静水深流--追梦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
一步一步学dojo之（一）hello World！

用了几个月的dojo了，只会改改别人的代码，或者只会照搬别人的东西，感觉很是郁闷啊。因为框架是别人搭建的，所以项目都做完了还对dojo不了解。现在想了解一下这到底是什么东东，于是网上一顿狂搜啊，但作为一个it人，深知学习一种新的知识最好的办法就是实际操作一边，所以就想自己走一边，顺便做个笔记什么滴！下面就是我的操作流程。1.下载dojo API的包，网址http://dojotoolkit
复制链接

扫一扫