SlideShare a Scribd company logo
1 of 16
1	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
PHPとデータベースの連携
これまで学習してきたHTML,PHP,データベースを連動させて
⼊入⼒力力欄から⼊入⼒力力されたデータをPHPを介してデータベースに
登録していきましょう。
2	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
処理理の流流れ
情報を⼊入⼒力力する1 2 3
HTML
HTMLから情報をもらう
&SQLを実⾏行行する
情報を登録する
PHP SQL
3	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
処理理の流流れ
情報を⼊入⼒力力する1 2 3
HTML
HTMLから情報をもらう
&SQLを実⾏行行する
情報を登録する
PHP SQL
4	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
HTMLとPHPの連携(1/5)
l  ゴールイメージ
-  ⼊入⼒力力されたメールアドレスへメールを送信するような    
アプリケーションを作ってみましょう。
⼊入⼒力力画⾯面 完了了画⾯面
「送信」ボタンを押したら
完了了画⾯面にリンクする
HTML
復復習
5	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
HTMLとPHPの連携(2/5)
l  ⼊入⼒力力されたメールアドレスにメールを送ろう!
-  まずはメールアドレスの⼊入⼒力力欄を表⽰示する
<html>
<head>
<meta charset="utf-8">
<title>メール送信</title>
</head>
<body>
メールアドレスを入力して下さい。
<form action=”send_mail.php” method=”GET”>	
 
<input type="text” name="email"><br>
<input type=”submit” value=”メール送信”>
</form>
</body></html>
HTMLからPHPにデータを渡す時は
formタグを⽤用いる。
actionに次に実⾏行行したいPHPファイル名
methodにはGET、またはPOSTと書く
JavaScriptの時はID指定だった
が、PHPへはname指定で渡す
HTML
復復習
6	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
HTMLとPHPの連携(3/5)
l  ⼊入⼒力力されたメールアドレスにメールを送ろう!
-  ⼊入⼒力力されたアドレスを受けとってメールを送る
<?php
mb_language("japanese");
mb_internal_encoding("utf8");
mb_send_mail(
$_GET["email"],
"you got mail",
"from PHP",
"From:info@heart-quake.com”
);
?>
mb_send_mailは
宛先 , 件名 , 本⽂文 , 差出⼈人
の順番で記述する
※詳しくはPHPの資料料参照
$_GET[”HTMLでつけたタグ名”]
※GETは⼤大⽂文字!
と書くことでHTMLからデータを受け取る
ことができる。
$_GET[”email”]にはHTMLで⼊入⼒力力された
メールアドレスが⼊入っている
復復習
7	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
処理理の流流れ
情報を⼊入⼒力力する1 2 3
HTML
HTMLから情報をもらう
&SQLを実⾏行行する
情報を登録する
PHP SQL
8	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
まずはイメージで捉えましょう!
l  phpMyAdminでSQLを実⾏行行したプロセスを3つに分解
l  STEP① まずはログインして、データベースを選択
l  STEP② 次に実⾏行行したいSQLを記述
l  STEP③ 最後に実⾏行行ボタンを押す
このステップをプログラムに変換します!
9	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
STEP①  ログインしてデータベースに接続
<?php
//まず、プログラムとデータベースとを接続
//サーバー名、ユーザー名、パスワードの順番で書いてあります
$connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”);
//insert時の⽇日本語⽂文字化けを回避する
mysql_query(”SET NAMES utf8”,$connect);
/*
ここに続きを書いていきます。
*/
//最後にDBへの接続を切切断
mysql_close($connect);
?>
10	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
STEP②  次に実⾏行行したいSQLを記述
l  SQLを試そう
-  製品名:バスオイル、単価:12000を追加するSQLを書こう!
-  製品名は数値ではなく、⽂文字なので、
ü 前後にシングルクォーテーションが必要
エラーがでなければ
OK!
11	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
STEP②  次に実⾏行行したいSQLを記述
<?php
$connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”);
mysql_query(”SET NAMES utf8”,$connect);
/*
まずは先ほどうまくいったINSERT⽂文をPHPでechoしてみる。
ここではまだデータベースに追加されない。
*/
echo ”insert product_tbl(product_name,price)
values(’バスタオル’,12000)”;
mysql_close($connect);
?>
12	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
プログラムの変更更
<?php
$connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”);
mysql_query(”SET NAMES utf8”,$connect);
/*
構⽂文  mysql_db_query(DBデータベース名,実⾏行行したいSQL)
これでPHPからSQLを実⾏行行できる
*/
mysql_db_query(”DBデータベース名”,”insert product_tbl(product_name,
price) values(’バスオイル’ , 12000)” );
mysql_close($connect);
?>
マイフォルダから実⾏行行して
バスオイルがもう1件追加
されていればOK!
13	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
処理理の流流れ
情報を⼊入⼒力力する1 2 3
HTML
HTMLから情報をもらう
&SQLを実⾏行行する
情報を登録する
PHP SQL
14	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
STEP③  実⾏行行ボタンを押す
<?php
$connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”);
mysql_query(”SET NAMES utf8”,$connect);
/*
構⽂文  mysql_db_query(DBデータベース名,実⾏行行したいSQL)
これでPHPからSQLを実⾏行行できる
*/
mysql_db_query(”DBデータベース名”,”insert product_tbl(product_name,
price) values(’バスオイル’ , 12000)” );
mysql_close($connect);
?>
ユーザーがHTMLで
何を⼊入⼒力力しても
バスオイル、12000が
データベースにINSERTされる
15	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
STEP③  実⾏行行ボタンを押す
<?php
$connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”);
mysql_query(”SET NAMES utf8”,$connect);
/*
実際に登録するデータをHTMLからもらったデータとする
*/
mysql_db_query(”DBデータベース名”,”insert product_tbl(product_name,price)
values(’{$_GET[’product_name’]}’ , {$_GET[’price’]})” );
mysql_close($connect);
?>
バスオイル、12000の部分を
HTMLから受け取ったデータに
置き換えていく。
16	
Copyright (c) 株式会社HEART QUAKE All rights reserved .	
お疲れ様でした!!

