常連

### 実現したいこと

リザルトテーブルとユーザーテーブルがあり、これらのテーブルをユーザーIdで結合したときになぜかこの2つのテーブルをインデックスを使わずに結合しようとしてしまいます。
ユーザーテーブルには主キーがあり、リザルトテーブルにはユーザーIdにインデックスが貼られています。
考えられる原因はなんでしょうか？
これは、リザルトテーブルのユーザーIdの照合順序をutf8mb3_general_ciからutf8mb4_binに変更したときに発生しました。

### 前提

MySQLで2つのテーブルを実装しました。
1つはユーザーテーブルで、カラムにはユーザーId、ユーザー名があります。主キーはユーザーIdです。
もう1つはリザルトテーブルで、これはゲームのスコアを記録するためのテーブルです。カラムにはId（自動採番）、ユーザーId、スコアがあります。主キーはId、ユーザーIdにインデックスが貼られています。
具体的には、以下のようなテーブル構成になっています。

ユーザーテーブル
|名前|タイプ|照合順序|属性|Null|デフォルト値|コメント|その他|
|:--|:--:|--:|--:|--:|--:|--:|--:|
|ユーザーId|varchar(30)|utf8mb4_bin| |いいえ|なし| | |
|ユーザー名|varchar(80)|utf8mb4_0900_ai_ci| |いいえ|なし| | |

リザルトテーブル
|名前|タイプ|照合順序|属性|Null|デフォルト値|コメント|その他|
|:--|:--:|--:|--:|--:|--:|--:|--:|
|Id|int| | |いいえ|なし| |AUTO_INCREMENT|
|ユーザーId|varchar(30)|utf8mb4_bin| |いいえ| | | |
|スコア|int| | |いいえ|なし| | |

### 発生している問題・エラーメッセージ

以下のSQLの実行に10秒以上かかってしまう。
```
SELECT Id, スコア, ユーザー.ユーザー名 FROM リザルト INNER JOIN ユーザー ON リザルト.ユーザーId = ユーザー.ユーザーId ORDER BY Id DESC LIMIT 50
```

EXPLAINの結果
|id|select_type|table|partitions|type|possible_keys|keys|key_len|ref|rows|filtered|Extra
|:--|:--:|--:|--:|--:|--:|--:|--:|--:|--:|--:|--:|
|1|SIMPLE|ユーザー|NULL|ALL|PRIMARY|NULL|NULL|NULL|10909|100.00|Using temporary; Using filesort
1|SIMPLE|リザルト|p0,p1,p2,p3,p4,p5,p6,p7,p8,p9,p10,p11,p12,p13,p14,p15|ref|ユーザーId|ユーザーId|122|データベース名.ユーザー.ユーザーId|38|100.00|NULL|

INNER JOINをなくすと0.0006秒で処理が完了する。
```
SELECT Id, スコア FROM リザルト ORDER BY Id DESC LIMIT 50
```

### 試したこと

2つのテーブルに対してphpMyAdminを用いてテーブルの分析、テーブルをチェックする、テーブルのデフラグ、テーブルを最適化する、を実施しました。
また、リザルトテーブルのユーザーIdの照合順序をutf8mb3_general_ciに戻しても、上記のSQLに10秒以上かかるようになってしまいました。

### 補足情報

ユーザーテーブルのレコード数は約10,000
リザルトテーブルのレコード数は約4,000,000です。


utf8mb4_binに変更するとインデックスが使われなくなる

###商品登録データベースを作成したいと思っております。
商品画像データをデーターベースに登録したいと思い、
初心者ながらgoogleで色々調べてみたところ、
データ型を「mediumblob」にすると画像を保存できるという記事を見かけましたが、
基本的にデーターベースには画像を保存しないほうがいいというご意見もありました。
普通は画像のパスをデーターベースに保存する、という意見でした。

基本的にはどちらが良いのでしょうか？
（データーベースに負荷を与えない画像保存？）

皆様のご意見をお聞かせください。

宜しくお願い致します。

データベースに画像を保存するのはありでしょうか？

### 実現したいこと
ファイルアップロード（画像、動画、PDF）が可能なログイン無しのQ&A掲示板を作成したいです。

### 発生している問題・分からないこと
現在質問画面と質問一覧表示画面を作り終えて回答画面を作成中です。
質問画面と質問一覧表示画面のテーブル構造は下記になります。

