WEBデザインのパソコンスクールのディーシーエスは生徒2人へのライブ授業

プロフェッショナルウェブデザイナーコースの授業で使うためのPHPスクリプトを作りました。
どんなスクリプトかというと「動物占い」をサイト上で表示させるためです。難しくなく楽しいので是非皆さんも挑戦してみてください。

仕様
生年月日をフォームより入力→データベースから生年月日に合った値を抜き出して「あなたはたぬきです」という簡単なプログラムです。

作り方
1、データベース(Mysql)に早見表を作る。
2、生年月日を入れるフォームをHTMLで作成。
3、生年月日を受け取るrcv_post.phpを作成。
以上が必要です。では考えて見ましょう。

データベースの早見表は様々なサイトにありますので、それをMySQLのanimalテーブルに構築します。今回はロリポップを使いました。

動物占い西南月日早見表

動物占い西南月日早見表

次にHTMLフォームです。後で計算が必要なため、西暦と月、日は別々で作ります。この場合、入力ミスを防ぐためにもSELECTBOXを使うといいでしょう。METHOD POST ACTIONでrcv.phpを指定します。

動物占い生年月日入力画面

動物占い生年月日入力画面

最後に結果表示をさせるrcv_phpの作成です。受け取った生年月日をもとにMySQLからSELEECT文を使い数字を抽出します。
その数字と日にちを足します。もしこの数字が60よりも大きい場合は、その数から60を引く計算式を書きます。

if($date>60){
$date-60
}

最後はswitch caseで1から60までの動物にあてはめ「あなたは~です」と表示させます。

動物占い結果表示

動物占い結果表示

こんな流れで作成します。このくらいの規模だと楽しくプログラミングが出来るのでおすすめです。詳しく習いたい方はディーシーエスパソコンスクールのウェブデザイナーコースに来て下さいね。

2018年8月
« 2月    
 12345
6789101112
13141516171819
20212223242526
2728293031  

* RSS FEED

このサイトのトップへ