Struttura dell'applicazione Sencha Touch

Question

Sono abbastanza nuovo per Sencha Touch e sto provando a creare una semplice applicazione che abbia un modulo di accesso e che effettui chiamate e recuperi i risultati in elenchi.

La mia domanda è, come devo creare la struttura dell'applicazione? Dovrebbe essere tutto in un file .html? o dovrei pagine diverse per ogni elenco e la pagina di accesso? In tal caso, come posso cambiare le viste da una pagina all'altra e ottenere effetti di transizione?

Answer 1

Inizia con la cosa più semplice e refactoring dopo. Ho appena fatto un'app in Sencha Touch e diventa piuttosto sconcertante guardare i file di esempio. Ho trovato che il modo più semplice per imparare era creare un singolo file html e non appena qualcosa diventava poco pratico o ovviamente aveva bisogno di un refactator, ho iniziato a creare file successivi.

Answer 2

Vorrei romperlo per le principali funzioni (vale a dire lo scopo). Per le app mobili, si desidera evitare di avere postback non necessari/caricare più pagine e viste se si può aiutare.

Se l'app mobile ha uno scopo, la manterrei su una pagina html e interromperò solo i file JavaScript in quanto è necessario mantenerla organizzata.

Se ha due scopi (ad esempio 1 - per inserire un gruppo di informazioni e 2 per visualizzare i report sui dati), quindi lo suddividerò in due file html.

Ad esempio, se si dispone di un'app mobile che consente di eseguire una serie di passaggi della procedura guidata per eseguire l'immissione dei dati (vale a dire uno scopo), vorrei ospitare l'intero wizard all'interno di un Ext.Panel (su una singola pagina) e scambia ogni contenuto "Passo" di Ext.Panel della procedura guidata mentre l'utente avanza attraverso la procedura guidata.

Answer 3

In realtà esiste un generatore che è possibile utilizzare per generare la struttura delle app canoniche. Dal scaricare Sencha, andare alla directory JSBuilder, quindi eseguire un comando simile a questo:

./sencha.sh generate app MyApp path/to/myapp 

Inoltre, questo set di diapositive dimostra la struttura, anche se potrebbe essere necessario scavare per più della filosofia del motivo per cui le cose sono dove:

http://www.sencha.com/conference/sessions/session.php?sid=322

Ed ecco l'esempio app ha parlato nella discussione:

http://cl.ly/1d1S282O1Y2c3N1v1j1i

Answer 4

Va bene usare un singolo file HTML per iniziare, ma a lungo termine vale la pena rendere la struttura dell'applicazione coerente con le "migliori pratiche" in modo che altri possano vedere e comprendere il codice successivamente.

I generatori Sencha Touch (che entrano nella versione 1.1) posizionano la logica di avvio in un file denominato app.js e quindi dispongono di file per ogni modello, vista e controller (nelle rispettive directory).

Anche se non è possibile creare un'applicazione MVC completa dall'inizio, probabilmente si dovrebbero ancora utilizzare queste convenzioni. Dai un'occhiata alle app di Twitter e Kiva nell'SDK (e al http://dev.sencha.com/deploy/touch/examples/) per buoni esempi.

Il file index.html può collegarsi a ciascun file singolarmente, ma ovviamente per la produzione, si consiglia inoltre di esaminare lo strumento JSBuilder per comprimerli e ridimensionarli tutti in modo che il dispositivo possa recuperarli in una singola richiesta HTTP .