ExtJs學習-搭建開發環境

    Extjs是一個非常棒的ajax框架，可以用來開發十分絢麗外觀的客戶端框架，能使B/S框架更加具有活力。它是一個用javascript編寫的框架，與后台技術無關的ajax框架。因此，可以把ExtJs使用在asp.net、java、php等語言開發的應用程序中。

  關於Extjs的智能提示配置參考：http://www.cnblogs.com/maowang1991/archive/2013/02/05/2893142.html

   本人學習使用的是3.4版本，在3.4版本上進行學習和實驗。

    首先是獲取Extjs框架，下載之后，解壓文件到當前文件夾，目錄如下所示：

編寫第一個ExtJS程序

在eclipse工具中新建一個項目，引入ExtJs類庫，代碼在Eclipse中WebContent目錄下的結構如下所示。

在使用ExtJs之前，需要在頁面中引入相應的CSS和JS文件。一般引用如下文件

ext-all.css

ext-base.js

ext-base.js

在Eclipse中新建一個html頁面，在head標簽中輸入如下代碼：

<link href="../../ext/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="../../ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="../../ext/ext-all.js"></script>

引用完了框架的類庫之后，和編寫一般的javascript文件代碼類似，HelloWord代碼如下所示。

<script type="text/javascript">
  Ext.onReady(function() {
      Ext.MessageBox.alert("title", "Hello World");
 })
</script>

 

 打開瀏覽器，可是訪問當前的頁面，效果如下所示。

頁面效果是出來的，還是挺絢麗的，這就是第一個Extjs程序，以后進行慢慢學習，總結。