Dreamweaver cs6 を使用して PHP サイトを定義する

PHP ファイルは Web サーバーによって処理される必要があるため、Dreamweaver にテスト サーバーの場所を伝える必要があります。また、ファイルをテストするときに使用する正しい URL を Dreamweaver に伝える必要があります。次の手順は、前のセクションで説明したように、コンピューター上にローカル テスト環境がセットアップされていることを前提としています。

理論的には、PHP ファイルはコンピュータ上のどこにでもあり、ブラウザでライブ ビューまたはプレビューを使用するときに Dreamweaver によってテスト サーバーにコピーされます。ただし、これにより、各ファイルの同一のコピーが 2 つ作成されます。プロジェクト ファイルは通常、テスト サーバーのドキュメント ルートのフォルダーに保存されますが、これはこのチュートリアルで行います。

ちなみに、PHP サイトを開発するには、Apache サーバーを含む xamp、iis、wampserver、MySQL、PHPmyadmin のインストールが必要です (ここでは省略)

最後に。 、ファイル ディレクトリ、C ドライブ、または D ドライブにファイルをインストールします。

ドキュメントルートの URL は http://localhost/ です。

Dreamweaver で、[サイト] > [新しいサイト] を選択します。 [サイト名] テキスト ボックスに、PHP テスト サイトなどのサイト名を入力します。この名前は、Dreamweaver でこのプロジェクトを識別するために使用されます。 [ローカル サイト フォルダー] テキスト ボックスの横にあるフォルダー アイコンをクリックし、テスト サーバーのドキュメント ルートを参照します。 php_test という名前のドキュメント ルートのサブフォルダーを作成し、それを選択します。 「開く」をクリックし、「選択」をクリックします (Mac の場合は「選択」)。 [サイトの設定] ダイアログ ボックス (図 12 を参照) で設定を確認し、[保存] をクリックします。 (「ローカル サイト フォルダー」の場所は、PHP のインストール方法によって異なります。)

注: フォルダー名にはスペースや特殊文字を含めないでください。ほとんどの PHP サーバーで問題が発生するため、Web サイトのフォルダー名またはファイル名にはスペースや特殊文字を使用できません。

Dreamweaver でサイトを定義するために必要なのはこれだけです。使用しない限り、リモート サーバーやテスト サーバーを定義する必要はありません。ただし、これからサイトをテストするので、[サイトの設定] ダイアログ ボックスを閉じないでください。

Dreamweaver のテスト サーバーを指定します

テスト サーバーを指定するには:

[サイト設定] ダイアログ ボックスの左側の列から [サーバー] を選択します。 ダイアログ ボックスの左下隅にあるプラス (+) ボタンをクリックして、新しいサーバーを追加します。 表示されるダイアログ ボックスで、[基本] ボタンが選択されていることを確認し、[接続方法] リストから [ローカル/ネットワーク] を選択します。 サーバーに「Local Testing」などの名前を付けます。 「サーバー フォルダー」を「ローカル サイト フォルダー」として指定されたフォルダー、この場合は php_test (サーバーのドキュメント ルート内) に設定します。 [Web URL] に、php_test フォルダー (サーバーのドキュメント ルート内) にアクセスするために使用する URL を入力します。ドキュメント ルートは http://localhost/ と同等であるため、次のように [Web URL] テキスト フィールドに http://localhost/php_test/ と入力する必要があります。 ダイアログ ボックスの上部にある [詳細] ボタンを選択します。 。リモートサーバーとテストサーバーのオプションが表示されます。 [サーバー モデル] ([テスト サーバー] セクション) で、図の下の [PHP MySQL] を選択します。 [保存] をクリックします。 これはテスト サーバーであるため、[サイト設定] ダイアログ ボックスで [テスト] チェックボックスを必ずオンにしてください。必要に応じて、以下の「リモート」チェックボックスのチェックを外します:

「保存」をクリックして変更を保存します。

PHP サイトのテスト

Dreamweaver でサイトを定義したので、すべてが適切に動作していることをテストできます。

[ファイル] > [新規] を選択し、空のページを作成し、ページの種類として「PHP」を選択します。 コード ビューを開き、 タグの間に次のコードを入力します:

時刻は .

タグ間のコードは現在時刻を表示します。

デザイン ビューに切り替えて、ページを timetest.php という名前で保存します。 HTML の

タグ間のテキストは正常に表示されますが、PHP コードは金色の盾

に置き換えられます。

ライブビューの時間が正しく表示されない場合は、以下を確認してください:

Web サーバー (Apache または IIS) は実行されていますか?サーバーが自動的に実行されるように構成していない限り、PHP ページを処理する前にサーバーを手動で起動する必要があります。 Web URL はサーバー フォルダーと同じ場所を指していますか (図 13 を参照)。サーバーのドキュメント ルート (PHP 設定に応じて htdocs、wwwroot、または www) は http://localhost/ と同等です。サイトがドキュメント ルートのサブフォルダーにある場合は、そのサブフォルダーの名前を URL に追加する必要があります。 MAMP のデフォルト ポートを使用している場合、localhost の後に :8888 を追加しましたか? セキュリティ ソフトウェアはポート 80 と 3306 (MAMP のデフォルトを使用している場合はポート 8888 と 8889) へのアクセスをブロックしますか?

サンプル ファイルの使用

これで、PHP サイトが定義され、正常に実行されます。次のステップでは、データベースへの接続の準備としてサンプル ファイルをテスト サイトに追加します。

まだダウンロードしていない場合は、このチュートリアルのサンプル ファイルをダウンロードして解凍し、php_test フォルダー (サーバーのドキュメント ルート内) にコピーします。 [ファイル] パネルにサンプル ファイルが表示されます (図 18 を参照)。これらのファイルを表示するには、「ファイル」パネルの上部にある「更新」アイコンをクリックする必要がある場合があります。

MySQL データベースとユーザー アカウントを作成する

MySQL はデータベースではなく、データベース管理システムです。 MySQL でデータベースを作成します。スーパーユーザー root はすべてのデータベースを完全に制御できるため、権限のないユーザーが他の人のデータにアクセスできないように、制限された権限を持つユーザー アカウントを設定する必要があります。

このセクションでは、MySQL の phpMyAdmin フロントエンドを使用してデータベースを作成し、サンプル データをインポートし、MySQL ユーザー アカウントを作成します。これらの手順は、XAMPP を Windows に、MAMP を Mac にインストールしているか、Web サーバー、PHP、MySQL、phpMyAdmin を使用して独自の PHP テスト環境を作成していることを前提としています。

新しいデータベースを作成し、データをインポートします

このタスクを実行するには:

Web サーバーと MySQL サーバーが実行されていることを確認します。 phpMyAdminを起動します。ほとんどの場合、これはブラウザのアドレス バーに http://localhost/phpmyadmin/ と入力することで実現できます。

Mac OS X で MAMP を使用している場合は、http://localhost/MAMP/ または http:localhost:8888/MAMP/ を使用し、phpMyAdmin へのリンクをクリックします。

Windows に XAMPP をインストールした場合は、ユーザー名として「root」と入力し、プロンプトが表示されたら MySQL root パスワードを入力します。

phpMyAdmin のようこそ画面が表示されます。

以下の図:
「新しいデータベースの作成」というラベルの付いたテキスト ボックスに php_test と入力し、「作成」をクリックします。

注: データベース名とデータベース列 (フィールド) 名を選択するときは、スペースやハイフンを使用しないでください。数字とアンダースコア文字のみを使用してください (例: feeded_demo)。 phpMyAdmin はスペースとハイフンを受け入れますが、特別な処理が必要であり、問​​題が発生する可能性があります。また、MySQL for Windows は名前を自動的に小文字に変換し、大文字と小文字を区別せずに処理するため、すべて小文字を使用することをお勧めします。ほとんどの PHP サイトは Linux サーバー経由でホストされており、大文字と小文字が区別されます。名前に大文字が含まれている場合、Web アプリケーションを Windows から Linux サーバーにアップロードするときにすべてが壊れます。

注: 英語以外の言語を使用しない限り、「照合順序」設定は無視できます。 「照合順序」はレコードのソート順序を決定します。英語を使用する場合は、デフォルト設定をそのまま使用してください。

phpMyAdmin から php_test データベースが作成されたことが報告されたら、ページの上部にある [インポート] タブをクリックします。 [インポートするファイル] セクションで、[テキスト ファイルの場所] テキスト ボックスの横にある [参照] をクリックし、php_test.sql (PHP テスト サイトのアセット フォルダーにあります) を選択します。 ページの下部にある「Go」をクリックします。この時点で、サンプル データがデータベースにインポートされます。 次のセクションでも引き続き使用するため、phpMyAdmin を閉じないでください。

MySQL ユーザー アカウントを作成します

phpMyAdmin で管理タスクを実行する場合は、すべてのデータを消去できるため、root スーパーユーザーのみを使用してください。一度削除したデータは元に戻すことはできません！ MySQL には、Windows のごみ箱や Mac のゴミ箱のようなツールはありません。したがって、次のタスクは、権限が制限された MySQL ユーザー アカウントを作成することです。 php_test データベースのみにアクセスできるアカウントを作成するには、次の手順に従います。

phpMyAdmin 画面の左上隅にある小さな家のようなアイコンをクリックして、元のようこそ画面に戻ります (図 19 を参照)。 ようこそページの上部にある「特権」タブをクリックします。

注: phpMyAdmin の多くの機能は状況に依存します。すべての画面の上部に「特権」タブがありますが、新しいユーザーアカウントを作成するには、ようこそページに戻り、そこで「特権」タブをクリックする必要があります。

