Skip to content

Latest commit

 

History

History
76 lines (37 loc) · 2.67 KB

web-overview.md

File metadata and controls

76 lines (37 loc) · 2.67 KB

Webアプリケーションの概要

tiscon6のアプリケーションについて、おおまかな処理の流れを説明します。
どこにどのようなプログラムファイル(ソースコード)があるのかについて、最も重要な範囲を説明します。
実際にプログラムを参照したり、変更していくためにイメージを掴んでおきましょう。

全体像

以下はWebアプリケーションの概念図です。

ソースコードを参照するにあたって、各プログラムの役割を知っておきましょう。

全体像

Webアプリケーションの処理フロー

シンプルな例として、赤点線内で完結する処理の流れを追ってみましょう。

説明範囲

① リクエスト

ボタンのクリックなど、Webブラウザを操作することでサーバへ要求が送られます。
この要求をリクエストと呼びます。

リクエスト

② Controllerの呼び出し

Frameworkはルールに従って、そのリクエストを処理するControllerを呼び出します。

Controllerの呼び出し

③ Viewを呼び出し、HTMLを作る

Controller(Actionクラス)は、ModelやViewなどの必要な処理の呼び出しを制御します。
今回の例では画面表示を担うViewの呼び出しのみを行います。(必要があれば、Viewを呼ぶ前にModelを呼び出します。)

Viewの呼び出し


ViewはHTMLを作成します。
画面はユーザ操作によって内容が変わるのが普通なので、受け取った値を使ってHTMLを作成します。

HTMLの生成

④ レスポンス

HTMLができたらFrameworkが受け取り、ユーザへ結果を返します。

レスポンス


以上がWebアプリケーションのベースとなる処理の流れです。

どのようなプログラムファイルが登場したか、流れとあわせてイメージできればOKです。
※簡略化して説明しているため、厳密に理解している必要はありません。

プログラム構成

当日の環境構築で動作確認の手順まで終えると、以下のようなプログラムが確認できます。
これまでの説明と照らし合わせて、それぞれの役割と呼び出される流れを確認してみましょう。

プロジェクト構成