도조 입문
가장 빠 른 속도 로 첫 번 째 hello World 프로그램 을 구축 하고 싶 습 니 다.
1. 공구 꾸러미 다운로드
http://dojotoolkit.org/downloads
페이지 에 두 개의 download 가 있 습 니 다: dojo - relase - 1.2.3. tar. gz
다운로드 포함: Dojo + Dijit + Dojox 의.
그 중에서 Dojo 는 핵심 기능 팩 이 고 Dijit 에는 Dojo 의 모든 Widget 구성 요소 가 저장 되 어 있 으 며 DojoX 는 확장 또는 시험 기능 이다.
2. 웹 프로젝트 에 가 져 오기
프로젝트 WebRoot 다음 에 새 폴 더 dojo 를 만 들 고 dojo - relase - 1.2.3. tar. gz 를 압축 해제 한 파일 을 dojo 에 복사 합 니 다.
디 렉 터 리 구조:
http://localhost:8080/
DojoTest/dojo/dijit/themes/themeTester.html
서버:http://localhost:8080
프로젝트 이름: DojoTest
정상적으로 방문 할 수 있다 는 것 은 배치 성공 을 나타 낸다.
4. 하나의 인 스 턴 스
프로젝트 에 인 스 턴 스 를 만 듭 니 다. test. html 코드 는 다음 과 같 습 니 다.
<html>
<head>
<title>test</title>
<script type="text/javascript" src="dojo/dojo/dojo.js"
djConfig="parseOnLoad: true"></script>
<style type="text/css">
@import "dojo/dijit/themes/tundra/tundra.css";
</style>
<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dijit.form.TextBox");
dojo.require("dijit.form.Button");
function init()
{
dojo.connect(dijit.byId("mybutton").domNode,"onclick","login");
}
function login()
{
if( dijit.byId("myname").value=="goodguy" &&
dijit.byId("mypassword").value=="goodgoodstudy")
alert("Dojo World welcome you!");
else
{
dijit.byId("myname").setValue("");
dijit.byId("mypassword").setValue("");
alert("Dojo does not like you!");
}
}
dojo.addOnLoad(init);
</script>
</head>
<body class="tundra">
UserName:
<input type="text" length="20" id="myname"
dojoType="dijit.form.TextBox">
<br>
PassWord:
<input type="password" length="20" id="mypassword"
dojoType="dijit.form.TextBox">
<br>
<div id="mybutton" dojotype="dijit.form.Button">
Submit
</div>
</body>
</html>djConfig="parseOnLoad: true"@import "dojo_path/dijit/themes/tundra/tundra.css"dojo.require("dojo.parser")dojo.require("dijit.form.TextBox")
dojo.require("dijit.form.Button") Dojo 스타일 의 텍스트 입력 상자 와 단 추 를 도입 하 는 기능 모듈 을 표시 합 니 다.
dojo.connect(dijit.byId("mybutton").domNode, "onclick", "login") dijit.byId("myname").setValue("") <input type="text" length="20" id="myname" dojoType="dijit.form.TextBox"> 페이지 의 텍스트 입력 상자 가 Dojo 스타일 임 을 나타 내 는 dojoType = "dijit. form. TextBox" 입 니 다.주의해 야 할 것 은 dojo Type = "dijit. form. TextBox" 라 는 방식 으로 일부 Dojo 기능 의 사용 을 실현 하 는 것 입 니 다. 그 표현 형식 은 HTML 태그 의 속성 (width = "10px" 와 같 음) 을 설명 하 는 것 과 같 기 때문에 본 고 에서 Dojo 태그 속성 이 라 고 부 릅 니 다.페이지 로 딩 이 완료 되면 Dojo 의 분석 모듈 은 Dojo 태그 속성 을 브 라 우 저가 실행 할 표 시 를 식별 할 수 있 도록 변환 합 니 다.
5. 테스트 실행.
[/size]
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Is Eclipse IDE dying?In 2014 the Eclipse IDE is the leading development environment for Java with a market share of approximately 65%. but ac...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
