javascript
ExtJS入门(01)部署介绍
今天學(xué)習(xí)extJS的第一天,所以做個筆錄在這文章中。
extjs網(wǎng)上定義是這樣的
不多說了,extjs就是UI組件,大概意思是你沒必要寫html,css等代碼直接應(yīng)用ExtJS組件就行。。。。。。
還有從6.0版本開始extJS已經(jīng)電腦端與移動端同步了,所以沒必要擔(dān)心一些問題。
第一步 創(chuàng)建web project項目(由于第一次,只弄helloworld)
第二步 導(dǎo)入ExtJS必要組件(文件復(fù)制粘貼)
1.1 創(chuàng)建完后刪除web里面的文件和index文件
1.2 然后 導(dǎo)入extjs里面需要的部分文件比如
:
一般從build里面的文件被調(diào)用(他是pc版),其中
classic為主題,classic里的local為字體。
classic里的theme文件是樣式文件,如:
classic/theme-gray/resources/theme-gray-all.css
build里面ext-all.js為核心庫,壓縮后的js文件,ext-all-debug.js為可以調(diào)試的完整JS文件。
所以我要導(dǎo)入以下文件:
1.ext-all.js
2.classic里的一個theme文件夾
3.theme文件夾里的字體文件locale-zh_CN.js
1.3 web目錄下新建hello.html文件
hello.html文件:
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>hello</title> </head> <body><!--引入extjs樣式文件--> <link rel="stylesheet" type="text/css" href="ext/classic/theme-gray/resources/theme-gray-all.css"><!--引入extjs核心庫--> <script src="ext/ext-all.js"></script> <script>Ext.onReady(function (){Ext.MessageBox.alert("提示:","hello world!!!");})</script> </body> </html>結(jié)果:
panel.html
項目文件分享了,關(guān)注聯(lián)系我,一起進步學(xué)習(xí)和提升!!!!
總結(jié)
以上是生活随笔為你收集整理的ExtJS入门(01)部署介绍的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Navcat:解决1251 client
- 下一篇: Navcat:1251 client d