6

私は Sencha Touch の初心者で、ログイン フォームを持ち、呼び出しを行い、結果をリストに取得する単純なアプリケーションを作成しようとしています。

私の質問は、アプリケーションの構造をどのように作成すればよいですか? すべてを 1 つの .html ファイルに含める必要がありますか? または、リストごとに別のページとログインページを作成する必要がありますか? もしそうなら、あるページから別のページにビューを変更し、トランジション効果を得るにはどうすればよいですか?

4

4 に答える 4

7

実際には、正規のアプリ構造を生成するために使用できるジェネレーターがあります。Sencha ダウンロードから jsbuilder ディレクトリに移動し、次のようなコマンドを実行します。

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

また、このスライド セットは構造を示していますが、なぜ物事がどこにあるのかについては、さらに多くの哲学を掘り下げる必要があるかもしれません。

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

ディスカッションで話題になったサンプルアプリは次のとおりです。

http://cl.ly/1d1S282O1Y2c3N1v1j1i

于 2011-01-14T15:55:29.293 に答える
2

単一の HTML ファイルを使用して作業を開始しても問題ありませんが、長い目で見れば、アプリケーションの構造を「ベスト プラクティス」と一致させて、後で他の人がコードを見て理解できるようにする価値があります。

Sencha Touch ジェネレーター (v1.1 で登場) は起動ロジックを app.js というファイルに配置し、各モデル、ビュー、およびコントローラーのファイルを (それぞれのディレクトリに) 配置します。

最初から本格的な MVC アプリケーションを構築するわけではないかもしれませんが、おそらくこれらの規則を引き続き使用する必要があります。良い例として、SDK (およびhttp://dev.sencha.com/deploy/touch/examples/ )の Twitter および Kiva アプリを見てください。

index.html ファイルは各ファイルに個別にリンクできますが、もちろん本番環境では、デバイスが単一の HTTP リクエストでそれらを取得できるように、JSBuilder ツールを参照してすべてをパッケージ化および縮小することもお勧めします。

于 2011-01-14T21:21:08.583 に答える
1

主要な機能 (つまり目的) ごとに分割します。モバイル アプリの場合、できれば不要なポストバックや複数のページやビューの読み込みを避ける必要があります。

モバイル アプリの目的が 1 つの場合、私はそれを 1 つの HTML ページにまとめ、整理するために必要な JavaScript ファイルのみを分割します。

目的が 2 つある場合 (たとえば、1 つは一連の情報を入力するため、2 はデータに関するレポートを表示するため)、2 つの html ファイルに分割します。

たとえば、一連のウィザード手順に従ってデータ入力を実行するモバイル アプリ (つまり、1 つの目的) がある場合、そのウィザード全体を Ext.Panel 内 (1 つのページ) に格納し、スワップ アウトします。ユーザーがウィザードを進めていくと、ウィザードの各コンテンツ Ext.Panel の「ステップ」が表示されます。

于 2011-01-11T08:37:01.437 に答える
0

最も単純なものから始めて、後でリファクタリングします。Sencha Touch でアプリを作成したばかりですが、サンプル ファイルを見るとかなり戸惑います。学習する最も簡単な方法は、単一の html ファイルを作成することであることがわかりました。何かが扱いにくくなったり、明らかにリファクタリングが必要になったりするとすぐに、後続のファイルの作成を開始しました。

于 2011-01-03T18:36:46.063 に答える