回答画面には追加でカラムに質問と回答を紐付けするための回答IDとその回答に対する返信のIDの2つを追加する予定なのですが、質問＆回答の両用テーブルで使用するか回答専用テーブルを用意するどちらのほうが良いと思われますでしょうか？

両用にする場合はQ&A掲示板に投稿されたものが質問か回答かを識別するカラムを追加して、質問を「1」、回答を「2」のように意味付けて識別する形で考えております。

どちらもメリット、デメリットがあると思うのでそちらについてもお聞きしたいです。

※質問画面と質問一覧表示画面のテーブル構造
ID (質問番号)・・・・無限スクロールで表示しているため
TS (投稿日時)・・・・公開期間終了後に質問を cron で削除するため
question (質問内容)・・・・質問投稿文
title (質問タイトル)・・・・質問タイトル
namae (質問者名)・・・・任意なのでない場合は匿名で表示
stamp (リアクションスタンプ)・・・・用意された画像で気持ちを伝える
unique_id (質問UUID)・・・・アップロードされたファイル名の改名に使用
ip (IPアドレス)・・・・セキュリティ保護のために保存
attach1 (アップロードされたファイル)・・・・1、2、3で分けているのは1つ目の画像を一覧表示＆1つ目の動画を横スクロールで表示するため
attach2 (IPアドレス)・・・・略
attach3 (IPアドレス)・・・・略
usericon (アイコン画像)・・・・アップロードされた画像を表示、アップロードがない場合は代替え画像を表示する




### 該当のソースコード