[新しいユーザーの追加] (ページの下半分近く) をクリックします。 [ユーザー名] テキスト ボックスに「phptestuser」と入力します。 「ホスト」として「ローカル」を選択します。これにより、隣のテキスト ボックスに「localhost」と入力され、このユーザーがローカル テスト環境にのみアクセスできることが指定されます。 「パスワード」フィールドにパスワードを入力し、次のフィールドに再度パスワードを入力します。 ページの残りの部分は変更しないで、ページの下部にある「Go」をクリックします。

次の画面では、新しいユーザーが追加されたことを確認します。 「グローバル権限」セクションでは、このユーザー アカウントにすべてのデータベースに対する同じ権限が与えられます。このチュートリアルでは、このユーザーが php_test データベースにのみアクセスできるように指定します。

「データベース固有の権限」セクションまで下にスクロールし、データベース図の下にある「php_test」を選択します。

注: データベース内のアンダースコアの前名前 バックスラッシュがあります。一部の環境では、MySQL でアンダースコアをワイルドカード文字として使用できます。ここでのバックスラッシュは、アンダースコアがテキスト文字として扱われるようにするためのものです。ただし、これは例外です。一般に、データベース、テーブル、または列名のアンダースコアの前にバックスラッシュを配置しないでください。

次のページでは、選択したデータベースに対するユーザー権限を設定できます。 Web アプリケーションの場合、通常、必要な権限は SELECT、INSERT、UPDATE、DELETE の 4 つだけです。それらを選択し、下の「Go」をクリックします:

Web アプリケーションの SELECT、INSERT、UPDATE、および DELETE ユーザー権限を設定します。

これで、php_test データベースにアクセスできる MySQL ユーザー アカウントが作成されました。次のセクションでは、Dreamweaver で MySQL 接続を作成する方法を学習します。

データベースに接続します

サンプル ファイルには comments.php が含まれています。 php_test データベースにクエリを実行し、結果を表示するために使用されます。ページ中央の「顧客のコメント」セクションの動的テキスト オブジェクト (図 22 を参照) は、結果が表示される場所を示します。結果を表示する前に、データベース接続を作成する必要があります。

comments.php を開きます。 MySQL 接続を作成するには、ドキュメント ウィンドウで PHP ページが開いている必要があります。 [データベース] パネル ([ウィンドウ] > [データベース] を選択) で、パネルのプラス (+) ボタンをクリックし、[MySQL 接続] を選択します。

[MySQL 接続] ダイアログ ボックスが表示されます。

接続名として「connTest」と入力します。 「MySQL サーバー」に「localhost」と入力します。

Mac で MAMP のデフォルト ポートを使用する場合は、localhost:8889 を使用します。

[ユーザー名] に「phptestuser」と入力します。 phptestuser アカウント用に選択したパスワードを「パスワード」フィールドに入力します。 「データベース」に「php_test」と入力します。

注: ここではアンダースコアの前にバックスラッシュを入れる必要はありません。 phpMyAdmin はワイルドカードを許可するクエリを使用するため、前のセクションにバックスラッシュを挿入しました (図 20 を参照)。

「テスト」をクリックします。

Dreamweaver はデータベースへの接続を試行します。接続が失敗した場合は、次の手順を実行します:

サーバー名、ユーザー名、およびパスワードを確認します。 Dreamweaver が動的ページを処理するために使用するフォルダーの設定を確認します (Dreamweaver のテストサーバーの指定を参照)。 Web サーバーと MySQL サーバーの両方が実行されていることを確認します。 ファイアウォールまたはセキュリティ プログラムを一時的に無効にします。接続が有効な場合は、Dreamweaver と MySQL 間の通信を許可するようにセキュリティ プログラムを設定する必要があります。 「OK」をクリックします。新しい接続が [データベース] パネルに表示されます。 connTest 接続を展開し、「Tables」ブランチを展開します。データベース内に Comments テーブルが表示されます。これを展開すると、テーブルの列の詳細が表示されます。 「ライブビュー」ボタンをクリックします。 comments.php 内のダイナミック テキスト オブジェクトは、データベースから取得したデータに置き換えられます (図 24 を参照)。

これで PHP 開発環境とサイトがセットアップされ、Dreamweaver で PHP Web アプリケーションの開発を開始する準備が整いました。

次のステップ

このチュートリアルでは、PHP 開発環境をセットアップし、PHP サイトを定義し、MySQL データベースに接続する方法を説明します。サイトとテストサーバーの定義、および MySQL 接続の確立は、Dreamweaver で PHP Web アプリケーションを開発するための基礎です。これで、Dreamweaver で PHP を使用して動的 Web サイトを開発する準備が整いました。

PHP 開発環境は数多くありますが、ここでは Dreamweaver cs6 を紹介します。
PHP 登録フォームの検証を記述するのに適しており、コードのデバッグも簡単です。