More Related Content

What's hot

ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)
ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)
ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)ひとし あまの
 
Php html error
Php html errorPhp html error
Php html errorJun Chiba
 
クローラを作る技術と設計 (毎週のハンズオン勉強会資料)
クローラを作る技術と設計 (毎週のハンズオン勉強会資料)クローラを作る技術と設計 (毎週のハンズオン勉強会資料)
クローラを作る技術と設計 (毎週のハンズオン勉強会資料)ひとし あまの
 
はじめてのPHP
はじめてのPHPはじめてのPHP
はじめてのPHPGo Tanaka
 
20080617 05 Mysql
20080617 05 Mysql20080617 05 Mysql
20080617 05 Mysqlstiq 2e
 
アプリからの情報を秘密裏にApacheのログに書き出す方法
アプリからの情報を秘密裏にApacheのログに書き出す方法アプリからの情報を秘密裏にApacheのログに書き出す方法
アプリからの情報を秘密裏にApacheのログに書き出す方法Yoshinori Teraoka
 

What's hot (11)

Php s3
Php s3Php s3
Php s3
 
My sql s1
My sql s1My sql s1
My sql s1
 
ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)
ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)
ウェブアプリのセキュリティをちゃんと知ろう (毎週のハンズオン勉強会の資料)
 
Php html error
Php html errorPhp html error
Php html error
 
クローラを作る技術と設計 (毎週のハンズオン勉強会資料)
クローラを作る技術と設計 (毎週のハンズオン勉強会資料)クローラを作る技術と設計 (毎週のハンズオン勉強会資料)
クローラを作る技術と設計 (毎週のハンズオン勉強会資料)
 
Php2 s2
Php2 s2Php2 s2
Php2 s2
 
System2
System2System2
System2
 
はじめてのPHP
はじめてのPHPはじめてのPHP
はじめてのPHP
 
20080617 05 Mysql
20080617 05 Mysql20080617 05 Mysql
20080617 05 Mysql
 
Php2 s4
Php2 s4Php2 s4
Php2 s4
 