```PHP
<?php
/*
Template Name: input
固定ページ: 入力画面
*/
get_header();
?>
<?php
if (!$noindexaccess) {
exit('不正アクセス');
}
if (empty($_SESSION['token'])) {// 悪意のある攻撃者があらかじめ作成したコードが実行されてしまうのを防ぐ
$_SESSION['token'] = bin2hex(random_bytes(16));
}
$attach = [];
if (!empty($_SESSION['attach'])) {
foreach ($_SESSION['attach']['data'] as $i => $data) {
if (!empty($data)) {
$base64 = base64_encode($data);
}
$type = $_SESSION['attach']['type'][$i];
switch ($type) {
case 'image/jpeg':
case 'image/png':
$attach[] = '<img style="height: 100px;" src="data:'.$type.';base64,'.$base64.'">';
break;
case 'video/mp4':
$attach[] = '<video style="height: 100px;" controls src="data:'.$type.';base64,'.$base64.'">';
break;
case 'application/pdf':
$attach[] = '<iframe style="height: 100px;" src="data:'.$type.';base64,'.$base64.'"></iframe>';
break;
default:
$attach[] = '';
break;
}
}
}
$stamp_checked = [];
$stamp_checked[$stamp] = 'checked';
$upload_dir = wp_upload_dir();
$camera_url = $upload_dir['baseurl'].'/camera.png';
?>
<h2>入力画面</h2>
<?php
foreach ($errors as $error) {
echo "<p>{$error}</p>";
}
?>
<div class="board_form_partial" id="js_board_form_partial">
<form method="post" enctype="multipart/form-data">
<input type="hidden" name="token" value="<?php echo $_SESSION['token']; ?>">
<div class="image-partial">
<h2>動画・画像をアップロード(Upload video・image)<span class="required">※ファイルサイズ15MB以内、JPG/GIF/PNG/MP4</span></h2>
<div class="image-selector-button">
<label>
<div class="image-camera-icon">
<img src="<?php echo $camera_url; ?>" class="changeImg" style="height: 100px;">
</div>
<input type="file" class="attach" name="attach[]" accept=".png, .jpg, .jpeg, .pdf, .mp4" style="display: none;">
</label>
<input type="hidden" class="attachdel" name="attachdel[]">
<div class="viewer"><?php echo $attach[0]; ?></div>
<button type="button" class="attachclear">clear</button>
</div>
<div class="image-selector-button">
<label>
<div class="image-camera-icon">
<img src="<?php echo $camera_url; ?>" class="changeImg" style="height: 100px;">
</div>
<input type="file" class="attach" name="attach[]" accept=".png, .jpg, .jpeg, .pdf, .mp4" style="display: none;">
</label>
<input type="hidden" class="attachdel" name="attachdel[]">
<div class="viewer"><?php echo $attach[1]; ?></div>
<button type="button" class="attachclear">clear</button>
</div>

<div class="image-selector-button">
<label>
<div class="image-camera-icon">
<img src="<?php echo $camera_url; ?>" class="changeImg" style="height: 100px;">
</div>
<input type="file" class="attach" name="attach[]" accept=".png, .jpg, .jpeg, .pdf, .mp4" style="display: none;">
</label>
<input type="hidden" class="attachdel" name="attachdel[]">
<div class="viewer"><?php echo $attach[2]; ?></div>
<button type="button" class="attachclear">clear</button>
</div>
</div>
<style>
.hideItems {
display: none;
}
</style>
<div class="title-partial parts"> 
<h2>名前(name)<span class="required">※必須</span></h2>
<div class=parts>
<input class=input type="text" name="namae" id="name" data-length="32" placeholder="未入力の場合は、匿名で表示されます" value="<?php echo $namae; ?>">
<div></div>
</div>
</div>

<div class="body-partial parts">
<h2>コメント(comment)<span class="required">※必須</span></h2>
<div class=parts>
<textarea class=input name="message" id="message" data-length="40" placeholder="荒らし行為や誹謗中傷や著作権の侵害はご遠慮ください"><?php echo $message; ?></textarea>
<div></div>
</div>
</div>

<div class="stamp-partial">
<h2>スタンプを選ぶ(必須)</h2>
<input type="radio" name="stamp" value="1" id="stamp_1" <?php echo $stamp_checked['1']; ?>><label for="stamp_1"></label>
<input type="radio" name="stamp" value="2" id="stamp_2" <?php echo $stamp_checked['2']; ?>><label for="stamp_2"></label>
<input type="radio" name="stamp" value="3" id="stamp_3" <?php echo $stamp_checked['3']; ?>><label for="stamp_3"></label>
<input type="radio" name="stamp" value="4" id="stamp_4" <?php echo $stamp_checked['4']; ?>><label for="stamp_4"></label>
<input type="radio" name="stamp" value="5" id="stamp_5" <?php echo $stamp_checked['5']; ?>><label for="stamp_5"></label>
<input type="radio" name="stamp" value="6" id="stamp_6" <?php echo $stamp_checked['6']; ?>><label for="stamp_6"></label>
<input type="radio" name="stamp" value="7" id="stamp_7" <?php echo $stamp_checked['7']; ?>><label for="stamp_7"></label>
<input type="radio" name="stamp" value="8" id="stamp_8" <?php echo $stamp_checked['8']; ?>><label for="stamp_8"></label>
</div>
<div class="post-button">
<button type="submit" id="submit_button" name="mode" value="confirm">表示画面へ進む</button>
</div>

</form>

<script>
function validation_submit(f) {
const submit = document.getElementById("submit_button");
/* 判定は逆なので、逆に渡す */
submit.disabled = f ? false : true;
};
function validation_text(parts) {
/* このpartsグループの、inputを抽出 */
let text = parts.getElementsByClassName('input')[0];
/* 最小チェック */
if (text.value.length == 0) {
return false;
}
/* 最大チェック */
if (text.value.length >= text.dataset.length) {
return false;
}
return true;
};
/* バリデーション条件判断部分 */
function validation() {
let parts = document.getElementsByClassName('parts');
let submit = true;
for (let i = 0; i < parts.length; i++) {
if (validation_text(parts[i]) != true) {
submit = false;
}
}
validation_submit(submit);
};
/* 例えばのチェック */
function init() {
/* カメラ画像をファイルアップロード時に非表示にする */
/* 省略 */
/* カメラ画像をファイルアップロード時に非表示にする */
const attach = document.querySelectorAll('.attach');
const del = document.querySelectorAll('.attachdel');
const clear = document.querySelectorAll('.attachclear');
const viewer = document.querySelectorAll('.viewer');
const changeImg = document.querySelectorAll('.changeImg'); // 入力されたら消す画像
for (let i = 0; i < attach.length; i++) {
attach[i].addEventListener('change', () => {
if (attach[i].files[0].size > 15 * 1024 * 1024) {
alert('ファイルサイズが 15MBバイトを超えています');
return;
}
del[i].value = "";
viewer[i].innerHTML = "";
if (attach[i].files.length !== 0) {
const reader = new FileReader();
reader.onload = () => {
var child = null;
if (reader.result.indexOf("data:image/jpeg;base64,") === 0 ||
reader.result.indexOf("data:image/png;base64,") === 0) {
child = document.createElement("img");
} else if (reader.result.indexOf("data:video/mp4;base64,") === 0) {
child = document.createElement("video");
child.setAttribute("controls", null);
} else if (reader.result.indexOf("data:application/pdf;base64,") === 0) {
child = document.createElement("iframe");
} else {
alert("対象外のファイルです");
alert(reader.result);
attach[i].value = "";
}
if (child !== null) {
child.style.height = "350px";
child.style.width = "528px";
child.src = reader.result;
viewer[i].appendChild(child);
changeImg[i].classList.add('hideItems'); // もともとの画像を消す
}
};
reader.readAsDataURL(attach[i].files[0]);
}
});
clear[i].addEventListener('click', () => {
attach[i].value = "";
del[i].value = "1";
viewer[i].innerHTML = "";
changeImg[i].classList.remove('hideItems');
});
}
/* 文字数表示 */
document.addEventListener('input', e => {
if (!['name', 'message'].includes(e.target.id)) return;
const
t = e.target,
m = t.nextElementSibling,
n = t.value.length - (t.dataset.length | 0),
c = document.createElement('span');
c.append(Math.abs(n));
m.style.color = n > 0 ? 'red' : 'black';
m.replaceChildren(n > 0 ? '' : '残り', c,
`文字${n > 0 ? '超過してい' : '入力でき'}ます。`);
/* 毎回判定によるボタン制御 */
validation();
});
/* 初回判定のボタン制御 */
validation();
};
document.addEventListener("DOMContentLoaded", init);
</script>
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [x] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
検索してみたのですが Q&A掲示板についての記事がなく掲示板のコメント返信機能に必要な部分のみ参考にしております。

##### 追記
データ通信量によるかと思いますが回答専用テーブルを用意して質問専用テーブルと分けたほうが良いのではないかと考えております。
7～10日で質問を cron で削除する前提であるものの同時刻に複数の掲示板が動作した場合負荷がかかり遅延に繋がるのではないかと思います。

質問＆回答の両用テーブルの場合共通のコードなどはまとめることが可能だと思うのですがそれ以外のメリットがあまり無さそうです。


### 補足
※参考サイト
https://qiita.com/ryouya3948/items/6928c89607cf4eaa72a0

Q&A掲示板のテーブルは質問と回答で分けるべきでしょうか？

### 実現したいこと
teamsテーブル
| id | title | ……
| 1 | 巨人 |
| 2 | 阪神 |

usersテーブル
| id | name | age | title |……
| 1 | tanaka | 25 | ピッチャー |
| 2 | nakata | 30 | キャッチャー |

hobbby_skillsテーブル
| id | type | skill_id | hobby_id |……
| 1 | 1 | 1 | 1 |
| 2 | 2 | 2 | 2 |
| 3 | 3 | 3 | 3 |
| 4 | 4 | 4 | 4 |

hobbiesテーブル
| id | type | title |……
| 1 | 1 | 早い 　|
| 2 | 2 | 正確 　|
| 3 | 3 | 丁寧 　|　
| 4 | 4 |ピンチヒッター|

（※ここに登場するデータは仮情報なので本当のデータではありません）

分かりにくかったら申し訳ございません。
上記のテーブルで、hobby_skillsテーブルやhobbiesテーブルのtypeの値が1か3の場合、skill_idはteamsテーブルのidと紐づき、typeの値が2か4の場合、skill_idはusersテーブルのidと紐づいています。
hobby_skillsテーブルのhobby_idがhobbiesテーブルのidと紐づいています。
ここで、usersテーブルのデータをSELECT文で表示していく時に、それぞれ対応したtypeの値のtitleを同時に表示させたいです。
例えば、nakata, 30, キャッチャー, 正確……という感じで。
説明が難しいのですが、よろしくお願いいたします。

### 発生している問題・分からないこと
https://waterfalls.hatenablog.com/entry/2020/05/30/013149

このサイトを参考に実施してみたのですが、私の場合間に違うテーブルがあるのでうまく表示できません。



### 該当のソースコード

```
特になし
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
SELECT name,
       hobbies.title AS facilities 
