クラッシュコース101
10 モジュール
5 週

ウェブアプリケーション入門

クリックでコピー

AppMasterでWebアプリケーションを作成する方法


これまでのモジュールでは、ビジネスプロセスとそのエンドポイントを作成し、その実行を開始し、結果を得る方法を学びました。今度は、本格的な Web アプリケーションを作成する番です。このモジュールでは、フロントエンドを設計し、便利なグラフィカルシェルを作成する方法を理解します。

Web-applicationsタブ

application settings

ウェブアプリケーションデザイナーに移動するには、左側のパネルで適切な項目を選択します。ここでは、最初のアプリケーションのための初期シェルがすでに作成されていることがわかります。名前やデザインを変更したり、削除したりすることができます。

AppMaster の多くが自動的に作成されるという事実は、すぐに注目する価値があります。たとえば、データベースの設計段階において、エンドポイントや管理画面のユーザインターフェイス要素の自動生成を設定することができます。しかし、トレーニングの一環として、すべてをゼロから作成するようにします。そうすることで、このトピックの理解が深まり、すべてのプロセスを完全に理解することができます。

デザイナー・キャンバス

まず、管理パネルを開いて、作業するものを見てみましょう。

web designer

すべての要素や機能は後で調べるとして、まず最初に、大きな白い部分が最も興味深いでしょう。キャンバスは、必要なすべてのデザイン要素を転送する場所です。これらの要素の完全なリストは、すぐ上に表示されます。ボタン、スイッチ、テーブル、画像、入力フィールド、その他いろいろです。

覚えているように、前のモジュールでビジネスプロセス(1つ以上)とエンドポイントを作成しました。今度は、適切なグラフィカル・シェルが必要です。

その中に何を配置する必要があるのでしょうか?

  • 入力フィールド X と Y
  • 計算処理を開始するボタン
  • 計算結果を記録するためのフィールド
  • 便利なフレーム、これは作業に必須の要素ではないが、適切なものになるだろう。
Was this article helpful?
まだ答えをお探しですか?