アプリからの情報を秘密裏にApacheのログに書き出す方法
アプリからの情報を秘密裏にApacheのログに書き出す方法アプリからの情報を秘密裏にApacheのログに書き出す方法
アプリからの情報を秘密裏にApacheのログに書き出す方法
 

Viewers also liked

Reservation2
Reservation2Reservation2
Reservation2Jun Chiba
 
Php embedded
Php embeddedPhp embedded
Php embeddedJun Chiba
 
Ppt pune partand_parcel
Ppt pune partand_parcelPpt pune partand_parcel
Ppt pune partand_parcelReddy Katkam
 
System1 ajax
System1 ajaxSystem1 ajax
System1 ajaxJun Chiba
 
Array twitter
Array twitterArray twitter
Array twitterJun Chiba
 
Array facebook2
Array facebook2Array facebook2
Array facebook2Jun Chiba
 
Youtube embedded
Youtube embeddedYoutube embedded
Youtube embeddedJun Chiba
 
System4 like
System4 likeSystem4 like
System4 likeJun Chiba
 
Geolocation system
Geolocation systemGeolocation system
Geolocation systemJun Chiba
 
Img select hint_for_h
Img select hint_for_hImg select hint_for_h
Img select hint_for_hJun Chiba
 
Image register
Image registerImage register
Image registerJun Chiba
 
HEART QUAKEインターン
HEART QUAKEインターンHEART QUAKEインターン
HEART QUAKEインターンJun Chiba
 

Viewers also liked (20)

Reservation2
Reservation2Reservation2
Reservation2
 
Geolocation
GeolocationGeolocation
Geolocation
 
Mg
MgMg
Mg
 
Php embedded
Php embeddedPhp embedded
Php embedded
 
Ppt pune partand_parcel
Ppt pune partand_parcelPpt pune partand_parcel
Ppt pune partand_parcel
 
System1 ajax
System1 ajaxSystem1 ajax
System1 ajax
 
Array twitter
Array twitterArray twitter
Array twitter
 
Array facebook2
Array facebook2Array facebook2
Array facebook2
 
Jquery1 1
Jquery1 1Jquery1 1
Jquery1 1
 
Php1
Php1Php1
Php1
 
Bootstrap
BootstrapBootstrap
Bootstrap
 
Api
ApiApi
Api
 
Youtube embedded
Youtube embeddedYoutube embedded
Youtube embedded
 
System4 like
System4 likeSystem4 like
System4 like
 
Api twitter
Api twitterApi twitter
Api twitter
 
Shindan
ShindanShindan
Shindan
 
Geolocation system
Geolocation systemGeolocation system
Geolocation system
 
Img select hint_for_h
Img select hint_for_hImg select hint_for_h
Img select hint_for_h
 
Image register
Image registerImage register
Image register
 
HEART QUAKEインターン
HEART QUAKEインターンHEART QUAKEインターン
HEART QUAKEインターン
 

Similar to System1 for h

Image register for_h
Image register for_hImage register for_h
Image register for_hJun Chiba
 
Lolipop server
Lolipop serverLolipop server
Lolipop serverJun Chiba
 
HTTP/2時代のウェブサイト設計
HTTP/2時代のウェブサイト設計HTTP/2時代のウェブサイト設計
HTTP/2時代のウェブサイト設計Kazuho Oku
 
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張典子 松本
 
Perl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーPerl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーHideo Kimura
 
FuelPHP活用事例
FuelPHP活用事例FuelPHP活用事例
FuelPHP活用事例Yusuke Naka
 
Login facebook
Login facebookLogin facebook
Login facebookJun Chiba
 
いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-Masashi Shinbara
 
H2O - making HTTP better
H2O - making HTTP betterH2O - making HTTP better
H2O - making HTTP betterKazuho Oku
 
Apache Hiveの今とこれから - 2016
Apache Hiveの今とこれから - 2016Apache Hiveの今とこれから - 2016
Apache Hiveの今とこれから - 2016Yuta Imai
 
アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎
アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎
アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎DIVE INTO CODE Corp.
 