FROM users
LEFT JOIN hobby_skills ON hobby_skills.skill_id = users.id AND hobby_skills.hobby_id = hobbies.id AND hobby_skills.type = 2, 4

全然違うと思うのですが、もうわからなさ過ぎて嫌になってきました。

### 補足
特になし

登録されているデータにより紐づいているテーブルが変わる物のデータの取得方法が分からない。

### 実現したいこと
pi4：SQLite3データベースのデータをwin10PC：XAMMP：MariaDBのテーブルにインポートしたい!

### 発生している問題・分からないこと
1．pi4:Node-RED　を　STOPして、pi4：SQLite3　DB　Write　停止
2．win10PC：WinSCP　を使用して　DBごと　win10:PC にコピー
3．win10：PC　DB browser（SQLite）で2項のDBを開く
4．win10：PC：XAMMP：MariaDB　にインポートしたいテーブルデータを
　  csv フォーマットにてエクスポート
5．win10：XAMMP：phpMyAdmin　にてインポート先のテーブル・カラムを作成（データは空状態）
6．win10：XAMMP：phpMyAdmin　にて　4項：csvファイル　をインポート
7．4項csvファイルをテキストで開いてみると1,775,010行　あるが、
　　XAMMP：phpMyAdmin　にてデータ表示にて確認すると　69,495行　しか
　　インポートしていない（クエリの実行時間：0.0995秒）

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2025-02-03/9837ed40-337a-45cf-bbb7-223577bcc7f8.jpeg)

