SlideShare a Scribd company logo
1 of 10
1 
検索索機能 
Copyright (c) 株式会社HEART QUAKE All rights reserved .
2 
処理理の流流れ(検索索) 
1検索索条件を⼊入⼒力力する23 
HTML 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
HTMLから情報をもらう 
&検索索条件を使って 
SELECTを実⾏行行 
情報を検索索する 
5データベースから4結果を送る 
データをもらう& 
画⾯面に表⽰示 
PHPSQL
3 
検索索条件⼊入⼒力力フォーム 
h1検索ページ/h1 
form action=”product_search.php” method=”GET” 
製品ID(完全一致) 
input type=”text” name=”product_id” brbr 
製品名(含む検索) 
input type=”text” name=”product_name” brbr 
input type=”submit” value=”検索” 
/form 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
HTML 
復復習
4 
STEP④ 結果の表⽰示(2/5) 
復復習 
?php 
$connect = mysql_connect(”localhost”,”b1_sato”,”b1_sato”); 
mysql_query(”SET NAMES utf8”,$connect); 
$result = mysql_db_query(”b1_sato” , ”select * from product_tbl” ); 
while(true) {//無限に繰り返せ 
$kekka = mysql_fetch_assoc($result); //$resultから1⾏行行⽂文切切り取る 
if( $kekka == null ){ //もし、$kekka が 空(から)=null だったら 
break; //ループを脱出 
}else{ //$kekka が 空(から)でなかったら 
echo $kekka[’product_name’]; //切切り取ったデータのうちの製品名を表⽰示 
echo ”br”; 
} 
} 
mysql_close($connect); 
? 
Copyright (c) 株式会社HEART QUAKE All rights reserved .
5 
検索索を含むPHPでのSQLの実⾏行行 
?php 
$connect = mysql_connect(”localhost”,”b1_sato”,”b1_sato”); 
mysql_query(”SET NAMES utf8”,$connect); 
$result = mysql_db_query(”b1_sato” , 
”select * from product_tbl where product_id = 1 ” ); 
while(true) {//無限に繰り返せ 
$kekka = mysql_fetch_assoc($result); //$resultから1⾏行行⽂文切切り取る 
if( $kekka == null ){ //もし、$kekka が 空(から)=null だったら 
//以下省省略略 
? 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
SQLにwhere⽂文をつける。
6 
検索索を含むPHPでのSQLの実⾏行行 
?php 
$connect = mysql_connect(”localhost”,”b1_sato”,” b1_sato”); 
mysql_query(”SET NAMES utf8”,$connect); 
$result = mysql_db_query(”b1_sato” , 
”select * from product_tbl 
where product_id = {$_GET[’product_id’]} ” ); 
while(true) { 
//以下省省略略 
? 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
HTMLと連動させ、 
HTMLから受け取った製品ID 
を検索索条件に反映させる。 
ダブルクォーテの中で$_GET 
を使う際は{ } で囲む
7 
検索索を含むPHPでのSQLの実⾏行行 
?php 
$connect = mysql_connect(”localhost”,”b1_sato”,” b1_sato”); 
mysql_query(”SET NAMES utf8”,$connect); 
$result = mysql_db_query(”b1_sato” , 
”select * from product_tbl 
where product_name like ’%バス%’” ); 
while(true) { 
//以下省省略略 
? 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
含む検索索の場合は 
カラム名 like ‘%検索索したい⽂文字%’ 
となる。
8 
検索索を含むPHPでのSQLの実⾏行行 
?php 
$connect = mysql_connect(”localhost”,”b1_sato”,” b1_sato”); 
mysql_query(”SET NAMES utf8”,$connect); 
$result = mysql_db_query(”b1_sato” , 
”select * from product_tbl 
where product_name like ’%{$_GET[’product_name’]}%’” ); 
while(true) { 
//以下省省略略 
? 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
カラム名 like ‘%検索索したい⽂文字%’ 
の「検索索したい⽂文字」部分を 
{$_GET[‘HTMLで指定したタグ名’]} 
とする。
9 
検索索システムの完成 
//省省略略 
mysql_query(”SET NAMES utf8”,$connect); 
if($_GET[’product_id’] != ””){ 
$result = mysql_db_query(”b1_sato” , ”select * from product_tbl 
where product_id = {$_GET[’product’]} ” ); 
} 
else if($_GET[’product_name’] != ””){ 
$result = mysql_db_query(”b1_sato” , ”select * from product_tbl 
where product_name like ’%{$_GET[’product_name’]}%’” ); 
} 
while(true) { 
//以下省省略略 
? 
Copyright (c) 株式会社HEART QUAKE All rights reserved . 
もし、製品IDが空⽩白じゃなかったら 
つまり、製品IDが条件指定されていたら
10 
お疲れ様でした!! 
Copyright (c) 株式会社HEART QUAKE All rights reserved .

More Related Content

Viewers also liked

Api geocoding
Api geocodingApi geocoding
Api geocoding
Jun Chiba
 
20110329チャリティイベント
20110329チャリティイベント20110329チャリティイベント
20110329チャリティイベント
Jun Chiba
 
Session facebook
Session facebookSession facebook
Session facebook
Jun Chiba
 
Javascript1-1
Javascript1-1Javascript1-1
Javascript1-1
Jun Chiba
 
Api gurunavi
Api gurunaviApi gurunavi
Api gurunavi
Jun Chiba
 
Reservation3
Reservation3Reservation3
Reservation3
Jun Chiba
 
System2 ajax
System2 ajaxSystem2 ajax
System2 ajax
Jun Chiba
 
Geolocation gurunavi
Geolocation gurunaviGeolocation gurunavi
Geolocation gurunavi
Jun Chiba
 
キャリア
キャリアキャリア
キャリア
Jun Chiba
 
Library login2
Library login2Library login2
Library login2
Jun Chiba
 
Array facebook
Array facebookArray facebook
Array facebook
Jun Chiba
 
Geolocation4 system
Geolocation4 systemGeolocation4 system
Geolocation4 system
Jun Chiba
 
Lolipop server
Lolipop serverLolipop server
Lolipop server
Jun Chiba
 

Viewers also liked (20)

Api geocoding
Api geocodingApi geocoding
Api geocoding
 
20110329チャリティイベント
20110329チャリティイベント20110329チャリティイベント
20110329チャリティイベント
 
Session facebook
Session facebookSession facebook
Session facebook
 
Login
LoginLogin
Login
 
Css2
Css2Css2
Css2
 
Javascript1-1
Javascript1-1Javascript1-1
Javascript1-1
 
Ajax
AjaxAjax
Ajax
 
Api gurunavi
Api gurunaviApi gurunavi
Api gurunavi
 
Reservation3
Reservation3Reservation3
Reservation3
 
System2 ajax
System2 ajaxSystem2 ajax
System2 ajax
 
Geolocation gurunavi
Geolocation gurunaviGeolocation gurunavi
Geolocation gurunavi
 
キャリア
キャリアキャリア
キャリア
 
Library login2
Library login2Library login2
Library login2
 
Array facebook
Array facebookArray facebook
Array facebook
 
Api all
Api allApi all
Api all
 
Setup
SetupSetup
Setup
 
Geolocation4 system
Geolocation4 systemGeolocation4 system
Geolocation4 system
 
System all
System allSystem all
System all
 
Php3
Php3Php3
Php3
 
Lolipop server
Lolipop serverLolipop server
Lolipop server
 

Similar to System3 search

System4 comment h
System4 comment hSystem4 comment h
System4 comment h
Jun Chiba
 
勉強会force#2 HTML5によるモバイルアプリ開発
勉強会force#2 HTML5によるモバイルアプリ開発勉強会force#2 HTML5によるモバイルアプリ開発
勉強会force#2 HTML5によるモバイルアプリ開発
Kazuki Nakajima
 
Pro aspnetmvc3framework chap15
Pro aspnetmvc3framework chap15Pro aspnetmvc3framework chap15
Pro aspnetmvc3framework chap15
Hideki Hashizume
 
Html5 Web Applications
Html5  Web ApplicationsHtml5  Web Applications
Html5 Web Applications
totty jp
 
勉強会force#4 Chatter Integration
勉強会force#4 Chatter Integration勉強会force#4 Chatter Integration
勉強会force#4 Chatter Integration
Kazuki Nakajima
 
20091030cakephphandson 01
20091030cakephphandson 0120091030cakephphandson 01
20091030cakephphandson 01
Yusuke Ando
 
FxUG in Toyama - ASphalt2 container -
FxUG in Toyama - ASphalt2 container -FxUG in Toyama - ASphalt2 container -
FxUG in Toyama - ASphalt2 container -
Akio Katayama
 
【18-C-4】Google App Engine - 無限の彼方へ
【18-C-4】Google App Engine - 無限の彼方へ【18-C-4】Google App Engine - 無限の彼方へ
【18-C-4】Google App Engine - 無限の彼方へ
Developers Summit
 

Similar to System3 search (20)

CSS Nite in Matsuyama vol.1 - session 4
CSS Nite in Matsuyama vol.1 - session 4 CSS Nite in Matsuyama vol.1 - session 4
CSS Nite in Matsuyama vol.1 - session 4
 
System4 comment h
System4 comment hSystem4 comment h
System4 comment h
 
勉強会force#2 HTML5によるモバイルアプリ開発
勉強会force#2 HTML5によるモバイルアプリ開発勉強会force#2 HTML5によるモバイルアプリ開発
勉強会force#2 HTML5によるモバイルアプリ開発
 
Selenium webdriver使ってみようず
Selenium webdriver使ってみようずSelenium webdriver使ってみようず
Selenium webdriver使ってみようず
 
Pro aspnetmvc3framework chap15
Pro aspnetmvc3framework chap15Pro aspnetmvc3framework chap15
Pro aspnetmvc3framework chap15
 
Html5 Web Applications
Html5  Web ApplicationsHtml5  Web Applications
Html5 Web Applications
 
System s2
System s2System s2
System s2
 
FuelPHP Osu Nagoya vol.1
FuelPHP Osu Nagoya vol.1FuelPHP Osu Nagoya vol.1
FuelPHP Osu Nagoya vol.1
 
勉強会force#4 Chatter Integration
勉強会force#4 Chatter Integration勉強会force#4 Chatter Integration
勉強会force#4 Chatter Integration
 
20091030cakephphandson 01
20091030cakephphandson 0120091030cakephphandson 01
20091030cakephphandson 01
 
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
 
フラットなPHPからフレームワークへ
フラットなPHPからフレームワークへフラットなPHPからフレームワークへ
フラットなPHPからフレームワークへ
 
テンプレートエンジンって何?
テンプレートエンジンって何?テンプレートエンジンって何?
テンプレートエンジンって何?
 
FxUG in Toyama - ASphalt2 container -
FxUG in Toyama - ASphalt2 container -FxUG in Toyama - ASphalt2 container -
FxUG in Toyama - ASphalt2 container -
 
FxUG in Toyama - ASphalt2 container -
FxUG in Toyama - ASphalt2 container -FxUG in Toyama - ASphalt2 container -
FxUG in Toyama - ASphalt2 container -
 
【18-C-4】Google App Engine - 無限の彼方へ
【18-C-4】Google App Engine - 無限の彼方へ【18-C-4】Google App Engine - 無限の彼方へ
【18-C-4】Google App Engine - 無限の彼方へ
 
CodeIgniter入門
CodeIgniter入門CodeIgniter入門
CodeIgniter入門
 
PostgreSQL 10 新機能 @OSC 2017 Fukuoka
PostgreSQL 10 新機能 @OSC 2017 FukuokaPostgreSQL 10 新機能 @OSC 2017 Fukuoka
PostgreSQL 10 新機能 @OSC 2017 Fukuoka
 
Web 02
Web 02Web 02
Web 02
 
EC-CUBEプラグイン講義
EC-CUBEプラグイン講義EC-CUBEプラグイン講義
EC-CUBEプラグイン講義
 

More from 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」の概要説明資料
 
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
プロジェクトマネジメントを疑似体験するボードゲーム型企業研修「プロジェクトテーマパーク」
 
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
バルーンバ人文化を探れ!パワーポイント・動画マニュアル販売用のスライドシェア資料
 
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
内定者/新入社員向け ビジネスライティング研修用パワーポイントスライド販売用サンプル
 
図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」図形伝達ゲーム「グラコミ」
図形伝達ゲーム「グラコミ」
 
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
傾聴力を高めるビジネスゲーム「傾聴チャレンジ」
 
無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル無料アイスブレイクスライドサンプル
無料アイスブレイクスライドサンプル
 
ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」ストレスマネジメント体験ゲーム「ストマネ」
ストレスマネジメント体験ゲーム「ストマネ」
 
ベストチームオンライン説明スライド
ベストチームオンライン説明スライドベストチームオンライン説明スライド
ベストチームオンライン説明スライド
 
死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版死の疑似体験ワーク 対面版
死の疑似体験ワーク 対面版
 
地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料地図作成ゲーム「ジグソータウン」説明資料
地図作成ゲーム「ジグソータウン」説明資料
 
プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料プロジェクトテーマパーク説明資料
プロジェクトテーマパーク説明資料
 
死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料死の疑似体験ワーク(対面版)説明資料
死の疑似体験ワーク(対面版)説明資料
 
ヘリウムリング&フープリレー
ヘリウムリング&フープリレーヘリウムリング&フープリレー
ヘリウムリング&フープリレー
 
世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ世界記録を目指すマシュマロチャレンジ
世界記録を目指すマシュマロチャレンジ
 
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
相互理解ワークショップ、内定者懇親会で使えるワークスタイルトランプ
 

System3 search

  • 1. 1 検索索機能 Copyright (c) 株式会社HEART QUAKE All rights reserved .
  • 2. 2 処理理の流流れ(検索索) 1検索索条件を⼊入⼒力力する23 HTML Copyright (c) 株式会社HEART QUAKE All rights reserved . HTMLから情報をもらう &検索索条件を使って SELECTを実⾏行行 情報を検索索する 5データベースから4結果を送る データをもらう& 画⾯面に表⽰示 PHPSQL
  • 3. 3 検索索条件⼊入⼒力力フォーム h1検索ページ/h1 form action=”product_search.php” method=”GET” 製品ID(完全一致) input type=”text” name=”product_id” brbr 製品名(含む検索) input type=”text” name=”product_name” brbr input type=”submit” value=”検索” /form Copyright (c) 株式会社HEART QUAKE All rights reserved . HTML 復復習
  • 4. 4 STEP④ 結果の表⽰示(2/5) 復復習 ?php $connect = mysql_connect(”localhost”,”b1_sato”,”b1_sato”); mysql_query(”SET NAMES utf8”,$connect); $result = mysql_db_query(”b1_sato” , ”select * from product_tbl” ); while(true) {//無限に繰り返せ $kekka = mysql_fetch_assoc($result); //$resultから1⾏行行⽂文切切り取る if( $kekka == null ){ //もし、$kekka が 空(から)=null だったら break; //ループを脱出 }else{ //$kekka が 空(から)でなかったら echo $kekka[’product_name’]; //切切り取ったデータのうちの製品名を表⽰示 echo ”br”; } } mysql_close($connect); ? Copyright (c) 株式会社HEART QUAKE All rights reserved .
  • 5. 5 検索索を含むPHPでのSQLの実⾏行行 ?php $connect = mysql_connect(”localhost”,”b1_sato”,”b1_sato”); mysql_query(”SET NAMES utf8”,$connect); $result = mysql_db_query(”b1_sato” , ”select * from product_tbl where product_id = 1 ” ); while(true) {//無限に繰り返せ $kekka = mysql_fetch_assoc($result); //$resultから1⾏行行⽂文切切り取る if( $kekka == null ){ //もし、$kekka が 空(から)=null だったら //以下省省略略 ? Copyright (c) 株式会社HEART QUAKE All rights reserved . SQLにwhere⽂文をつける。
  • 6. 6 検索索を含むPHPでのSQLの実⾏行行 ?php $connect = mysql_connect(”localhost”,”b1_sato”,” b1_sato”); mysql_query(”SET NAMES utf8”,$connect); $result = mysql_db_query(”b1_sato” , ”select * from product_tbl where product_id = {$_GET[’product_id’]} ” ); while(true) { //以下省省略略 ? Copyright (c) 株式会社HEART QUAKE All rights reserved . HTMLと連動させ、 HTMLから受け取った製品ID を検索索条件に反映させる。 ダブルクォーテの中で$_GET を使う際は{ } で囲む
  • 7. 7 検索索を含むPHPでのSQLの実⾏行行 ?php $connect = mysql_connect(”localhost”,”b1_sato”,” b1_sato”); mysql_query(”SET NAMES utf8”,$connect); $result = mysql_db_query(”b1_sato” , ”select * from product_tbl where product_name like ’%バス%’” ); while(true) { //以下省省略略 ? Copyright (c) 株式会社HEART QUAKE All rights reserved . 含む検索索の場合は カラム名 like ‘%検索索したい⽂文字%’ となる。
  • 8. 8 検索索を含むPHPでのSQLの実⾏行行 ?php $connect = mysql_connect(”localhost”,”b1_sato”,” b1_sato”); mysql_query(”SET NAMES utf8”,$connect); $result = mysql_db_query(”b1_sato” , ”select * from product_tbl where product_name like ’%{$_GET[’product_name’]}%’” ); while(true) { //以下省省略略 ? Copyright (c) 株式会社HEART QUAKE All rights reserved . カラム名 like ‘%検索索したい⽂文字%’ の「検索索したい⽂文字」部分を {$_GET[‘HTMLで指定したタグ名’]} とする。
  • 9. 9 検索索システムの完成 //省省略略 mysql_query(”SET NAMES utf8”,$connect); if($_GET[’product_id’] != ””){ $result = mysql_db_query(”b1_sato” , ”select * from product_tbl where product_id = {$_GET[’product’]} ” ); } else if($_GET[’product_name’] != ””){ $result = mysql_db_query(”b1_sato” , ”select * from product_tbl where product_name like ’%{$_GET[’product_name’]}%’” ); } while(true) { //以下省省略略 ? Copyright (c) 株式会社HEART QUAKE All rights reserved . もし、製品IDが空⽩白じゃなかったら つまり、製品IDが条件指定されていたら
  • 10. 10 お疲れ様でした!! Copyright (c) 株式会社HEART QUAKE All rights reserved .