2021/12/15 よりサイトリニューアルしました

PHPとMySQLでECサイトをフルスクラッチ開発!⑭ECサイトの商品購入決定画面作成

ECサイト商品購入ページ

前回、ECサイトのカートイン画面を作成しました。↓

 

今回でいよいよECサイト作成も最終段階となります。商品購入の決定画面を作成し、ECサイトをほぼ完成させます。

商品購入表

星マークが作成済のページになります。今回は雲マークの shop_form_check.php shop_form_done.php を作成します。

商品購入が確定すれば、会員登録しているmailアドレスと、サイト運営者のmailアドレスに自動で通知が飛ぶような仕組みにしますので、テストの為に使用できるmailアドレスを2つ用意しておいてください。

 

テーブルの作成

初めに、会員が商品を購入した情報を登録するテーブルを作成します。

このテーブルに、会員情報と商品の購入履歴の詳細が登録されるようにします。商品発送の手続きや、料金受取の元とになるデータなので非常に重要です。

それでは、MySQLのphp myAdminを立ち上げて、データベース「shop」配下に商品購入のテーブルを作成します。

テーブル名は「dat_sales_product」とします。

商品購入管理テーブル

カラムは6とし、下図のように「code」「seles_menber_code」「code_product」「price」「quantity」「time」のカラム名、データ型、AI(AUTO_INCREMENT)を設定します。

カラム名データ型その他
codeintAI
seles_menber_codeint
code_productint
priceint
quantityint
timetimestamp

codeにプライマリkeyを設定、seles_menber_codeは会員コード、code_productは商品コード、priceは商品単価、quantityは数量、timeは購入が決定した日時になります。

つまり、Aの会員が商品を5つ購入したとすれば、このテーブルに5つレコードが追加されます。

商品購入確認画面

shop_form_check.php

shopディレクトリにshop_form_check.phpを作成します。

このページでは、購入する商品の一覧と、金額、お届け先、を確認させるためのページになります。

はじめに、会員情報、購入しようとしている商品の情報は$_SESSIONの変数に入っているので、その情報を取り出しておきます。

まず、購入者(ログインしている会員情報)の名前や住所などの情報を表示させたいので、データベースに接続後、SQLのSELECT文でmenberテーブルから名前、住所、mail、tel、を選択、fetchで選択したレコードのカラム情報を取り出して、それを表示させています。

次に、ご注文内容を表示させたいので、for文でcartの添え字分だけループさせて、cart内の商品コードを順次取り出して商品のテーブルmst_productからSQLのSELECT文でname, price, gazouを選択、fetchで選択したレコード情報を取り出して順次表示させています。

合計の価格も表示させたいので、ご注文内容をループで表示させている中で、$goukei[]の変数の配列に、順次各商品の価格×数の金額を代入しています。ループを抜けた後、array_sum($goukei) とすれば、$goukeiの配列にある値の合計値が返されるので、これで合計の金額が反映されます。

最後に、購入者の情報をformタグのhiddenでpostして終わりです。

それでは、商品を複数カートに入れ、カート情報から数量などを適当に変更し、購入の手続きへ進んでみて下さい。下のような画面になると思います。

購入チェック
購入チェック2

商品購入決定画面

shop_form_done.php

shopディレクトリにshop_form_done.phpを作成します。

このページは、商品購入の受注確定となるページとなるので、その旨を伝えるメッセージ、および会員mail宛に受注内容を自動送信、そして購入情報をデータベースに登録します。

少し長いですが、順にポイントを絞って説明します。

会員情報をpostで受け取り、購入する商品の情報は$_SESSIONで受けとっています。

はじめに、注文確定のコメントを表示させています。

続く$honbun は、会員宛てに送信されるemailに記載される内容になります。htmlの記述にはなりませんので、このページに$honbunに格納した文字列は表示されません。

$honbunに格納した文字列の改行は「¥n」になります。また、「.=」のように、ドット、イコール、で文字列を代入していますが、このようにすることで、文字列をどんどん連結させていくことが可能になります。