phpMyAdmin 設定内容を記します
・ファイルの文字セット：utf-8
・部分インポート：チェック外す
・その他のオプション：外部キーのチェック無効
・フォーマット：csv
・カラムの区切り記号:,
・カラム囲み記号：なし
・カラムのエスケープ記号：なし
・行の終端記号：auto
・次の行の数をインポートする：なし
・カラム名：なし

### 該当のソースコード

```
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [ ] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [x] その他

##### 上記の詳細・結果
https://iifx.dev/ja/articles/44460450　の記事を参考に
　  php.iniファイルのupload_max_filesizeとpost_max_sizeの設定を、
     インポートするファイルサイズ(84.2Mbyte)よりも大きく設定
         upload_max_filesize = 200M
         post_max_size = 200M
     さらに念の為、以下も変更
　　　default_socket_timeout=600


    

### 補足
pi4　から　MQTT サブスクリプション　→　winPC:Node-RED:MariaDB への書込みはできています。
よって、テーブル作成ミスは無いと思います。
今まで蓄積してきた　pi4:SQLite DB　データを移植・Web表示したいのです。
以上。

SQLiteのデータをMariaDBのテーブルにインポートしたい

### 前提・実現したいこと

PHP初心者です。
誰か分かる方どうかお願いします。

郵便番号及び住所を検索するシステムを1から作成してください。以下の要件を満たせば、ソースコード及びデータベースの詳細は自由となります。

1,郵便番号及び住所の情報をデータベースで管理する。
2,郵便番号から住所が検索できる。
3,検索結果は一覧で「郵便番号、住所」の最低限2つを1行ずつ表示する。
4,郵便番号が未入力だった場合、エラーメッセージを表示する。
5,郵便番号は7桁の数値のみ検索可能とし、それ以外はエラーメッセージを表示する。
6,都道府県と市区町村から住所が検索できる。
7,都道府県、市区町村のどちらか又は両方が未入力だった場合、エラーメッセージを表示する※どちらか片方だけの検索禁止
8,郵便番号、都道府県、市区町村の入力の前後にある全角及び半角スペースを削除する。入力値チェックや検索はこの後に行う。 例)「 1100001　」→「1100001」
9,検索結果が10件を超えた場合、表示結果を複数ページに分ける。 ※「前へ」「次へ」のようなリンクによりページ切り替えができる

### 発生している問題・エラーメッセージ

１から８までなんとなくできているかなと思うのですが
9の要件がどうしてもできません。
次ページのリンクをクリックして次の１０件を表示させたいのですができません。
次のページのリンクを押しても何も画面が変わりません。
エラーも出ません。
何故でしょうか？

```

```

### 該当のソースコード

```php
<?php
$areas = [
'北海道','青森県','岩手県','宮城県','秋田県',
'山形県','福島県','茨城県','栃木県','群馬県',
'埼玉県','千葉県','東京都','神奈川県','新潟県',
'富山県','石川県','福井県','山梨県','長野県',
'岐阜県','静岡県','愛知県','三重県','滋賀県',
'京都府','大阪府','兵庫県','奈良県','和歌山県',
'鳥取県','島根県','岡山県','広島県','山口県',
'徳島県','香川県','愛媛県','高知県','福岡県',
'佐賀県','長崎県','熊本県','大分県','宮崎県',
'鹿児島県','沖縄県',];

$search_method = '';
$postcode = '';
$city     = '';
$cityname = '';
$msg = [];
$address_data = [];
$data_num = [];
$num = '';
$page = 1;
$limit ='';
$total_page ='';
$num_data = [];
$page_botton = '';

