～モバイルを知る～日常生活とモバイルコンピューティング

Size: px

Start display at page:

Download "～モバイルを知る～日常生活とモバイルコンピューティング"

いとはこうい
7 years ago
Views:

1 Webプログラミングの基礎 PHPの基礎 (6) ~POST (2011/06/22) 政策情報学部渡辺恭人資料ページ:

2 入力された文字を受け取りPOSTで送信する部分 (post.htm) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>フォームデータの取得 </title> </head> <body> <form method="post" action="post.php"> 名前 : <input type="text" name="nam" size="15" /> <input type="submit" value=" 送信 " /> </form> </body> </html> 2

charset=utf-8"> <title>フォームデータの取得 </title> </head> <body> <form method="post" action="post.

3 入力された文字を受け取りPOSTで送信する部分 (post.htm) 入力された文字を受け取る部分 (HTML) nam テキストボックス(<input>タグ)のnameオプションで指定された要素名表示する部分 (PHPで記述 ) HTMLフォーム(<form method= POST >)で入力された文字をPHPで取得するには $_POST[ 要素名 ]とするこの$_POSTがスーパーグローバル変数オプションがGETなら $_GETで取得 3

4 post.htmから送信されたデータを受け取り表示する部分 (post.php) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>フォームデータの取得 </title> </head> <body> こんにちは <?php print($_post['nam']);?>さん! </body> </html> 4

5 フォームデータの取得 ( 複数値 ) チェックボックスを使う場合好きな食べ物をクリックでチェックさせ選択させる ( 複数回答可 ) 送信後どれを選んだかを表示入力して送信する部分入力されたデータを受け取り表示する部分 5

6 入力して送信する部分 (post2.htm) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>フォームデータの取得 ( 複数値対応 )</title> </head> <body> <form method="post" action="post2.php"> 好きな食べ物は?: <input type="checkbox" name="food[ ]" value="りんご" />りんご <input type="checkbox" name="food[ ]" value="みかん" />みかん <input type="checkbox" name="food[ ]" value="メロン" />メロン <input type="submit" value=" 送信 " /> </form> </body> </html> 6

7 入力されたデータを受け取り表示する部分 (post2.php) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <title>フォームデータの取得 ( 複数値対応 )</title> <body> あなたが好きな食べ物は <?php print(join($_post["food"],"と"));?> ですね </body> </html> 7

8 フォームデータの取得 ( 複数値 ) 一つの要素が複数の値を持つ場合 <input type= checkbox name= food[]. [] によって要素が複数の値を持つことをPHP 側が認識できる joinという関数で配列の要素をとで連結する 1 番目の値のみを取得したい場合は $_POST[ food ][0]と書く 8

9 ファイルの構成 2ファイル構成フォームで入力したデータをPOSTで送信する HTML そのHTMLからPOSTで送信されたデータを受信するPHP 1ファイルでもできる動作に注意自分自身を呼び出すときは <form method="post"> のように action=は書かない 9

10 おみくじプログラム ( 前半 : omikuji.php) <?php if (isset($_post["start"])) { $uranai_data[] = " 大吉です "; $uranai_data[] = " 中吉です "; $uranai_data[] = " 吉です "; $uranai_data[] = " 末吉です "; $uranai_data[] = " 凶です "; $max = count($uranai_data) - 1; $result = rand(0, $max); } else { }?> $message = "あなたの運勢は ". $uranai_data[$result]; $message = "あなたの運勢をチェックしましょう "; 10

$= count($uranai_data) - 1; $result = rand(0, $max); } else { }?> $message = "あなたの運勢は ".$

11 おみくじプログラム ( 後半 : omikuji.php) <html> <head> <title>おみくじプログラム</title> </head> <body> <h2> 今日のおみくじ</h2> <h4> おみくじを引くボタンをクリックすると結果が表示されるよ </h4> <form method="post"> <textarea name="result" rows="5" cols="40"><?php print $message;?></textarea> <br> <input type="submit" name="start" value="おみくじを引く"> </form> </body> </html> 11

おみくじを引くボタンをクリックすると結果が表示されるよ </h4> <form method="post"> <textarea

