Web制作コース上級編

WordPressの基礎を学んで実務可能なスキルをつけよう

DAY 4

PHPでECサイトを作ってみよう①

さて、ここからはアプリケーションもどきを作っていきましょう。ECサイトのようなアプリです。

ECサイトもどきを作ることによって、以下のことを学んでいこうと思います。

  • PHPの基本文法の復習
  • PHPにおけるフォームの扱い
  • オブジェクト指向

まずはHTMLとCSSでアプリケーションの表示を実現したいので、以下の作業を行ってください。

作業手順

1. index.phpに以下を記述する

ソースコードを確認

2. style.cssというファイルを作成して以下を記述する

ソースコードを確認

3. 以下のzipファイルをダウンロードして解凍する

ZIPファイルをダウンロード

4. 解凍したファイルとフォルダすべてをindex.php と同じフォルダに移行する

※上記作業はコンピュータの操作に不慣れな方の場合、苦労するかもしれないのでもし分からなければメンターの方に質問してください。

最終的に以下のようなフォルダ構成になっていればOKです。

上の作業ができた状態で http://localhost:8888 を開くと以下のように表示されているはずです。

ソースコードを見てもらえたらわかるのですが、あくまでHTMLとCSSを書いているだけです。特にPHPを使っていません。なので続きではこれらをPHPで記述していきます。

TIPS

01. 静的ファイルをPHPで書き直そう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

02. foreachで商品情報を表示しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

03. PHPの別ファイルを読み込む

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

04. 買い物かごを表示しよう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

05. Formからデータを受け取ろう!

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

06. if文でHTMLの表示を切り替えよう!

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる

07. フォームの入力内容から決済金額の合計値を出そう

このTipを閲覧するためには
コースを購入する必要があります

購入してこのTipをみる