$host = ''; // データベースのホスト名又はIPアドレス
$username = '';  // MySQLのユーザ名
$passwd   = '';    // MySQLのパスワード
$dbname   = '';    // データベース名

$link = mysqli_connect($host, $username, $passwd, $dbname);
if ($link) {
    mysqli_set_charset($link, 'utf8');
    

    if (isset($_GET['search_method']) === TRUE) {
        $search_method = $_GET['search_method'];
    }
    if ($search_method === 'zipcode') {
        if (isset($_GET['postcode']) === TRUE) {
            $postcode = $_GET['postcode'];
        }
        if ($postcode === '') {
            $msg[] = '郵便番号を入力してください';
        } else if (preg_match('/[0-9]{5,7}/', $postcode) !== 1) {
            $msg[] = '正しく郵便番号を入力してください';
        }
        
        if (count($msg) === 0) {
            $sql = 'SELECT address_post, address_1, address_2, address_3 
                    FROM address_table 
                    WHERE address_post = ' . $postcode;
            $result = mysqli_query($link, $sql);
            while ($row = mysqli_fetch_array($result)) {
                $address_data[] = $row;
            }
            $num = count($address_data);

            mysqli_free_result($result);
        }
    }
        
    if ($search_method === 'address') {

        if (isset($_GET['area']) === TRUE) {
            $city = $_GET['area'];
        }
        if ($city === '') {
            $msg[] = '都道府県を選択してください';
        }
        if (isset($_GET['cityname']) === TRUE) {
            $cityname = $_GET['cityname'];
        }
        if ($cityname === '') {
            $msg[] = '市区町村を入力してください';
        }
        
        if (count($msg) === 0) {
            $sql = 'SELECT address_post 
                    FROM address_table 
                    WHERE address_1 = \'' . $city . '\' 
                    AND address_2 LIKE \'%' . $cityname . '%\'';
            $result = mysqli_query($link, $sql);
            while ($row = mysqli_fetch_array($result)) {
                $num_data[] = $row;
            }
            $num = count($num_data);
            mysqli_free_result($result);
            
            

            $limit = ($page * 10) - 10;
            $sql = 'SELECT address_post, address_1, address_2, address_3 
                    FROM address_table 
                    WHERE address_1 = \'' . $city . '\' 
                    AND address_2 LIKE \'%' . $cityname . '%\'
                    LIMIT '. $limit . ', 10';
            $result = mysqli_query($link, $sql);
            while ($row = mysqli_fetch_array($result)) {
                foreach ($row as $key => $value) {
                    $row[$key] = htmlspecialchars($value, ENT_QUOTES, 'UTF-8');
                }
                $address_data[] = $row;
            }
            mysqli_free_result($result);
        }
        
    }
    mysqli_close($link);
} else {
    print '接続失敗';
    
}
$total_page = ceil($num / 10);


?>
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>住所検索</title>
    <style type="text/css">
         section:first-of-type {
            border-bottom: solid 1px #000000;
        }
        table, td, th {
            border: solid 1px #000000;
        }
    </style>
</head>
<body>
    <section>
        

    <h1>郵便番号検索</h1>
    <h2>郵便番号から検索</h2>
    
    <form method="get">
        
        <p><input type="text" name="postcode" placeholder="例）1010001" value="<?php if (mb_strlen($postcode) > 0) { print $postcode; } ?>">
        <input type="hidden" name="search_method" value="zipcode">
        <input type="submit" value="検索"></p>
        
    </form>
    <h2>地名から検索</h2>
    <form method="get">

        <p>都道府県を選択
        <select name="area">
            <option value="">都道府県を選択</option>
<?php foreach ($areas as $value) { ?>
    <?php if ($city === $value) { ?>
            <option value="<?php print $value; ?>" selected><?php print $value; ?></option>
    <?php } else { ?>
            <option value="<?php print $value; ?>"><?php print $value; ?></option>
    <?php } ?>
<?php } ?>
        </select>
        
        市区町村<input type="text" name="cityname" value="<?php if (mb_strlen($cityname) > 0) { print $cityname; } ?>">
        <input type="hidden" name="search_method" value="address">
        <input type="submit" value="検索"></p>
        
    </form>
    </section>
    
    <section>
<?php if (count($msg) === 0 && count($address_data) === 0) { ?>
    <p>ここに検索結果が表示されます</p>
<?php } else if (count($msg) > 0 ) { ?>
    <?php foreach ($msg as $value) { ?>
    <p><?php print $value; ?></p>
    <?php } ?>
<?php } ?>

