Tworzenie aplikacji Ext JS 4 przy użyciu Sencha Cmd

Tworzenie aplikacji Ext JS 4 przy użyciu Sencha Cmd

Cześć, w tym poście zaprezentuję krótko jak można w dość szybkim czasie stworzyć swoją własną aplikację gotową do rozbudowy. Aby rozpocząć potrzebujesz dwóch rzeczy na swoim komputerze:

a) Sencha Cmd

b) oraz bibliotekę Ext JS 4

Jeśli nie posiadasz Sencha Cmd zapraszam tutaj napisałem post jak szybko zainstalować to oprogramowanie:

Instalacja Sencha Cmd

Po zainstalowaniu Sencha Cmd potrzebujesz jeszcze biblioteki Ext JS 4, aby polecenie z terminala mogło się wykonać i wiedzieć jak wygląda struktura aplikacji. Aktualną bibliotekę możesz szybko pobrać tutaj (dla własnego użytku jest darmowa, w komercyjnych projektach musisz posiadać licencję):

Kliknij, aby pobrać Ext JS 4

Po ściągnięciu i rozpakowaniu możesz śmiało iść do terminala, gdzie wykonamy tę komendę:

sencha -sdk localhost/ext-4.2.1-gpl/ext-4.2.1.883/ generate app DevJS extjs4

Zmienna -sdk czeka na ścieżkę do katalogu, który pobrałeś (zawierająca Ext JS 4). Następna generate app pobiera nazwe twojej aplikacji tzw. “namespace” i ścieżkę, ja znajdowałem się w katalogu mojego localhosta więc podałem po prostu nazwę folderu, który został utworzony i znajduje się w nim cały projekt. Tutaj możesz zobaczyć rezultat i w twoim przypadku powinien wyglądać podobnie jak poniżej:

2-extjs4

Jak wejdziesz do przeglądarki i otworzysz plik index.html powinieneś zobaczyć viewport z dwoma regionami:

3-extjs4

Jeśli wszystko masz tak jak na zdjęciach, które umieściłem, oznacza, że możesz teraz korzystać ze standardowego szkieletu aplikacji MVC Ext JS 4.  Jeśli chcesz dowiedzieć się o co chodzi w MVC Ext JS 4, zapraszam do poniższego linku. Pozdrawiam.

Podstawy MVC w Ext JS 4

Komentarze:

Zostaw odpowiedź

Proszę wypełnij wymagane pola aby dodać komentarz.


Drag circle to the rectangle on the right!

Wyślij