菜鸟的Dojo学习笔记1
2014-11-30 01:37
253 查看
其实也不为什么,就是想在学习的路上留点轨迹。没什么驱动力的生活无异于行尸走肉。
1.Dojo简介
Dojo saves you time andscales with your development process, using web standards as its platform. It’sthe toolkit experienced developers turn to for building high quality desktopand mobile web applications.
From simple websites tolarge packaged enterprise applications whether desktop or mobile, Dojo willmeet your needs.
——From http://dojotoolkit.org/
听起来很强大的感觉。简单说有几点:
(1) Dojo 是基于 javascript开发的。完美跨浏览器。
(2) 可以使用Dojo框架实现多样的Web表现效果,提升Web 应用程序可用性、交互能力以及功能。
(3) Dojo的扩展包能够使你自己的代码更容易维护,耦合性更低。
等等。
先稍为跨过理论,来体验一下Dojo。
一. 搭建基础环境。
先搭个Tomcat如何?
1. 下载Tomcat.常用地址是http://tomcat.apache.org/index.html.我的版本是Apache Tomcat Version 6.0.41
2. 解压到常用的文件夹,最好改个比较简单的名字(这里是改成Tomcat)
3. 执行/Tomcat/bin下的startup.sh
![](https://img-blog.csdn.net/20141201005938235?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGVtb25ncmFzc3N0YXN0ZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
4. 默认配置的话应该是 http://localhost:8080
![](https://img-blog.csdn.net/20141201005948641?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGVtb25ncmFzc3N0YXN0ZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
直奔主题,先不论Tomcat详细配置。
二. Come on! Dojo ! HelloWorld!
1. 先配置Dojo.
如果网络给力的话(至少能连到google),可以不用下载直接用:
<scriptsrc="//ajax.googleapis.com/ajax/libs/dojo/1.10.1/dojo/dojo.js"></script>
实测时灵时不灵。一旦没连接上,你的网站肯定是没法加载了。
所以还是下载一个到本地吧。
http://dojotoolkit.org/download/
2. 简单的HelloWorld(假定Dojo.js放在ROOT目录下)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dojo!Hello World!</title>
</head>
<body>
<h1>Dojo!Hello World! from HTML</h1>
<script src="./dojo.js"></script>
<script type="text/javascript">
dojo.addOnLoad(function ()
{
dojo.create("div", { innerHTML: "Hello world! fromDojo" }, dojo.body());
});
</script>
</body>
</html>
附图如下:
![](https://img-blog.csdn.net/20141201010003742?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvbGVtb25ncmFzc3N0YXN0ZQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center)
证明成功了!
1.Dojo简介
Dojo saves you time andscales with your development process, using web standards as its platform. It’sthe toolkit experienced developers turn to for building high quality desktopand mobile web applications.
From simple websites tolarge packaged enterprise applications whether desktop or mobile, Dojo willmeet your needs.
——From http://dojotoolkit.org/
听起来很强大的感觉。简单说有几点:
(1) Dojo 是基于 javascript开发的。完美跨浏览器。
(2) 可以使用Dojo框架实现多样的Web表现效果,提升Web 应用程序可用性、交互能力以及功能。
(3) Dojo的扩展包能够使你自己的代码更容易维护,耦合性更低。
等等。
先稍为跨过理论,来体验一下Dojo。
一. 搭建基础环境。
先搭个Tomcat如何?
1. 下载Tomcat.常用地址是http://tomcat.apache.org/index.html.我的版本是Apache Tomcat Version 6.0.41
2. 解压到常用的文件夹,最好改个比较简单的名字(这里是改成Tomcat)
3. 执行/Tomcat/bin下的startup.sh
4. 默认配置的话应该是 http://localhost:8080
直奔主题,先不论Tomcat详细配置。
二. Come on! Dojo ! HelloWorld!
1. 先配置Dojo.
如果网络给力的话(至少能连到google),可以不用下载直接用:
<scriptsrc="//ajax.googleapis.com/ajax/libs/dojo/1.10.1/dojo/dojo.js"></script>
实测时灵时不灵。一旦没连接上,你的网站肯定是没法加载了。
所以还是下载一个到本地吧。
http://dojotoolkit.org/download/
2. 简单的HelloWorld(假定Dojo.js放在ROOT目录下)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Dojo!Hello World!</title>
</head>
<body>
<h1>Dojo!Hello World! from HTML</h1>
<script src="./dojo.js"></script>
<script type="text/javascript">
dojo.addOnLoad(function ()
{
dojo.create("div", { innerHTML: "Hello world! fromDojo" }, dojo.body());
});
</script>
</body>
</html>
附图如下:
证明成功了!
相关文章推荐
- [Javascript]菜鸟的Dojo学习笔记1
- 利用.net 中数据绑定向导将数据绑定到datagrid当中(菜鸟学习笔记)
- Dojo学习笔记(6. dojo.io.IO & dojo.io.BrowserIO)
- Jetty+Dojo+Tomcat的Comet学习笔记-HelloWorld
- dojo的学习笔记【转】
- 菜鸟学习linux笔记与练习-----第二天。一些基本命令以及初级网络配置
- 2008-06-17的学习笔记( 我是一只正在学习编程的菜鸟......)
- Dojo 学习笔记
- 菜鸟学习linux笔记与练习-----第一天。一些初级命令以及基本用户管理
- 菜鸟学习linux笔记与练习-----第一天。一些初级命令以及基本用户管理
- 推荐dojo学习笔记
- Dojo学习笔记--dijit.Dialog
- Dojo学习笔记--dijit.Menu
- 小菜鸟的博客,在这里记录我的学习笔记!~~~
- Dojo学习笔记
- 菜鸟必读:RHCE课堂学习笔记(1)
- [学习笔记]Asp.net(C#)菜鸟进级系列之流程控制
- NO.1小菜鸟的博客,在这里记录我的学习笔记!~~~ css的link和import的区别
- Dojo 学习笔记入门篇 First Dojo Example
- 菜鸟C++学习笔记【指针】上