<?php if (count($address_data) > 0) { ?>
    <p>検索結果<?php print $num; ?>件</p>
    <table>
        <label>郵便番号検索結果</label>
        <tr>
            <th>郵便番号</th>
            <th>都道府県</th>
            <th>市区町村</th>
            <th>町域</th>
        </tr>
    <?php foreach ($address_data as $value) { ?>
        <tr>
            <td><?php print $value[0]; ?></td>
            <td><?php print $value[1]; ?></td>
            <td><?php print $value[2]; ?></td>
            <td><?php print $value[3]; ?></td>
        </tr>
    <?php } ?>
    </table>
<?php } ?>

    <?php if ($page > 1) { ?>
        <a href="?area=<?php print $city; ?>&cityname=<?php print $cityname; ?>&search_method=<?php print $search_method; ?>&page=<?php print ($page - 1); ?>">
            前のページ</a>
    <?php } ?>
    
    <?php if ($page < $total_page) { ?>
        <a href="?area=<?php print $city; ?>&cityname=<?php print $cityname; ?>&search_method=<?php print $search_method; ?>&page=<?php print ($page + 1); ?>">
            次のページ</a>
    <?php } ?>

    </section>
</body>
</html>
```

### 試したこと

aタグにformを作ってみたり
もう全然わからなくていろいろやってみましたが無理でした。

### 補足情報（FW/ツールのバージョンなど）

郵便番号データはCSVのものをphpmyadminに移して使ってます

ここにより詳細な情報を記載してください。

PHP　HTML　データベース　phpMyAdmin　LIMIT　１０件ずつ表示　次の１０件が表示されない

### 前提・実現したいこと
macOSでXAMPPで開発を行おうとしています。
http://localhost/phpMyAdmin/
のphpMyAdminの画面に行こうとすると、このサイトにアクセスできません
localhost で接続が拒否されました。と出ます。

XAMPPは問題なくインストールできています。
GeneralのタブのStartを押すと問題なく起動しています。
またApachとMySQLも問題なく緑のボタンが点火して問題なく起動しています。

http://localhost:8080/
ですが、htdocsフォルダの中にindex.htmlを作成したところ表示されています。

httpd-vhosts.confファイルがXAMPPの設定ファイルであることと
httpd.confがWebサーバのプログラムであるApacheの設定ファイルであることは調べましたが、
httpd-vhosts.confとhttpd.confファイルがどこにあるのかわからず、困っています。

### 発生している問題・エラーメッセージ
下記のメッセージが出ています。
```
このサイトにアクセスできません
localhost で接続が拒否されました。
次をお試しください:
接続を確認する
プロキシとファイアウォールを確認する
ERR_CONNECTION_REFUSED
```


### 試したこと
下記の記事を読みました。
http://cms.geeev.com/XAMPP/3.html
https://wa3.i-3-i.info/word13607.html
http://www.wakhok.ac.jp/~kanayama/summer/02/site/node237.html


### 補足情報（FW/ツールのバージョンなど）

macOS Sierra 10.12.6

XAMPP 7.3.2-1

mysql --version
mysql  Ver 15.1 Distrib 10.1.38-MariaDB, for Linux (x86_64) using readline 5.1


お手数ですが何かしらヒントをいただけると助かります。
よろしくお願い致します。

phpMyAdminの画面に行こうとすると、このサイトにアクセスできません localhost で接続が拒否されました。と出ます。

### 実現したいこと
初心者です。言葉足らずなところがありますがご教授宜しくお願い致します。
それでは、今回実現したいことは飲食店などの待合にある「お呼び出し番号」のような仕組みです。それをウェブサイト上で再現したいと思い該当のソースコードを書きました。
その内容は、「num.php」に表示された1-300までの数字をクリックすると、その数字の文字サイズが小さくなりクリック済みであることがわかります。そして、それが「disp.php」の表記にも反映されるという仕組みです。ちなみに、両ページとも１秒ごとにリロードしています。
「XAMPP」ではそれが実行できたのですがサーバー上ではできなくなりました。ただ、「Cont+F5」を押すと実行されることがわかりました。

### 発生している問題・分からないこと
リロード以外のサイトの更新方法がわからないことが問題点です。



### 該当のソースコード

```num.php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<script>
  setInterval(function() {
    location.reload();
  }, 1000);
</script>

<style>
.example3{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 120px;
    height: 120px;
    background: #6fa1ff;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 10px 0;
}
</style>

