Структура приложения Sencha Touch

Question

Я довольно новичок в Sencha Touch и пытаюсь создать простое приложение, которое имеет форму входа в систему и выполняет звонки и извлекает результаты в списки.

У меня вопрос, как мне создать структуру приложения? Должно ли все это быть внутри одного файла .html? или мне разные страницы для каждого списка и страницы входа? Если да, то как я могу изменить вид с одной страницы на другую и получить эффекты перехода?

Answer 1

На самом деле есть генератор, который вы можете использовать для генерации канонической структуры приложения. Загрузив Sencha, перейдите в каталог jsbuilder и выполните команду, подобную этой:

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

Кроме того, этот набор слайдов демонстрирует структуру, хотя вам, возможно, придется покопаться, чтобы узнать больше о том, почему что-то происходит:

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

А вот пример приложения, о котором говорили в обсуждении:

http://cl.ly/1d1S282O1Y2c3N1v1j1i

Answer 2

Хорошо использовать один HTML-файл для начала работы, но в долгосрочной перспективе стоит привести структуру приложения в соответствие с «лучшими практиками», чтобы другие впоследствии могли взглянуть и понять ваш код.

Генераторы Sencha Touch (в версии 1.1) помещают логику запуска в файл с именем app.js, а затем имеют файлы для каждой модели, вида и контроллера (в соответствующих каталогах).

Хотя вы, возможно, и не строите полноценное приложение MVC с самого начала, вам, вероятно, все же следует использовать эти соглашения. Взгляните на приложения Twitter и Kiva в SDK (и на http://dev.sencha.com/deploy/touch/examples/) для хороших примеров.

Файл index.html может ссылаться на каждый файл отдельно, но, конечно же, для производства вам также рекомендуется взглянуть на инструмент JSBuilder, чтобы упаковать и свернуть их все, чтобы устройство могло извлечь их в одном HTTP-запросе.

Answer 3

Я бы разбил его по основным функциям (то есть цели). Для мобильных приложений вы должны избегать ненужных обратных передач / загрузки нескольких страниц и просмотров, если можете помочь.

Если ваше мобильное приложение имеет одну цель, я бы держал его на одной html-странице и разбивал файлы JavaScript только по мере необходимости, чтобы оно было организованным.

Если это имеет две цели (например, 1 - для ввода группы информации и 2 - для отображения отчетов о ваших данных), то я бы разбил ее на два html-файла.

Например, если у вас есть мобильное приложение, которое выполняет серию шагов мастера для ввода данных (то есть для одной цели), я бы поместил весь этот мастер в Ext.Panel (на одной странице), и поменяйте местами каждый шаг Ext.Panel мастера по мере его прохождения.

Answer 4

Начните с самой простой вещи и рефакторинг позже.Я только что сделал приложение в Sencha Touch, и оно выглядит довольно изумительным, глядя на файлы примеров.Я обнаружил, что самым простым способом обучения было создание одного html-файла, и как только что-то стало громоздким или явно нуждалось в рефакторе, я начал создавать последующие файлы.