したがって、mailの見出しの部分を記述したあと、データベースに接続し、for文でSQLのSELECTで購入した商品の情報を選択し、fetchで取り出した内容を$honbunに代入しています。これで会員宛てのmailには購入情報の詳細までが反映されます。

続くSQLで”LOCK TABLES dat_sales_product WRITE” とありますが、これはテーブルのロック、つまり「排他的制御」を実行しています。

今回の場合は特に使用する意味はありませんが、例えばアクセスが重複し、データベースへの登録に割り込みが発生してはまずい場合(連続してデータベースの登録が必要な場合など)は、テーブルのロックを利用することでアクセスの重複を回避することができます。AとBのアクセスが重複した場合、Aの処理が終わるまではBはアクセス待ち、とする事ができます。

一応今回は、dat_sales_productテーブルにロックをかけます。(複数ロックを掛けたい場合は、LOCK TABLES テーブル名 WRITE, テーブル名 WRITE..とすることで可能です。)

このページでは、dat_sales_productの更新時にロックをかけ、更新が終われば ”UNLOCK TABLES” でロックを解除しています。

購入情報を登録するdat_sales_productの更新は、for文で商品の種類分ループをかけて、会員コード、商品コード、価格、合計価格、時間、をSQLのINSERTでレコードの追加しています。

ループ内で$data[] = array(); としているのは、前のSQL実行時の$dataが残っているので、中身を空の状態にする必要があるためです。

データベース登録が終われば、テーブルロックの解除を行い、SQLはもう実行しないのでデータベースを切断します。

そして会員mail宛てに記載する「振込先の銀行の詳細」「ECサイトの情報」などを$honbunに代入しておきます。

※このページの実行時、mailの内容は表示されないと前途しましたが、print nl2br($honbun); と記載する事で、表示を確認する事ができます。テストで表示させたい時に利用するといいですね。確認が終われば、コメントアウトさせておくといいでしょう。

続いて、mail自動送信の記述になります。

$title = “ご注文ありがとうございました。”;
$header = “From:hellnear@kmail.com”;
$honbun = html_entity_decode($honbun, ENT_QUOTES, “UTF-8”);
mb_language(“Japanese”);
mb_internal_encoding(“UTF-8”);
mb_send_mail($email, $title, $honbun, $header);

$titleは、mailのタイトルです。

$headerは、送り元のアドレスです。

$honbunは、mailの本文です。このページで「.=」でつないできた文字列ですね。そのHTML エンティティを適切な文字に変換しています。

mb_language(“Japanese”) mb_internal_encoding(“UTF-8”); は、emailのメッセージのエンコーディングとして使用します。

mb_send_mail($email, $title, $honbun, $header); は、引数の内容を、自動で宛先にmail送信する記述になります。第一引数に宛先のmailアドレスを入れています。

ちなみに、この記述がもう一つ下にありますが、これは宛先と送り元のmailアドレスを入れ替えただけのものになります。つまり、購入情報が運営もとにもmailで届くわけですね。

最後に、購入が確定したので、$_SESSIONの内容を array(); で消去しています。

それでは、商品購入手続きの画面で、OKボタンを押してください。下のような画面が表示されるはずです。

商品確定画面

赤枠の部分が、通常であればmailで会員のアドレスに飛ぶ内容になります。(print nl2br($honbun);をコメントアウトすれば表示されません。)

下部にWarningのエラーが発生していますが、これは「ローカルで自動mail送信の記述を実行している」からです。

ローカルで実行している場合、mailは宛先に飛ばないようになっているので、エラーが出ます。

mailの確認は、実際にWEBサーバーにアプロードし、公開しなければわかりません。

それでは最後に、データベースを確認してみましょう。購入した情報がしっかりと登録されていればOKです。

db購入情報

もうほぼ完成ですが、次回はカテゴリ別のページの作成と、html/cssでスタイリングして見栄えを良くして、ECサイトのスクラッチ開発を完成させたいと思います。

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です