どのように整理JSファイルAppceleratorチタン製プロジェクト

StackOverflow https://stackoverflow.com/questions/2573592

質問

私は、最近ではiPhoneアプリケーションの制作を利用Appceleratorのチタンをはじめとする用途でお使いいただくために、が本質的にすべてのJSめのアドバイスをどう整理します。

なくで手続きをイメージはイメージファイルビューの願います。がんを取り入れることができるMVC、一部の構造についてお教え下さい。

おかげさにしたいです。-Tilo

役に立ちましたか？

解決

チタンそのものは基本的にMVC考えapp.js ファイルがメインのコントローラー、各種ビューの作成はとデニースザメネースパークに渡します(またはセット)をモデルデータに対す。

チタン、分解用カップルでご利用の内蔵メカニズム

  1. チタンをはじめとするなど -チタンをはじめとするなどです。JSファイルの場所だったのと同じように、C #include コンパイラの方向性を指し示します．また共通機能およびJS授業のこのファイル、そしてすっきりとしたいの輸入が可能です。

  2. チタンをはじめとするポートします。警 -を作成できます新しいビューとしてのプロパティとしての新しいウィンドウで渡URL他JSコンテキストで新しいJSのサブコンテキストできる形態での可変スペースでもアクセスする親会社).

また、チタンを作成できますフォルダを許可する論理的に整理でお申し込みようのに適しています。

編集： 現在はチタンをはじめとするなどのメソッドは推奨されません。としてmentionnedの文書化し実行するべきであるCommonJSのモジュールを使用 require() ます。

りに関する情報は、この文: 必要と

情報モジュール: モジュール

他のヒント

として、私はチタンモバイルプロジェクトのための適切なMVCソリューションを見つけることはなかった、私は次のようなアプローチを思い付きました。小さなアプリケーションでは、これは過剰設計であるかもしれないが、成長しているアプリケーションを維持するために役立つ可能性があります。

フォルダ構造ます：

/Resources
  /model
  /view
  /controller
  /ui
  /iphone
  /android
  app.js
  app.jss
名前空間が必要とされているビュー、モデルとコントローラを分離するための

、私たちは私たちのメインコントローラである、app.jsでそれを定義します：

var app = {
  view: {},
  controller: {},
  model: {},
  ui: {}
}

私たちは、各コンポーネントのために、単一のJavaScriptファイルを置くフォルダ内。このために我々はどちらか、そのようなMooToolsのやプロトタイプとして、軽量のJavaScript OOPのライブラリを使用することができますまたは当社のオブジェクトとして簡単なJS関数を定義します。あなたは、親クラスから継承したい場合は、ライブラリは間違いなく理にかなっています。

例：

# Resources/controller/MyController.js
app.controller.MyController = function() {
   return {
      getView: function() {
         return new app.view.MyView().getView();
      }
   }
}

# Resources/view/MyView.js
app.view.MyView = function() {
   return {
      getView: function() {
         return Ti.UI.createWindow({...});
      }
   }
}

# Resources/view/MyModel.js
app.model.MyModel = function() {
   return {
      some: "data",
      foo: "bar"
   }
}

私たちは、ファイルをapp.jsにTi.include（）で必要なすべてのモデル/ビュー/コントローラクラスが含まれており、私たちの名前空間でコンポーネントを参照することができ、その後ます：

Ti.include("controller/MyController.js");
Ti.include("view/MyView.js");
var myController = new app.controller.MyController();
var myView = myController.getView();
myView.open();

MVCアプローチは、ビューの状態今推定コントローラは、「コントロール」となり、ビューにモデルからのデータを通過させます。ビューは、スタイリングのためのUI要素とプロパティで構成されています。 UIてなされたものであり、任意のアクションは、所望のアクションを実行するためにコントローラに指示イベントを発生させます。

しかし、もちろん、MVCの正確な定義は、あなたの個人的な好みに応じて異なる場合があります。）

このも5月のヘルプ：チタンモバイルプロジェクトを整理する方法の基本的な構造体： https://github.com/krawaller/Struct 。

ここで更新するこの質問以降の対応により代替.第4四半期2012年Appceleratorの合金MVC(β)の枠組みの最新IDE SDKリリース、チタンStudio3.0SDK3.0です。合金で完全に統合スタジオでかなりやすい基本アプリを走る以上15分合金のご紹介となフォルダの再構築:の アプリ フォルダはすべての開発コードが存在しています。

の 資源 フォルダには、コードの利用に居住し、現在に更新しました /build フォルダにまとめた。コンパイルされたコードに 資源 上書きされぞ。

作成した短期基礎プライマー(screencast)を用いたステンレス鋼。それを見ることが出来まmy dropboxフォルダにまとめた。

合金鉄のプロジェクト

Appceleratorのはhref="https://marketplace.appcelerator.com/apps/837?1932948971" rel="nofollow" title="Appcelerator MVC"> AppceleratorのMVC の中で、自分のに見えます私はこれをまだ評価されていない市場ます。

詳細： http://johnkalberer.com/2011/09/ 29 / Appceleratorの-MVC-例/ の

ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top