加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

一步一步学dojo之(一)hello World!

发布时间:2020-12-16 21:31:36 所属栏目:百科 来源:网络整理
导读:用了几个月的dojo了,只会改改别人的代码,或者只会照搬别人的东西,感觉很是郁闷

用了几个月的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事件,弹出“你好,世界!”。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读