2

マリオネットを調べてドキュメントを読み始めたばかりです..さらに、JQMは初めてです

これが、「非常に」高いレベルでマリオネットを理解する方法です。複雑な UI の構築に役立つアプリケーションとリージョン、複合ビューなどの概念があります。JQM ページ内で、marionette の Regions および Composite ビューを使用して「ビュー」を構築できることがわかります…

複数のページを持つ JQM アプリを検討しているため、1 つのマリオネット アプリケーションですべての JQM ページのすべてのリージョン/複合ビューを管理する必要があるかどうかも問題です。各 JQM ページと、JQM ページの遷移を反映するために、アプリ間で何らかのルーティングが行われます。

患者さん、これからよろしくお願いします。

4

2 に答える 2

2

これが私のバージョンですthe boilerplate：

使用したパッケージ

  • マリオネット
  • 背骨
  • jQueryとJQM
  • JQMルーター-バックボーンルーターではありません（これは私の好みです）
    • 現在のバージョンでは、実際には使用されていません。
  • lodash
  • requirejs

アプリフロー-ユーザーの見通し

  • 「ランディング、アバウト、ログイン」の3つのJQMページがあります。
  • 起動すると、ランディングページに移動します。
  • ランディングページから、ユーザーは「バージョン情報」または「ログインページ」のいずれかに移動できます。
  • 「About/Login」ページから、他の2ページに戻ることができます。

アプリの構造

  • すべてのモジュールはrequirejsを使用してロードされます
  • 中央ハブとして機能する1つのMarionetteアプリケーションインスタンスがあります
  • 各JQMページは、ヘッダー、コンテンツ、フッターの3つの領域を持つマリオネットレイアウトとしてモデル化されています。これは、JQMページの分割方法と一致します。
  • これらの各リージョン（ヘッダー、コンテンツ、およびフッター）には、マリオネットビュー（アイテム、コンポジット、コレクション、またはレイアウトビュー）が含まれています。ビューをネストして、ニーズに合わせて複雑なビューを作成できます。
  • 残りはただのBackbone/JQMのものです。
  • それだ！

どんな考えやコメントも大歓迎です！

于 2013-02-06T05:06:40.110 に答える
2

私はまったく同じ船に乗っています。Marionette と jQuery Mobile を最大限に活用する方法を見つけようとしていますが、いずれかのフレームワークの経験がなく、それらが連携して動作する例が (一見) 不足しているため、苦労しています。私よりも資格のある誰かがそれに答えてくれることを期待して、この質問を注意深く見ています. ただし、私の経験に基づいて、いくつかの指針を提供できる場合があります。

Marionette と jQuery Mobile が連携している例はないようですが、プレーンな Backbone と jQuery Mobile を統合する方法を示す例はいくつかあります。私が見た中で最も良い例は、Backbone のルーティングを使用し、jQuery Mobile メソッドを使用してページを管理するこの例changePageです。つまり、ページ遷移を含む jQuery Mobile に組み込まれているほとんどの機能を保持します。

上記の例をこのボイラープレートの出発点として使用しました。これはマリオネットをミックスに追加する試みです。jQuery Mobile の機能を保持するために Marionette の機能の一部 (特に ) を犠牲にしているため、決して完璧ではMarionette.Applicationありませんが、興味深いものになるかもしれません。2 つのフレームワークについての知識があれば、両方のフレームワークの機能が保持されるように改善できると思います。

于 2013-02-01T23:07:30.600 に答える