この問題について話をする前に、話すべき問題があります。
デザインプロのAnt / 海 / DVAの関係は何ですか?
最初は海/ DVA年代との関係です。
- 海ベースのルーティングが反応開発フレームワークです。
- DVAデータストリームはReduxのとReduxの-佐賀に基づいてプログラムです。
理論的には、彼らは重複しないと同じレベルです。
しかし。
- 海開発フレームワークとして、想定される著者は、システムが(コンピュータのマザーボードと同様)中央位置に依存して反応するが、将来的にはより多くの包括的な機能があるでしょう。
- DVA後に海が開発され、そして作者は同じ人です。
したがって、このシステムでは、海は、コアです。
プロジェクトを構築するときにAntのデザインプロを含め、この家族のバケット方式は、バックオフィス・システムの開発と、だけでなく、海のオプションと反応します。
定型タイプを選択します(使用矢印キー)
❯アリ・デザイン - プロ - 海ブロックと一緒に使用し、レイアウトのみのアリ・デザイン - プロ決まり文句でプロジェクトを作成します。
アプリ - 簡単な定型、サポートtypescriptですとプロジェクトを作成します。
ブロック - 海のブロックを作成します。
ライブラリ - 海のライブラリを作成します。
プラグイン - 海のプラグインを作成します。
AntのデザインProのデータフロー:以下は、テキストです。
0ルーティング
まず、ルートを調べるためのプロジェクト。
ルーティングキーであり、メニューは、管理を容易にするために、スケルトンアプリケーション、プロルートを整理、一元を使用し、統一された構成および管理config.ts。
海では、ルートを明示的に記述することができ、ファイル関係の規則を使用することができます。
Antのデザインではプロ、ルーティング義務はそれを維持するのは簡単ですおそらくので、明示的に書かれました。
ルートを知って、私は何ページを知っています。
1ページ - >モデル
A。
「DVA」からインポート{接続}
B。データを送信@connect。
パラメータオブジェクトの値はmodel.namespaceです。
オブジェクトを返します:
- キー是のpage.props.key
- 値是のmodel.states.value
。派遣によるCの開始要求:
- 型是のmodel.effects.type
- ペイロードが必要になることがあり、パラメータオブジェクトです。
2機種 - >サービス
サービスからインターフェイスを導入A。方法
インポート{/ *と* /}以上から "..."
B。効果:
- コール発信要求
- データの中にそれを置きます
- 同期、非同期の変更をもたらします
- ペイロード・パラメータ帯域成分をディスパッチするとき
C状態:.どこ格納されたデータを入れたとき
D減速:.インターフェースから蓄積されたデータ統合やデータの前には、新しいデータをフェッチして戻ります
あなたは、バックエンドの開発の時に書かれていない場合は、フロントエンドのアナログデータが必要です...
3サービス - > モック
サービスとのインターフェイスのインターフェイスに同じ名前の名前をモック
必要
'untils / request.js @' からのインポート要求
上記。