轉(zhuǎn)載。。。。。。。。。
隨著計(jì)算機(jī)的發(fā)展,RIA(富互聯(lián)網(wǎng)應(yīng)用)的流行也是一種必然的趨勢(shì),在眾多的RIA實(shí)現(xiàn)中,ExtJS算是做的相當(dāng)不錯(cuò)了.
ExtJS是用javascript寫(xiě)的，主要用于創(chuàng)建前端用戶界面，是一個(gè)與后臺(tái)技術(shù)無(wú)關(guān)的前端ajax框架,可以用來(lái)開(kāi)發(fā)富客戶端的AJAX應(yīng)用。因此，可以把ExtJS用在.Net、Java、Php等各種開(kāi)發(fā)語(yǔ)言開(kāi)發(fā)的應(yīng)用中。
歷史性的東西,我就不再介紹了,今天第一次寫(xiě)關(guān)于ExtJS的日志,算是對(duì)自己的一種激勵(lì),鼓勵(lì)自己每天都有所進(jìn)步,每天都能上來(lái)寫(xiě)一篇.
下面簡(jiǎn)單講解一下如何配置ExtJS到你的項(xiàng)目中(java MyEclipse)?
1.官方下載ExtJS資源包(2.0)
http://www.extjs.org.cn/download
2.解壓后,將需要的文件復(fù)制到工程中,盡量不要破壞ExtJS本身的目錄結(jié)構(gòu):
主要是這三個(gè)文件:
ext/resources/css/ext-all.css
ext/ext-all.js
ext/adapter/ext/ext-base.js
3.在WebRoot下新建一個(gè)config.jsp,并引入必要的ExtJS的支持文件:
注意:ext-base.js和ext-all.js的引入有先后順序之分,否則會(huì)報(bào)"Error:'Ext' 未定義"的錯(cuò)誤.
4.在<body>...</body>標(biāo)記中加入如下代碼:
<script type="text/javascript">
Ext.onReady(function(){
Ext.Msg.alert("提示","第一個(gè)簡(jiǎn)單的ExtJS示例.");
});
</script>
5.運(yùn)行程序,效果預(yù)覽:
6.本示例完整代碼:
posted on 2009-05-05 10:12
viekie 閱讀(1821)
評(píng)論(0) 編輯 收藏