NO IMAGE

跟我一起學extjs5(01–開發的總體說明)

        我之前使用extjs4 java spring MVC架構了一套“模組常規功能自定義的系統”(部落格詳見點選開啟連結),該系統中詳細講解了設計思想,但並未有實現過程。由於extjs5的釋出,並有許多新特性,而我對原系統正有重構和加入新功能的想法,因此決定對該系統進行升級,並將升級的開發過程寫成部落格。
        系統開發將分成二個階段:
  • 第一階段將用extjs5搭建前臺介面,完成介面的總體佈局、若干種選單、表格Grid、窗體Form、資料記錄的增冊查改、以及若干自定義元件,還有介面屬性的自定義與展示。
  • 第二階段將開發java後臺的控制體系,使其和前臺結合,能夠完成整個自定義系統的運轉。

系統開發要使用的工具:

  • eclipse  ;
  • sencha cmd(sencha cmd 下載),這個用來建立extjs5的應用程式,可以打包和壓縮extjs的源程式;
  • ruby (ruby 下載地址) ,這是sencha cmd 的一個支援環境。 (最好安裝1.93版,其他版本sencha cmd 在在使用過程中會出現錯誤)。
下載及安裝過程在各網站上都有詳細的說明,這裡就不重複了。
        由於先開發前臺的介面和功能,因此需要對extjs有一定的瞭解,系統中我不會很詳細的講解每一條語句,對於基本的屬性和函式需要自己去查api進行了解。最終目標是要開發一套根據配置檔案來自定義介面的系統,開發過程中也不會使用介面生成器,所有的介面都是自己寫程式碼,這樣更有利於熟悉extjs的層次結構。
        從extjs4開始,加入了MVC的架構,開發程式使用OOP的技術,使程式的結構和可讀性大大加強。在extjs5中,又增加了MVVM的特性,根據我的理解就是介面的控制元件的屬性可以根據繫結值自動的改變,這對於我來說是一個十分重要的新特性,在此之前某些功能都是我自己手工完成編碼,現在可以自動實現了。(extjs
MVC和MVVM的介紹
       從下節開始,我將用eclipse建立一個Dynamic web Project, 然後在其 war 目錄下用 sencha cmd 建立一個extjs5的工程,建立好的工程有一些自動生成的js程式碼,在啟動了服務後可以在瀏覽器中檢視。