XAMPP(1/2) old version
２週 Ｗｅｂとデータベース： XAMPPを使用してＣＳシステム型のデータベースについて把握する。
キーワード： MySQL Webサーバ PHP SQL
・Webclass初回レポートの集計結果へのコメント
・Webclassコース ITパスポート の確認問題へのコメント
■ XAMPPについて
・ＸＡＭＰＰ配布サイト（日本語版）
・ＸＡＭＰＰ(Wikipedia)
今回は、ＸＡＭＰＰで提供されるサービスのうち、 Ｗｅｂサーバ（Apache）、データベースサーバ（MySQL） を利用する。
■演習内容
旧資料 ↓（の改定版（運用停止中））
MySQL入門
ＸＡＭＰＰによるＭｙＳＱＬの利用
ＸＡＭＰＰはＷｅｂサービス開発環境である。（ http://ja.wikipedia.org/wiki/XAMPP ）
Ｗｅｂサーバ、ＦＴＰサーバ、データベースサーバを利用できる。 ＤＢＭＳとして ＭｙＳＱＬ を利用している。 サーバサイドスクリプトとしてＰＨＰを利用している。
ネットで入手可能なフリーウェアである。（XAMPP日本語版 http://www.apachefriends.org/jp/xampp.html )
情報実習室ＰＣにインストールされているＸＡＭＰＰを利用して、以下の演習を行う。
※【重要】 実習室のXAMPPのバージョンに注意。【XAMPP Version 5.6..23】 自宅やノートPCなど自分の開発環境を準備する場合は、実習室と同じバージョンのものにしておくと、コードをどちらの環境でも共通で利用できる。
XAMPPの起動
コンピュータの Ｄドライブのフォルダ xampp を開く。
フォルダ内の xampp-control.exe をダブルクリック。
XAMPPのコントロールパネルが表示されるので、動作状況を確認する。
上図のように、Webサーバ と MySql サーバが起動していない(Runningになっていない)場合、
Ｗｅｂサーバ Apache を起動 (startをクリック)
データベースサーバ MySql を起動 (startをクリック)
で、サービスを起動させる。
サンプルデータベースの確認
ブラウザから利用可能な、Webデータベースのサンプルの動作確認をする。
Apache管理画面の デモ ＣＤデータベース を開く。
【操作】 XAMPPコントロールパネル Apache の Admin → 日本語版 → CDコレクション
データを適当に数レコード入力して、動作を確認する。
※ レコード とは：データベース上の記録のこと。テーブルの１行のデータ。
※ 漢字入力 ＯＦＦ の状態で入力すること。
※ 漢字・ひらがな等、全角文字のデータを記録するためには、プログラムの修正が必要（後述）
上記ページは、サーバ上のＰＨＰのプログラム(cds.php)が、ＭｙＳＱＬのＣＤデータベースを操作して、テーブルの表示や
レコードを記録するように構成されている。
サーバ上のソースコードを表示して、 コード中にＳＱＬコマンドが存在することを確認する。
※ 画面下部の、”ソースコードの表示” のリンクは機能しない。
cds.php のファイルは、 D:\xampp\htdocs\xampp\cds.php に配置されている。
用語：ドキュメントルート D:\xampp\htdocs\ ↑のフォルダのこと。Web用のコンテンツの配置場所
確認手順：
TeraPad で、上記のファイルを開く。（ファイルの拡張子は.phpを選択）
■ プログラムに修正１を加える。
83行目の付近、 mysql_select_db("cdcol"); の下にコマンド mysql_set_charset('utf8');を１行追加。（文字化け対策）
mysql_select_db("cdcol");
mysql_set_charset('utf8');
■ 修正2
87行付近、 PHP の print コマンドの出力を変更
<h2><?php print $TEXT['cds-head1']; ?></h2>↓<h2><?php print "3112987 Print Test"; ?></h2>
■確認１
$result = mysql_query("SELECT id,titel,interpret,jahr FROM cds ORDER BY interpret");
上記のコードは、 SQLでデータベースのテーブル cds の内容を取得している部分である。
演習： ↑のSQLのコードは、作曲者(interpret）順にCDデータを並べ替えて表示している。
ORDER BY interpret を ORDER BY jahr に変えてみる。年順に表示されるようになる。
■確認２
確認１と同様に、SQLの insert コマンドや delete コマンドでテーブルにデータを追加・削除している部分を見つけて見よう。
MySQLの確認と操作
xampp-control から、 MySQLの管理画面を開く（adminをクリック）
データベース cdcol を開き、 cds テーブルにデータが記録されていることを確認する。
構造 タブ の 操作欄 にあるアイコン 表示 をクリック
挿入のタブからデータを数レコード試しに入力してみる。（漢字・ひらがななど日本語文字は文字化けします。解説後述）
※下の画像は、タイトルについては文字の設定を修正したが、作曲者(interpret）については修正を施しておらず、文字化けが起きている。
文字化けについて：
ブラウザの表示で文字化けがおきたら、Webページの文字コードを設定を確認する。
Chromeでページの表示文字コードを修正するには： メニュー → その他のツール → エンコード
MySQLのサンプルデータベース CDデータベースのＷｅｂの部分は、文字コード S-JIS に設定されている。
一方、MySQLでは文字コードはLatin1になっているので、日本語文字を入力しても、文字化けする。
データベースへの日本語文字記録の設定：
MySQLのデータベース cdcol 内の テーブル cds のフィールド の文字コードを修正する手順を示す。
テーブル cds を選択後、構造タブを開き、各フィールドの 操作の”変更” から修正する。
titel と interpret のフィールドの照合順序を latin1_general_ci から utf8_general_ci に修正して、保存ボタンを押す。
データベース内部には日本語文字として記録される。だたしWeb画面上では文字化けする。（Web画面がS-JISで設計、MySQLがUTF8で設計と、ずれがあるため）
データは、着席したPCのDドライブに保存されています。
今後も今回の座席を利用してください。
課題の提出について
データベースcdcolの レコード（記録内容） がわかるように、画面のスクリーンショットを撮って、
WebClass の第2回XAMPP演習 からファイルをアップロードしてください。