コピー自動生成プロダクトでDataflowを導入した話
コピー自動生成プロダクトでDataflowを導入した話コピー自動生成プロダクトでDataflowを導入した話
コピー自動生成プロダクトでDataflowを導入した話ShunyoKawamoto
 
HTTPとサーバ技術の最新動向
HTTPとサーバ技術の最新動向HTTPとサーバ技術の最新動向
HTTPとサーバ技術の最新動向Kazuho Oku
 

Similar to System1 for h (20)

System1
System1System1
System1
 
Php2
Php2Php2
Php2
 
System s0
System s0System s0
System s0
 
Image register for_h
Image register for_hImage register for_h
Image register for_h
 
Lolipop server
Lolipop serverLolipop server
Lolipop server
 
FormCreate
FormCreateFormCreate
FormCreate
 
HTTP/2時代のウェブサイト設計
HTTP/2時代のウェブサイト設計HTTP/2時代のウェブサイト設計
HTTP/2時代のウェブサイト設計
 
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
【Logic Apps編】ノンコーディングでデキる!お問い合わせフォーム機能拡張
 
Ietf95 http2
Ietf95 http2Ietf95 http2
Ietf95 http2
 
Perl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバーPerl で作るメディアストリーミングサーバー
Perl で作るメディアストリーミングサーバー
 
FuelPHP活用事例
FuelPHP活用事例FuelPHP活用事例
FuelPHP活用事例
 
Multiple Dimension Spreadのご紹介
Multiple Dimension Spreadのご紹介Multiple Dimension Spreadのご紹介
Multiple Dimension Spreadのご紹介
 
Login facebook
Login facebookLogin facebook
Login facebook
 
いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-いまどきのPHP開発現場 -2015年秋-
いまどきのPHP開発現場 -2015年秋-
 
H2O - making HTTP better
H2O - making HTTP betterH2O - making HTTP better
H2O - making HTTP better
 
Apache Hiveの今とこれから - 2016
Apache Hiveの今とこれから - 2016Apache Hiveの今とこれから - 2016
Apache Hiveの今とこれから - 2016
 
アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎
アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎
アイデアを形にする ②HTML/CSSから始めるWeb技術の基礎
 
コピー自動生成プロダクトでDataflowを導入した話
コピー自動生成プロダクトでDataflowを導入した話コピー自動生成プロダクトでDataflowを導入した話
コピー自動生成プロダクトでDataflowを導入した話
 
Html s1
Html s1Html s1
Html s1
 
HTTPとサーバ技術の最新動向
HTTPとサーバ技術の最新動向HTTPとサーバ技術の最新動向
HTTPとサーバ技術の最新動向
 

More from Jun Chiba

答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料Jun Chiba
 
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)Jun Chiba
 
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料Jun Chiba
 
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料Jun Chiba
 
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」Jun Chiba
 
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料Jun Chiba
 
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプルJun Chiba
 
図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」Jun Chiba
 
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」Jun Chiba
 
無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプルJun Chiba
 
ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」Jun Chiba
 
ベストチームオンライン説明スライド
ベストチームオンライン説明スライドベストチームオンライン説明スライド
ベストチームオンライン説明スライドJun Chiba
 
死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版Jun Chiba
 
地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料Jun Chiba
 
プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料Jun Chiba
 
死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料Jun Chiba
 
ヘリウムリング&フープリレー
ヘリウムリング&フープリレーヘリウムリング&フープリレー
ヘリウムリング&フープリレーJun Chiba
 
世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジJun Chiba
 
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプJun Chiba
 
ハラスメント研修用ワーク「ハラスメントフラグ」
ハラスメント研修用ワーク「ハラスメントフラグ」ハラスメント研修用ワーク「ハラスメントフラグ」
ハラスメント研修用ワーク「ハラスメントフラグ」Jun Chiba
 

More from Jun Chiba (20)

