フォーム (テキストフィールド、チェックボックス、ラジオ ボタンなど) を作成し、ユーザーの入力後にデータを処理する最良の方法は何ですか?
Dart の Web UI として Web コンポーネントを使用するだけですか?
編集:次のアプリケーション例を想像してみましょう: オンラインクイズ/テストを作成したいと思います。
これがあなたの質問に対する大まかな答えです。
サーバー側でデータを処理するには、HttpServer クラスを使用して Web サーバーを起動します。この記事を参照してください。
データをフラット ファイルに保存するには、dart:io パッケージを使用してファイルを開いて書き込む必要があります。File.openWrite()のドキュメントを参照してください。
データベースにデータを保存するには、 mysqlおよびpostgresqlの pub で利用可能なパッケージがあります。
クライアント側を実装するには、2 つの異なる方法があります。従来の方法では、テンプレートを使用してフォーム タグ内の入力要素のデータを使用して html を生成し、Web サーバーでフォームの送信を処理します。
Dart コミュニティ内で注目されている最新の方法は、HttpRequestを使用してサーバーからデータを読み取り、サーバーにデータを送信する単一ページ アプリを作成することです (通常はjsonを使用します)。
Web-UI を使用することをお勧めします。todomvc アプリケーションは、ユーザーからの入力を動的にキャプチャする方法をうまく示しています。サーバー側での処理は、選択肢が広がる限り広く開かれています。Dart にはサーバー側の機能があり、既存のライブラリの一部を使用して目的を達成できます。
情報サーバー側を処理するもう 1 つの方法は、CouchDB のような REST ベースの Web サービスを使用して DB と直接通信することです。Cloudant はそのようなサービスを提供し、Same-Origin-Policy を克服できれば、クライアントから DB に直接通信できるようにします。これには 2 つの方法があります。CouchDB インスタンスで CORS を有効にするか、DB を持つサーバーでアプリケーションをホストします。これは CouchDB でも可能です。
Dart サーバーサイドは Websocket もサポートしているため、ユーザーが提供したデータを Web ソケットを使用してサーバーに簡単に配信し、サーバーサイドで好きな処理を行うことができます。
私が考えることができるもう 1 つのオプションは、情報を処理してローカル ブラウザーに保存することです。Dart クライアントからローカル DB またはローカル ブラウザ ファイル システムにアクセスし、すべてをローカルに保つことができます。統計については、選択した Web サービスをクライアントに更新させることができます。