AiToolGoのロゴ

Dreamweaver を使用した動的な Web アプリケーションの開発

詳細な議論
技術的
 0
 0
 1
この記事は、Adobe Dreamweaver の概要を提供し、サイト設定、動的コンテンツ管理、データベース接続を含む Web アプリケーション開発のためのその機能に焦点を当てています。静的 Web ページと動的 Web ページの違いについて説明し、従業員のフィットネスポイントを追跡するための Web アプリケーションの実際的な例を提供します。
  • 主要ポイント
  • ユニークな洞察
  • 実用的な応用
  • 主要トピック
  • 重要な洞察
  • 学習成果
  • 主要ポイント

    • 1
      Web アプリケーション開発のための Dreamweaver の機能に関する包括的な説明
    • 2
      実際のシナリオでの Dreamweaver の使用を示す実践的な例
    • 3
      静的ページと動的ページ、およびそれらのアプリケーションに関する明確な説明
  • ユニークな洞察

    • 1
      動的 Web アプリケーションの動作方法とその利点の詳細な内訳
    • 2
      Web アプリケーション内でのデータベースクエリの統合に関する洞察
  • 実用的な応用

    • この記事は、動的 Web アプリケーション開発のための Dreamweaver の使用に関する実践的なガイダンスを提供しており、Web 開発者にとって価値があります。
  • 主要トピック

    • 1
      Dreamweaver を使用した Web アプリケーション開発
    • 2
      静的ページと動的ページ
    • 3
      データベース接続と管理
  • 重要な洞察

    • 1
      動的コンテンツ作成のための Dreamweaver の機能に関する詳細な調査
    • 2
      理論的概念の理解を深める実世界のアプリケーション例
    • 3
      静的 Web ページと動的 Web ページの違いを明確に区別
  • 学習成果

    • 1
      Web アプリケーション開発のための Dreamweaver の機能について理解する
    • 2
      静的ページと動的ページの違いを区別する
    • 3
      Dreamweaver を使用して基本的な Web アプリケーションを実装する
チュートリアル
コードサンプル
ビジュアル
基礎
高度なコンテンツ
実践的なヒント
ベストプラクティス

Web アプリケーションの理解

Web アプリケーションとは、複数のページで構成される Web サイトであり、そのコンテンツの一部またはすべてが動的に決定されます。これは、ページの最終的なコンテンツは、訪問者が Web サーバーにリクエストするまで固定されないことを意味します。コンテンツは、ユーザーのアクションやリクエストに基づいて適応するため、これらのページは「動的」になります。

Web アプリケーションの目的

Web アプリケーションは、サイト訪問者と開発者の両方にさまざまな目的を果たします: * **効率的な情報検索:** コンテンツが豊富な Web サイトで、訪問者が情報をすばやく簡単に見つけられるようにします。例としては、企業のイントラネットや e コマースサイトがあります。 * **データ収集と分析:** Web アプリケーションは、フォームを通じてサイト訪問者から提供されたデータを収集、保存、分析できます。このデータは直接データベースに保存でき、分析用の Web ベースのレポート作成が可能になります。 * **動的なコンテンツ更新:** HTML の変更を継続的に行う必要なく、Web サイトのコンテンツを更新できます。コンテンツ提供者は Web アプリケーションに情報を提供でき、アプリケーションはサイトを自動的に更新します。

Web アプリケーションの仕組み:静的ページと動的ページ

Web アプリケーションは、静的 Web ページと動的 Web ページの組み合わせです。 * **静的ページ:** 訪問者がリクエストしても変更されないページです。Web サーバーは、変更なしでページをブラウザに送信します。 * **動的ページ:** ブラウザに送信される前にサーバーによって変更されるページです。この変更が、それらを動的にします。

静的 Web ページの処理

静的 Web サイトは、Web サーバーに保存された HTML ページとファイルで構成されます。訪問者がページをリクエストすると(リンクをクリックしたり、ブックマークを使用したり、URL を入力したりして)、Web サーバーはそのページを取得し、コンテンツを変更せずにブラウザに送信します。HTML コードはデザイナーによって事前に決定されており、一定のままです。