答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
答えのないコンセンサスゲーム「無人島での出来事」運営用パワーポイントスライド説明資料
 
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
合意形成(コンセンサス)ゲーム「月での遭難 in 2025」(NASAゲーム2025)
 
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
システム思考、全体最適、SCMを体験から学ぶボードゲーム「ビールゲーム」概要説明資料
 
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
財務・会計を楽しく学ぶビジネスゲーム型財務・会計研修「財務の虎Lv.1」の概要説明資料
 
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
 
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
 
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
 
図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」
 
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
 
無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル
 
ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」
 
ベストチームオンライン説明スライド
ベストチームオンライン説明スライドベストチームオンライン説明スライド
ベストチームオンライン説明スライド
 
死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版
 
地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料
 
プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料
 
死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料
 
ヘリウムリング&フープリレー
ヘリウムリング&フープリレーヘリウムリング&フープリレー
ヘリウムリング&フープリレー
 
世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ
 
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
 
ハラスメント研修用ワーク「ハラスメントフラグ」
ハラスメント研修用ワーク「ハラスメントフラグ」ハラスメント研修用ワーク「ハラスメントフラグ」
ハラスメント研修用ワーク「ハラスメントフラグ」
 

System1 for h

  • 1. 1 Copyright (c) 株式会社HEART QUAKE All rights reserved . PHPとデータベースの連携 これまで学習してきたHTML,PHP,データベースを連動させて ⼊入⼒力力欄から⼊入⼒力力されたデータをPHPを介してデータベースに 登録していきましょう。
  • 2. 2 Copyright (c) 株式会社HEART QUAKE All rights reserved . 処理理の流流れ 情報を⼊入⼒力力する1 2 3 HTML HTMLから情報をもらう &SQLを実⾏行行する 情報を登録する PHP SQL
  • 3. 3 Copyright (c) 株式会社HEART QUAKE All rights reserved . 処理理の流流れ 情報を⼊入⼒力力する1 2 3 HTML HTMLから情報をもらう &SQLを実⾏行行する 情報を登録する PHP SQL
  • 4. 4 Copyright (c) 株式会社HEART QUAKE All rights reserved . HTMLとPHPの連携(1/5) l  ゴールイメージ -  ⼊入⼒力力されたメールアドレスへメールを送信するような     アプリケーションを作ってみましょう。 ⼊入⼒力力画⾯面 完了了画⾯面 「送信」ボタンを押したら 完了了画⾯面にリンクする HTML 復復習
  • 5. 5 Copyright (c) 株式会社HEART QUAKE All rights reserved . HTMLとPHPの連携(2/5) l  ⼊入⼒力力されたメールアドレスにメールを送ろう! -  まずはメールアドレスの⼊入⼒力力欄を表⽰示する <html> <head> <meta charset="utf-8"> <title>メール送信</title> </head> <body> メールアドレスを入力して下さい。 <form action=”send_mail.php” method=”GET”> <input type="text” name="email"><br> <input type=”submit” value=”メール送信”> </form> </body></html> HTMLからPHPにデータを渡す時は formタグを⽤用いる。 actionに次に実⾏行行したいPHPファイル名 methodにはGET、またはPOSTと書く JavaScriptの時はID指定だった が、PHPへはname指定で渡す HTML 復復習
  • 6. 6 Copyright (c) 株式会社HEART QUAKE All rights reserved . HTMLとPHPの連携(3/5) l  ⼊入⼒力力されたメールアドレスにメールを送ろう! -  ⼊入⼒力力されたアドレスを受けとってメールを送る <?php mb_language("japanese"); mb_internal_encoding("utf8"); mb_send_mail( $_GET["email"], "you got mail", "from PHP", "From:info@heart-quake.com” ); ?> mb_send_mailは 宛先 , 件名 , 本⽂文 , 差出⼈人 の順番で記述する ※詳しくはPHPの資料料参照 $_GET[”HTMLでつけたタグ名”] ※GETは⼤大⽂文字! と書くことでHTMLからデータを受け取る ことができる。 $_GET[”email”]にはHTMLで⼊入⼒力力された メールアドレスが⼊入っている 復復習
  • 7. 7 Copyright (c) 株式会社HEART QUAKE All rights reserved . 処理理の流流れ 情報を⼊入⼒力力する1 2 3 HTML HTMLから情報をもらう &SQLを実⾏行行する 情報を登録する PHP SQL
  • 8. 8 Copyright (c) 株式会社HEART QUAKE All rights reserved . まずはイメージで捉えましょう! l  phpMyAdminでSQLを実⾏行行したプロセスを3つに分解 l  STEP① まずはログインして、データベースを選択 l  STEP② 次に実⾏行行したいSQLを記述 l  STEP③ 最後に実⾏行行ボタンを押す このステップをプログラムに変換します!
  • 9. 9 Copyright (c) 株式会社HEART QUAKE All rights reserved . STEP①  ログインしてデータベースに接続 <?php //まず、プログラムとデータベースとを接続 //サーバー名、ユーザー名、パスワードの順番で書いてあります $connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”); //insert時の⽇日本語⽂文字化けを回避する mysql_query(”SET NAMES utf8”,$connect); /* ここに続きを書いていきます。 */ //最後にDBへの接続を切切断 mysql_close($connect); ?>
  • 10. 10 Copyright (c) 株式会社HEART QUAKE All rights reserved . STEP②  次に実⾏行行したいSQLを記述 l  SQLを試そう -  製品名:バスオイル、単価:12000を追加するSQLを書こう! -  製品名は数値ではなく、⽂文字なので、 ü 前後にシングルクォーテーションが必要 エラーがでなければ OK!
  • 11. 11 Copyright (c) 株式会社HEART QUAKE All rights reserved . STEP②  次に実⾏行行したいSQLを記述 <?php $connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”); mysql_query(”SET NAMES utf8”,$connect); /* まずは先ほどうまくいったINSERT⽂文をPHPでechoしてみる。 ここではまだデータベースに追加されない。 */ echo ”insert product_tbl(product_name,price) values(’バスタオル’,12000)”; mysql_close($connect); ?>
  • 12. 12 Copyright (c) 株式会社HEART QUAKE All rights reserved . プログラムの変更更 <?php $connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”); mysql_query(”SET NAMES utf8”,$connect); /* 構⽂文  mysql_db_query(DBデータベース名,実⾏行行したいSQL) これでPHPからSQLを実⾏行行できる */ mysql_db_query(”DBデータベース名”,”insert product_tbl(product_name, price) values(’バスオイル’ , 12000)” ); mysql_close($connect); ?> マイフォルダから実⾏行行して バスオイルがもう1件追加 されていればOK!
  • 13. 13 Copyright (c) 株式会社HEART QUAKE All rights reserved . 処理理の流流れ 情報を⼊入⼒力力する1 2 3 HTML HTMLから情報をもらう &SQLを実⾏行行する 情報を登録する PHP SQL
  • 14. 14 Copyright (c) 株式会社HEART QUAKE All rights reserved . STEP③  実⾏行行ボタンを押す <?php $connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”); mysql_query(”SET NAMES utf8”,$connect); /* 構⽂文  mysql_db_query(DBデータベース名,実⾏行行したいSQL) これでPHPからSQLを実⾏行行できる */ mysql_db_query(”DBデータベース名”,”insert product_tbl(product_name, price) values(’バスオイル’ , 12000)” ); mysql_close($connect); ?> ユーザーがHTMLで 何を⼊入⼒力力しても バスオイル、12000が データベースにINSERTされる
  • 15. 15 Copyright (c) 株式会社HEART QUAKE All rights reserved . STEP③  実⾏行行ボタンを押す <?php $connect = mysql_connect(”localhost”,”DBユーザ名”,”DBパスワード”); mysql_query(”SET NAMES utf8”,$connect); /* 実際に登録するデータをHTMLからもらったデータとする */ mysql_db_query(”DBデータベース名”,”insert product_tbl(product_name,price) values(’{$_GET[’product_name’]}’ , {$_GET[’price’]})” ); mysql_close($connect); ?> バスオイル、12000の部分を HTMLから受け取ったデータに 置き換えていく。
  • 16. 16 Copyright (c) 株式会社HEART QUAKE All rights reserved . お疲れ様でした!!