rövid összefoglalás

előző ◈ a következő

Ez a leírás állítjuk elő a kezdők, hogy segítsen nekik megérteni a koncepció Ext JS, hogy dinamikus webes felületen.

Mi Ext JS

Ext JS alapul MVC / MVVM építészet. A legújabb verzió Ext JS 6. egységes platform, amely egyaránt használható asztali és mobil alkalmazások, amelyek nem rendelkeznek egy másik kód különböző platformokon.

Ext JS 2.0

Ext JS 4,0

Ext JS 6,0

Ext JS 6 ötvözi Ext JS (asztali alkalmazás) és fermentálás touch (mobil alkalmazás) szerkezetét.

Jellemzők

Ez a műsor jellegét Ext JS

  1. Testre szabott UI widgetek gyűjteménye gazdag felhasználói felület, mint egy háló tartórács formában diagramok fa.
  2. Kód kompatibilitás az új verziók a régi.
  3. Rugalmas elrendezés kezelő lehetővé teszi rendezésére és megjelenítésére adattartalom a különböző böngészőkben, eszközök és a képernyő mérete.
  4. Advance adatcsomag elválasztja UI kütyü a adatréteg. Az adatcsomag lehetővé teszi, hogy adatokat gyűjtsön a kliens oldalon a rendkívül funkcionális modelleket, amelyek lehetővé teszik funkciók, mint a rendezés és a szűrés.
  5. Ez a protokoll agnosztikus, és tud hozzáférni az adatokhoz bármilyen forrásból háttérben.
  6. Testreszabható témák Ext JS widgetek állnak rendelkezésre számos out-the-box témák konzisztens platformokon.

Sencha Ext JS a vezető szabványa webes alkalmazások fejlesztése a business osztályon. Ext JS biztosítja a szükséges eszközöket építeni robusztus alkalmazások az asztali számítógépek és a tablet.

korlátozások

  1. könyvtár mérete nagy, körülbelül 500 KB, ami a kezdeti betöltési ideje már nem teszi az alkalmazás lassú.
  2. teljes HTML
címkék teszi bonyolult és nehéz a hibakeresés.
  • Összhangban az általános állami politika területén az engedély ingyenes, nyílt forráskódú alkalmazások, de fizetni kereskedelmi alkalmazások.
  • Többször letölteni, még az egyszerű dolgok nem tart tovább néhány sornyi kódot, ami könnyebb, mint a HTML vagy Jquery.
  • Az igény egy tapasztalt fejlesztő fejlődő Ext JS alkalmazásokat.

    • műszerek

    Ezek az eszközök által nyújtott Sencha fejlesztésére használható az Ext JS alkalmazások, elsősorban a termelés szintje.

    Sencha CMD egy olyan eszköz, amely a funkciók Ext JS minification kódot, állványzat, gyártási összeszerelés generáció.

    Sencha IDE plugins

    Sencha IDE plug-inek, amelyek kombinált keret Sencha Into IntelliJ, WebStorm Ida. Ez segít a növekvő fejlesztői termelékenységet azáltal, hogy funkciók, mint például kódkiegészítés, kód ellenőrzése, kód navigáció, kódgenerálásra, refactoring kódot, hozzon létre egy sablont, és helyesírás-ellenőrzés, stb

    Sencha ellenőr

    Sencha Inspector egy hibakereső eszköz, amely segít a hibakeresőjének bármilyen probléma a fejlesztés során.

    Próbálja elektronikus változata

    Létrehoztunk egy programozási környezet ExtJS az interneten, így lehet lefordítani és futtatni a példákat az interneten elérhető. Ez biztosítja, hogy olvassa el, és lehetővé teszi, hogy teszteljék a program különböző változatai. Meg lehet változtatni bármelyik fokon és végrehajtja azt az interneten.

    Próbálja ki a következő példa használat Próbálja ki a lehetőség a jobb felső sarokban a lenti minta kód:

    A legtöbb példát az útmutató találsz egy lehetőséget, hogy próbálja ki a kódot webhelyszakaszok a jobb felső sarokban, ami elviszi az online fordító. Tehát csak használni, és élvezze a tanulást.

    Beállítása a helyi környezet

    Ez a rész ismerteti, hogyan kell letölteni és telepíteni Ext JS gépén. Kérjük, kövesse az utasításokat a környezet telepítését.

    Letöltés könyvtárfájlokhoz

    Kép és leírás

    ext.js
    Ez a fő fájl, amely tartalmazza mindazokat a funkciókat az alkalmazás futtatásához.

    ext-all-debug.js
    Ez unminified változata Ext-all.js hibakeresés céljából.

    ext-all.js
    Ezt a fájlt használják fel termelési célokra általában, ez sokkal kevesebb, mint a többi.

    Felveheti ezeket a fájlokat a projekt mappába JS vagy adhat egy közvetlen út a fájl a rendszer.

    (2) CSS fájlok Számos kép alapján a téma. hogy megtalálja a \ ext-6.0.1-ismereti \ ext-6.0.1 \ szerelvény \ klasszikus \ klasszikus téma \ források \ theme-classic all.css

    Ha használjuk egy asztali alkalmazás, tudjuk használni a klasszikus téma a \ ext-6.0.1-minta \ Ext-6.0.1 \ szerelvény \ klasszikus

    Ha használjuk a mobil alkalmazás, akkor használja a modern témákat, amelyek megtalálhatók a \ ext-6.0.1-minta \ ext-6.0.1 \ építeni \ modern

    Ezeket a fájlokat hozzá kell adni a könyvtár Ext JS alkalmazás a következő:

    Megtakarítás ExtJS alkalmazás kódot app.js fájlt.

    CDN konfiguráció

    Ext JS támogatja a határokon böngésző kompatibilitás, támogatja az összes fontosabb böngészők, mint például:

    • IE 6+
    • Firefox 3.6 és újabb
    • Chrome10 felett
    • Safari 4 és a fenti
    • Opera 11 és újabb

    Használhatja bármilyen böngésző fut Ext JS alkalmazás.

    Az elnevezési egy sor szabályt kell követni azonosítók.

    Ez teszi a kódot olvashatóbbá és érthető, hogy más programozók is.

    Azt kell olvasni a camelcase utalni a szintaxis, a módszer a változók és tulajdonságait.

    Ha a név kombinációja két szó, a második szó kezdődik nagybetűvel mindig. például. doLayout (). StudentForm, Firstname stb

    Ext JS következik MVC / MVVM építészet.

    MVC - Építészet MVC (4-es verzió)

    MVVM - Modellnézet ViewModel (5-ös verzió)

    Ez az architektúra nem szükséges a program, de ez a legjobb gyakorlat, hogy kövesse ezt a szerkezetet annak érdekében, hogy a kódot kezelhető és jól szervezett.

    Project szerkezet Ext JS alkalmazások

    Az alkalmazás tartalmaz egy vezérlő, típus, modell, bolt, szerszám, fájlok app.js.

    app.js: a fő fájl. ahol az áramlás a program elkezdi venni az alap HTML - fájl. használva