2

Dojo を使用して単純な UI デザイナーを作成したいのですが、どこから始めればよいかについてのガイダンスや提案が必要です。

基本的に私がやりたいことは次のとおりです。

ページキャンバスに配置できるいくつかの事前定義された UI コンポーネント (いくつかの dijit) があります。ページは、2 列または 3 列として事前にレイアウトできます。ユーザーは、1 つの dijit を選択してページに配置できます。dijit を移動したり、ハンドラーをドラッグしてサイズを変更したり、ページ内の他の場所に配置したりできます。

要約すると、次の 2 つのことを開発する必要があります。1) ユーザーが使用可能なすべての dijit を表示できる UI パレット。1 つをドラッグしてページにドロップします。2) dijit を配置できるページ キャンバス。また、ユーザーはページ内で dijit を移動したり、サイズを変更したりできます。

どこから始めればよいか、dojo や役立つオープンソース プロジェクトからどの機能を活用できるかについて、いくつかの提案が必要です。

4

2 に答える 2

2

また、Dojo UI を構築するための WYSIWYG エディターであるオープン ソースの Maqetta プロジェクトを参照することもできます。ここから入手できます：

http://maqetta.org/

ソースコードは、それがどのように機能するかについてもっと知りたい場合に利用できます。

于 2012-04-10T08:56:57.260 に答える
1

グラフィカルなワークフロー エディターで同様のことを行いました。キャンバスにドラッグ アンド ドロップできる左側のステータス。ユーザーはそれらを操作できます。

ここに私の提案があります：

Store を使用して、フォーム レイアウトを表すすべてのデータを保持します。

  • 使用するデータ モデルを文書化する必要があります。
  • これは、サーバーに送り返すデータです。
  • ストア内のデータに基づいてウィジェットをインスタンス化します。
  • ユーザーがデータを変更すると、ストアが更新されます。
  • Observable パターンを使用して、ストア内のデータが変更されたときに通知を受け、ウィジェットを更新する

http://dojotoolkit.org/reference-guide/1.7/dojo/store.html

Dojo のドラッグ アンド ドロップ機能を利用します。 http://dojotoolkit.org/reference-guide/1.7/dojo/dnd.html

できれば dojo/gfx (SVG) は避けたいと思います。それは多くの複雑さを追加します。 http://dojotoolkit.org/reference-guide/1.7/dojox/gfx.html#dojox-gfx

Dojox MVC コードを調べることができます。私はこのコードを見ていないので、意見はありません。 http://dojotoolkit.org/reference-guide/1.7/dojox/mvc.html#dojox-mvc

于 2012-04-09T16:18:58.987 に答える