<title>番号を押すページ</title>
</head>
<body>

文字【小】→番号を押した</br>
文字【大】→まだ番号を押していない</br>

<?php

try
{

$dsn='mysql:dbname=db;host=???;charset=utf8';
$user='user_name';
$password='pass';
$dbh=new PDO($dsn,$user,$password);
$dbh->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);

$sql='SELECT no,on_off FROM num WHERE 1';
$stmt=$dbh->prepare($sql);
$stmt->execute();

$dbh=null;

print '<table border="0" cellspacing="15">';
print '<tr>';

for($i=1;$i<=300;$i++) {

if ($i % 10==0){

while(true)
{
	$rec=$stmt->fetch(PDO::FETCH_ASSOC);
	if($rec==false)
	{
		break;
	}
$i=$rec['no'];

if($rec['on_off']==1){

print '<td><a href="num_add.php?num='. $rec['no'].' & on_off=0" class="example3"><font size="2">'. $rec['no'].'</font></a></td>';
}else{
print '<td><a href="num_add.php?num='. $rec['no'].' & on_off=1" class="example3"><font size="10">'. $rec['no'].'</font></a></td>';
}

if ($i % 10==0){
print '</tr>';

}
}

}
}


}
catch (Exception $e)
{
	 print '障害発生';
	 exit();
}

?>

   
</body>
</html>
```

```disp.php
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<script>
  setTimeout(function() {
    location.reload();
  }, 1000);
</script>

<style>
.example3{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    background: #6fa1ff;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 10px 0;
}
</style>

<style>
.example4{
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background: #6fa1ff;
    color: #FFF;
    text-decoration: none;
    text-align: center;
    margin: 10px 0;
}
</style>

<title>番号を押したか押していないか画面</title>
</head>

<body>
<center>

<?php
try
{

$dsn='mysql:dbname=db;host=???;charset=utf8';
$user='user_name';
$password='pass';
$dbh=new PDO($dsn,$user,$password);
$dbh->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);

$sql='SELECT MAX(no) as no FROM num WHERE on_off =1';
$stmt=$dbh->prepare($sql);
$stmt->execute();
$rec=$stmt->fetch(PDO::FETCH_ASSOC);

$no=$rec['no'];
print '<a class="example3"><font size="50"><b>';
	print $rec['no'];
print '</b></font></a>';
$dbh=null;


print 'までの番号を押した<br/><br/>';

}
catch (Exception $e)
{
	 print '障害発生';
	 exit();
}

?>
</center>

<?php
try
{

$dsn='mysql:dbname=db;host=???;charset=utf8';
$user='user_name';
$password='pass';
$dbh=new PDO($dsn,$user,$password);
$dbh->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);

$sql='SELECT no FROM num WHERE on_off ="0" AND  no BETWEEN 0 AND '.$no;
$stmt=$dbh->prepare($sql);
$stmt->execute();



$dbh=null;

print '番号を押していない一覧<br/>';

print '<table border="0" cellspacing="15">';
print '<tr>';

for($i=1;$i<=300;$i++) {

if ($i % 10==0){


while(true)
{
	$rec=$stmt->fetch(PDO::FETCH_ASSOC);
	if($rec==false)
	{
		break;
	}
$i=$rec['no'];
	print '<td>';
print '<a class="example4"><font size="6">';
	print $rec['no'];
print '</font></a>';
	print '</td>';

if ($i % 10==0){
print '</tr>';
}

}
}
}

}
catch (Exception $e)
{
	 print 'まだ番号はない';
	 exit();
}

?>
</body>
</html>
```

```num_add.php
<?php

try
{

$on_off=$_GET['on_off'];
$num=$_GET['num'];
$on_off=htmlspecialchars($on_off);
$num=htmlspecialchars($num);

$dsn='mysql:dbname=db;host=???;charset=utf8';
$user='user_name';
$password='pass';
$dbh=new PDO($dsn,$user,$password);
$dbh->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);

$sql='UPDATE num SET on_off= ? where no = ? ';

$stmt=$dbh->prepare($sql);
$data[]=$on_off;
$data[]=$num;
$stmt->execute($data);

$dbh=null;

header('Location:num.php');


}
catch (Exception $e)
{
	print '障害発生';
	exit();
}

?>



</body>
</html>
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
Gooleなどで検索した結果、「Cont+F5」はキャッシュクリアしていると分かったのですが、ここからどのようなコードを書いたらいいのかわかりません。

### 補足
特になし