4

ユースケース：クライアント側のスクリプトを多く含むプロジェクトから始めています。これは、ユーザーがhtmlコンポーネントをドラッグアンドドロップできるミニCMSに似ています。これにやや似ています。現在、ユーザーが作業するコンポーネントを定義するためにMVCフレームワークを選択する必要がある状況にあります。（ドラッグ、サイズ変更、削除などの操作を実行します）。

今 私が直面している問題は、習得と実装が簡単なフレームワークを選択することです。私はJavascriptとjQueryの基本的な知識を持っており、しばらくの間それを使用していますが、MVCの経験はありません。

過去2日間の私の調査によると、 backbone.jsを開始するのは良いことですが、htmlコンポーネントとDOM要素の処理に柔軟性があることについてコメント/提案をお願いします。HTMLコンポーネントの初期コンテンツを保存するにはどうすればよいですか？（外箱と構造）。

また、同じタイプの複数のコンポーネントを処理するにはどうすればよいですか？IDを動的に生成することはオプションですが、動的IDを使用して複数の要素を管理することは困難になります。それらを処理できる他の方法はありますか？

これらのコンポーネントのイベントを処理するのが簡単なフレームワークはどれですか？

4

4 に答える 4

7

ドラッグアンドドロップを含むWebアプリのバックボーンを使用し、jqueryuiを使用してドラッグアンドドロップ機能を実装しています。たとえば、ドロップ可能なバックボーンビューを実装する場合、これらはimoと非常によく統合されます。

render: function(){
    var $el = this.$el,
        over = false,
        origWidth;


       if (!this.$el.is('.ui-sortable'))
            this.$el.sortable({
                revert: false,
                axis: 'y',
                placeholder: 'placeholder',
                items: '.load-order',
                containment: this.el,
                receive: this.onOrderDrop,
                over: this.onOrderOver
                out: function(e, ui){
                    // Resize back to original width
                    if (over && ui.helper)
                        ui.helper.stop().animate({width: origWidth}, 'fast');
                    over = false;
                }

アップデート：

バックボーンビューを使用すると、スケルトンhtml構造が作成され、バックボーンビューでインクリメントされます。各ビューにはモデルデータでレンダリングされたテンプレートがあり、 BackboneEssentialsで詳細を読むことができます。

また、バックボーンを使用してドラッグ可能なイベントを示すために小さなtodolistを作成しました
http://www.github.com/joaoxsouls/todolist

于 2012-12-07T12:18:26.973 に答える
3

なぜBackboneJSを使いたいのですか？

必要がなく、単にドラッグドロップインターフェイスが必要な場合は、次を参照してください。http: //omshankar.kodingen.com/engine-1.73/
JavaScriptは、1行にするために最小化されています。関数と変数はすべてそのままです。Chromeでは、をクリックすると表示さ{}れます。Sources

非常に必要な場合は、バックボーンにドラッグアンドドロップを設定できます。item唯一のことは、render関数が呼び出されるたびに、関数でドラッグドロップを再度初期化する必要がある場合があるということです。構造、外箱、部品
については、思い通りに作りましょう。それはできます。サンプルバックボーンアプリケーション： http： //omshankar.kodingen.com/exp/backbone-html5-dd/HTMLHTML

ドラッグアンドドロップもありますが、これは画像ファイルをOSからブラウザにドラッグするものであり、関連性はありません。

HTMLを保存したい場合は、ローカルストレージを介して保存するか、HTMLファイルに保存することができます。動的なパーツにのみバックボーンビューを適用/作成

于 2012-12-28T21:11:15.653 に答える
1

Angular JSをお勧めしますか？優れたバインディング機能とディレクティブ機能があります。

于 2012-12-07T11:20:30.143 に答える
1

AngularJSは、特にConversationJSのようなものと組み合わせる場合に最適です。

https://github.com/rhyneandrew/Conversation.JS

私は「スパゲッティ」の角度がどのように感じられるかについての大ファンではありません。会話を使用すると、動作方法を変更せずに、かなりの部分を切り離すことができます。これにより、コードベースがかなりクリーンになります。

于 2012-12-09T23:25:52.103 に答える