react drag
1.0.0
（このプロジェクトは著者の卒業デザインです）
視覚編集システムに関する関連調査を通じて、ビジネスシナリオ、コンポーネントの抽象化、分割などについて考えています。私たちは、少数のフロントエンド開発者の問題、より多くのページ需要、より繰り返しの要件、再利用性の低い問題を解決することに取り組んでいます。 Reactベースのフロントエンド視覚化プラットフォームに基づいてシステムを実装します。このプラットフォームは、ユーザーに、フロントエンドページを視覚的に編集し、対応するReactコードを生成する機能を提供できます。技術者にとって、ユニバーサルページビルディングプラットフォームを作成することができます。
このシステムのフロントエンド部分は、View FrameworkとしてReactテクノロジーを使用しています。このシステムは、ルーティング制御にUMIフレームワークを使用し、国家管理にDVを使用します。フロントエンドは、サーバーでのレンダリングの中間層としてnode.jsに依存しているため、ページの最初の画面のレンダリング速度がさらに向上します。フロントエンドディスプレイパーツでは、ページ、レイアウト、コンポーネントを介して完成します。州の管理セクションでは、モデルと協力し、DVAのConnectを介してビューをデータに接続します。同時に、フロントエンドのリクエストの場合、それらはサービスレイヤーを介して実装されます。一般的に使用されるいくつかのメソッドを、ツールセットとしてUtilsの下に配置します。共通の特別な意味を持つ変数を置きます。
このシステムのモジュールには、主にユーザー管理、組織管理、ページドラッグアンドドロップ編集、ページプレビューとエクスポート、コンポーネント管理の5つの主要なモジュールが含まれています。その中で、JWTはフロントエンドログイン認証方法として使用されるため、ユーザー認証モジュールが追加されます。システムのコア機能プロセスは、ユーザーがシステムにログインし、ビジュアルページの編集領域に入り、編集するコンポーネントを選択し、サーバーにページを保存し、関連するコードを構築し、対応する圧縮パッケージを生成することです。