動的ページの処理

Web サーバーが動的ページのリクエストを受け取ると、そのページをアプリケーションサーバーと呼ばれる特別なソフトウェアコンポーネントに渡します。アプリケーションサーバーは、ページ上のコードを処理し、指示に基づいて完了させてから、コードを削除します。結果として得られた静的ページは Web サーバーに返送され、Web サーバーはそれをリクエストしたブラウザに配信します。ブラウザは純粋な HTML のみを受け取ります。

Web アプリケーションでのデータベースへのアクセス

アプリケーションサーバーは、データベースなどのサーバーサイドリソースへのアクセスを許可します。動的ページは、アプリケーションサーバーにデータベースからデータを抽出し、ページの HTML に挿入するように指示できます。これにより、Web サイトのデザインとユーザーに表示されるコンテンツが分離されます。 各ページに個別の HTML ファイルを作成する代わりに、さまざまな種類の情報に対してテンプレートを作成できます。コンテンツはデータベースにアップロードされ、Web サイトはユーザーのリクエストに応じてそれを取得します。これにより、単一のソースから情報を簡単に更新でき、変更が Web サイト全体に伝播します。Dreamweaver は、データベースへのデータの挿入、更新、または削除のための Web フォームの設計に使用できます。 SQL(Structured Query Language)で記述されたデータベースクエリは、データベースからデータを抽出するために使用されます。アプリケーションサーバーは、サーバーとデータベース間の通訳として機能するデータベースドライバーを介してデータベースと通信します。ドライバーはクエリを実行し、データベースから抽出されたデータのセットであるレコードセットを作成します。レコードセットはアプリケーションサーバーに返され、アプリケーションサーバーはデータを使用してページを完成させます。

Dreamweaver を使用した動的ページの作成

動的ページを作成するには、HTML を記述し、ページを動的にするためのサーバーサイドスクリプトまたはタグを追加します。これらの言語は、多くの場合 HTML コード内に埋め込まれます。Dreamweaver は、ColdFusion(CFML)、VBScript または JavaScript を使用した Active Server Pages(ASP)、および PHP を含むさまざまなサーバーテクノロジーと言語をサポートしています。Dreamweaver は、必要なサーバーサイドスクリプトまたはタグを作成するためのツールを提供し、コーディング環境内での手動コーディングも許可します。

Web アプリケーションの主要な用語

Web アプリケーションに関連する一般的な用語を以下に示します: * **アプリケーションサーバー:** サーバーサイドスクリプトまたはタグを含む Web ページを Web サーバーが処理するのを支援するソフトウェア。 * **データベース:** テーブルに保存されたデータのコレクション。 * **データベースドライバー:** Web アプリケーションとデータベース間の通訳として機能するソフトウェア。 * **データベース管理システム(DBMS):** データベースを作成および操作するために使用されるソフトウェア。 * **データベースクエリ:** SQL を使用してデータベースからレコードセットを抽出する操作。 * **動的ページ:** ブラウザに送信される前にアプリケーションサーバーによってカスタマイズされた Web ページ。 * **レコードセット:** データベースの 1 つ以上のテーブルから抽出されたデータのセット。 * **リレーショナルデータベース:** データを共有する複数のテーブルを含むデータベース。 * **サーバーテクノロジー:** ランタイム時に動的ページを変更するためにアプリケーションサーバーが使用するテクノロジー。 * **静的ページ:** ブラウザに送信される前にアプリケーションサーバーによって変更されない Web ページ。 * **Web アプリケーション:** 複数のページを含む Web サイトで、そのコンテンツの一部またはすべてが動的に決定されます。 * **Web サーバー:** Web ブラウザからのリクエストに応答して Web ページを送信するソフトウェア。

 元のリンク: https://helpx.adobe.com/cn/dreamweaver/using/web-applications.html

コメント(0)

user's avatar

      関連ツール