12 おみくじプログラム( 解説 ) プログラムは上から順に実行される PHPの部分はフォームで入力したデータを受け取る部分先に実行されると困るしたがってフォームで入力したデータを受け取ってないかどうかを判断する必要がある if (isset($_post["start"])) { Isset 関数でPOST 変数に変数がセットされているかどうかをチェック 12

$(isset($_post["start"])) { Isset 関数でPOST 変数に変数$

13 おみくじプログラム( 解説 ) $max = count($uranai_data) - 1; おみくじの結果が格納された配列の個数を取得 0から順に割り振られる配列の最大番号は個数 -1になるこれを$maxに代入 $result = rand(0, $max); rand 関数で 0から最大数 $max までの値 (0 ~4)から一つをランダムで選択しその値を $result 変数に格納する 13

14 おみくじプログラム( 解説 ) $message = "あなたの運勢は ". $uranai_data[$result]; ランダムで選ばれた値をおみくじ結果の配列から取得して message 変数にメッセージを格納する 14

15 課題おみくじのプログラムを参考にして生まれた年 ( 西暦 )を入力すると干支を表示するプログラムを作ってください以上作ったプログラムと実行結果をWordにまとめメーリングリストに提出してくださいファイル名例 : kadai 学籍番号.doc 締切 : 6/28 23:59 15

16 日本の干支 ( 十二支 ) 0 子ね鼠 1 丑うし牛 2 寅とら虎 3 卯う兎 4 辰たつ竜 5 巳み蛇 6 午うま馬 7 未ひつじ羊 8 申さる猿 9 酉とり鶏 10 戌いぬ犬 11 亥い猪 16

17 ヒント干支のデータは配列変数に順に代入して管理する例 eto_data[0]= ねずみ入力した西暦がどの干支かを判断するところがポイント例 eto_data[0]のねずみ年は2008 年なので年に足すか引くかして12で割った余りが0になるようにする 2008から4を引いた2004を12で割ると余りが0になるのでこれを計算式にする(%を使う) 17

18 ヘッダー情報の取得サーバにアクセスしたクライアントの種類対応言語リンク元のURLなどを表示する参照 $_POSTと似た変数の$_SERVERを使うスーパーグローバル変数という書式 $_SERVER[ ヘッダー名 ] 18

19 ヘッダー情報の取得 (head.htm) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <title>ヘッダ情報の取得 </title> <body> <a href="head.php">ここをクリック</a> </body> </html> 19

20 ヘッダー情報の取得 (head.php) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> </head> <title>ヘッダ情報の取得 </title> <body> User-Agent -> <?php print($_server["http_user_agent"]);?><br /> Accept-Language -> <?php print($_server["http_accept_language"]);?><br /> Referer -> <?php print($_server["http_referer"]);?><br /> </body> </html> 20

-> <?php print($_server["http_user_agent"]);?><br /> Accept-Language -> <?

21 文字化けについて Webアプリケーションでよく起きるトラブルデータの入出力メール送信などの個所で起きる Webブラウザ Webサーバ PHP データベースサーバなどの間で文字コードが正しく設定されていないときに起こりうる文字化けの原因文字にはコードが多数ある( 日本語にも数種類 ) 使う文字コードを統一するのも一つの方法 PHPでどのように設定されているかを確認する Phpinfo()の表示のうち mbstringカテゴリ 21

22 文字コード JIS(ISO-2022JP) 電子メールでの日本語の文字コード SJIS(Shift JIS) WindowsやMS-DOS 等で普及した日本語の文字コード EUC( Extended UNIX Code) UNIXシステムで普及 UTF-8 コンピュータ上で多言語の文字を単一の文字コードで取り扱うために 1980 年代に提唱された文字コードである Unicodeの一つ 22

23 PHPでの設定方法 3つ php.iniを設定一般ユーザにはできない.htaccessを設定使えないレンタルサーバもある PHPのスクリプト内で設定 23

24 PHPスクリプトの中で設定する <?php mb_internal_encoding ("UTF-8"); mb_http_output("utf-8"); ob_start("mb_output_handler"); header("content-type: text/html; charset=utf-8");?> print " 日本語を出力する"; EmEditorで保存するときに文字コードをUTF-8に設定するのを忘れないように!( 設定した文字コードと同じにする ) 24

25 .htaccessファイルで設定する.htaccessファイル WebサーバのApacheの設定やPHPの設定ユーザの認証を設定する Windowsではドット. で始まるファイル名はつくれないのでドットのないファイル名で作成し www2に転送してから変更する次の1 行をhtaccessというファイル名で作成する php_value default_charset UTF-8 WinSCPで転送してファイル名を.htaccessに変更 25

26 文字コードの確認以下のプログラムを入力保存し WinSCPで www2に転送してください Internet Explorerで実行する default_charsetの欄を見る <?php phpinfo();?> 26

～モバイルを知る～日常生活とモバイルコンピューティング

～モバイルを知る～日常生活とモバイルコンピューティング Webプログラミングの基礎 PHPの基礎 (7) (2011/06/29) 政策情報学部渡辺恭人 riho-m@cuc.ac.jp メーリングリスト:riho-m-rg11@cuc.ac.jp: 資料ページ: http://www.cuc.ac.jp/~riho-m/rg11/ 前回の課題おみくじのプログラムを参考にして生まれた年 ( 西暦 )を

～モバイルを知る～ 日常生活とモバイルコンピューティング

～モバイルを知る～日常生活とモバイルコンピューティング