からすまる日誌 mySQL

高度(29) おまけさくらサーバーについて

授業の最後の週に
まきの先生に制作課題さくらサーバーにあげましたと報告したところ、
さくらには無料SSLがあるのでそれを取得した方が良いとのこと

設定がいまいち不明だったので、
さくらサーバーに問い合わせた回答がこちら

(余談ですがさくらサーバーはUIが個人的に分かりづらい
サポートセンターは親切)

かいつまんでいうと、

・初期ドメインでは無料SSLサーバ証明書は発行できないが、
「共有SSL」が利用可能
・「http」と「https」でファイルのアップロード先は同一のフォルダ

どういうことかというと、さくらサーバーにファイルをアップした時点で、
http://xxxxxxx
https://xxxxxxx

の2つが自動で生成されている

httpsの方は証明書、暗号化通信つき
ということのようです

実際の回答もおいておきます

>お問い合わせいただきました無料SSLサーバ証明書の発行につきまして、
ご案内いたします。

恐れ入りますが、初期ドメインでは無料SSLサーバ証明書は発行できませんが、
「共有SSL」がご利用可能でございます。

　▼【共有SSL】設定方法
　https://help.sakura.ad.jp/206054862/

なお、すでに初期ドメインに「共有SSL」が設定されているため、以下のURLで
アクセスが可能でございます。

-----------------------------------------------------
　　　https://xxxxx
-----------------------------------------------------

>「http」と「https」でファイルのアップロード先は同一のフォルダでございます。

初期ドメイン「berrysystems.sakura.ne.jp」は「www」フォルダ直下に
アップロードされたファイルを参照いたします。

つきましては、FTP接続設定の際にファイルのアップロード先フォルダを
「www」に指定してくださいますようお願いいたします。

FFFTPの設定方法に関しましては、以下のサポートページに詳細な案内が
ございますので、ご参照ください。

　▼FFFTPを利用する
　https://help.sakura.ad.jp/206207161/

上記手順でホームページデータをサーバにアップロードが完了しましたら、
ブラウザでアクセスする際にURLを「https://xxxxx」に
していただくと暗号化通信が可能でございます。

高度(28) class(6)

編集のシーンで入力漏れがないかバリデーションをする

新規登録でもしたい

→関数化すれば使いまわせる

名前と値段は必須というやつ

優先順位としては、送信していいかどうかよりも前

e.preventDefault();の綴りを2回間違ってるので

Defaultの綴りに注意

こういう分岐

未入力がある？

はい→alert表示、プリベントデフォルト

いいえ→

　本当に編集していい？

　はい→実行

　いいえ→プリベントデフォルト

こういう感じ

ここまで

lunch.js

$(function(){
//console.log("hoge");

//バリデーション
function check(){
var chk;
if($('#menu').val() == '' || $('#price').val()==''){//空なら
   chk = false;
}else{
   chk=true;
}
return chk;
}

//編集ボタン
$('#sub1').on('click',function(e){
var chk=check();//上で宣言したのを実行

//バリデーション
if(!chk){

   //未入力項目あり
   alert('未入力項目あるよ');
   e.preventDefault();//イベント無効化

}else{

   //入力OK,編集していいかどうか確認
   var flag=confirm('編集してよろしいかな');
   if(!flag){//いいえを押された
    e.preventDefault();
   }
}
});

//削除ボタン
$('#sub2').on('click',function(e){
var flag=confirm('削除してよろしいかな');
if(!flag){//いいえを押された
   e.preventDefault();
}
});

});

さて新規と、編集削除の分岐をする

form.phpに戻って、

</table>

    <?php if(empty($id)): ?>
    <p>
     <input type="submit" name="sub3" id="sub3" value="新規作成">
    </p>

    <?php else: ?>
    <p>
     <input type="submit" name="sub1" id="sub1" value="編集">
     <input type="submit" name="sub2" id="sub2" value="削除">
    </p>

    <?php endif ?>

id="sub3"を付け加えたので

jsにも付け加え

//新規作成ボタン

$('#sub3').on('click',function(e){
var chk=check();
if(!chk){
   alert('未入力項目あるよ');
   e.preventDefault();
}else{
   var flag=confirm('登録してよろしいかな');
   if(!flag){
    e.preventDefault();
   }
}
});

外部からのアタックにチケットの発行は有効なので、

ランダムな数をつくってhiddenでこっそりわたして

sessionととんできたのと比較する

自分で予定しているフォームからきていることを確認する

チケットの半券システム

echo time();

1900年だかから何秒経過したか

時間だけだとアタックしやすいので、

$ran = rand(1,100);

$salt="hogemakino";

$ticket =md5($ran.time().$salt);

echo $ticket ;

ソルトが大事

time()だけではアタックされるしrandomだけでも弱い

検証で確認すること

新規、編集、削除3つのボタンのnameを全部subに変える

すべて整っている前提で、

switch文で分岐をする

caseごとにbreakを忘れずに

ここまで

exec.php

<?php
print_r($_POST);
session_start();

if($_SESSION["ticket"] != $_POST["ticket"]){//チケットの半券一致せず
exit();
}

require_once("class/lunch.class.php");
$obj = new Lunch();

switch($_POST["sub"]){
case "新規作成"://飛んできたvalueが新規
   $obj->setMenu($_POST["menu"], $_POST["price"], $_POST["c_id"]);
   break;

case "編集":
   $obj->updateMenu($_POST["menu"], $_POST["price"], $_POST["c_id"], $_POST["id"]);
   break;

case "削除":
   $obj->deleteMenu($_POST["id"]);
   break;
}

//header("Location:list.php");
//exit();

?>

form.php

<?php
session_start();

$ran = rand(1,100);
$salt="hogemakino";
$ticket =md5($ran.time().$salt);
//echo $ticket ;
$_SESSION["ticket"] = $ticket;//sessionでチケット発行

//新規でも編集でもこのファイルを使いたい

require_once("class/lunch.class.php");
$obj = new Lunch();

if(!empty($_GET["id"])){
//編集の場合

//getで送られてくるidを事前につかまえる
$id=intval($_GET["id"]);
$title="編集";//タイトルも分岐によって変わる

$arr = $obj->getMenuById($id);
$menu = htmlspecialchars($arr["menu"],ENT_QUOTES);
$price = $arr["price"];
$c_id = $arr["c_id"];

}else{
//新規作成の場合
$title="新規作成";
$menu = "";
$price ="";
$c_id=0;//A.I.（オートインクリメント）は1から始まる。わざとありえない番号を初期値にしておく
}

?>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>メニュー<?php echo $title; ?></title>
<link rel="stylesheet" href="css/style.css">
<script src="../jquery-3.4.1.min.js"></script>
</head>
<body>
<div id="container">
   <h1>メニュー<?php echo $title; ?></h1>

   <form action="exec.php" method="post">
    <table>
     <tr>
      <th><label for="menu">メニュー</label></th>
      <td><input type="text" name="menu" id="menu" value="<?php echo $menu; ?>"></td>
     </tr>

     <tr>
      <th><label for="price">価格</label></th>
      <td><input type="text" name="price" id="price" value="<?php echo $price; ?>"></td>
     </tr>

     <tr>
      <th><label for="c_id">カテゴリ</label></th>
      <td>
       <?php $obj->makeCatSelect($c_id); ?>
      </td>
     </tr>

    </table>

    <?php if(empty($id)): ?>
    <p>
     <input type="submit" name="sub" id="sub3" value="新規作成">
    </p>

    <?php else: ?>
    <p>
     <input type="submit" name="sub" id="sub1" value="編集">
     <input type="submit" name="sub" id="sub2" value="削除">
     <input type="hidden" name="id" value="<?php echo $id; ?>">
    </p>

    <?php endif ?>

    <input type="hidden" name="ticket" value="<?php echo $ticket;/*form側でもチケット発行*/ ?>">

   </form>

<script src="js/lunch.js"></script>
</body>
</html>

lunch.js

$(function(){
//console.log("hoge");

//バリデーション
function check(){
var chk;
if($('#menu').val() == '' || $('#price').val()==''){//空なら
   chk = false;
}else{
   chk=true;
}
return chk;
}

//編集ボタン
$('#sub1').on('click',function(e){
var chk=check();//上で宣言したのを実行

//バリデーション
if(!chk){

   //未入力項目あり
   alert('未入力項目あるよ');
   e.preventDefault();//イベント無効化

}else{

   //入力OK,編集していいかどうか確認
   var flag=confirm('編集してよろしいかな');
   if(!flag){//いいえを押された
    e.preventDefault();
   }
}
});

//削除ボタン
$('#sub2').on('click',function(e){
var flag=confirm('削除してよろしいかな');
if(!flag){//いいえを押された
   e.preventDefault();
}
});

//新規作成ボタン
$('#sub3').on('click',function(e){
var chk=check();
if(!chk){
   alert('未入力項目あるよ');
   e.preventDefault();
}else{
   var flag=confirm('登録してよろしいかな');
   if(!flag){
    e.preventDefault();
   }
}
});

});

lunch.class.php

<?php
class Lunch{
private $pdo;//外から直接アクセスはできないように

public function __construct(){//コンストラクタ。初期化されたときに動く
// -----------------
//環境によって変更
// -----------------

$host="localhost";
$dbuser="root";
$dbpass="";
$dbname="lunch";
// -----------------

$dsn = "mysql:host={$host}; dbname={$dbname}; charset=utf8";
$this->pdo=new PDO($dsn,$dbuser,$dbpass); //$pdoとは書かない

}//constructの終わり

public function getAllMenu(){//publicでないと外から呼び出せない
$sql = "SELECT * FROM foods";
$rs = $this->pdo->query($sql);
$rows = $rs->fetchAll(PDO::FETCH_ASSOC);
return $rows;//戻り値
}

public function getMenubyId($id=1){//指定したid番号を取得、引き取るid番号が仮引数の$id
$sql="SELECT * FROM foods WHERE id=:id";
$stmt = $this->pdo->prepare($sql);
$stmt->bindvalue(":id",$id,PDO::PARAM_INT);
$stmt->execute();
$row = $stmt->fetch(PDO::FETCH_ASSOC);
return $row;
}

public function setMenu($menu,$price,$c_id){//idはオートインクリメントなので必要ない
$sql = "INSERT INTO foods(menu,price,c_id) VALUES (:menu,:price,:c_id)";//メニューと値段とカテゴリidを追加
$stmt = $this->pdo->prepare($sql);//クラス内の変数なのでstmtやsqlのスコープはここだけ
$stmt->bindvalue(":menu",$menu,PDO::PARAM_STR);
$stmt->bindvalue(":price",$price,PDO::PARAM_INT);
$stmt->bindvalue(":c_id",$c_id,PDO::PARAM_INT);
$stmt->execute();
//戻り値は要らない
}

public function updateMenu($menu,$price,$c_id,$id){//どれがupdateされるか分からないので3つとも仮引数を用意
//主キーである$idがないと全部書き換わってしまうのでどこのレコードか指定するため今回4つプロパティが要る

$sql = "UPDATE foods SET menu=:menu, price=:price, c_id=:c_id WHERE id=:id";
$stmt = $this->pdo->prepare($sql);
$stmt->bindvalue(":menu",$menu,PDO::PARAM_STR);
$stmt->bindvalue(":price",$price,PDO::PARAM_INT);
$stmt->bindvalue(":c_id",$c_id,PDO::PARAM_INT);
$stmt->bindvalue(":id",$id,PDO::PARAM_INT);//idも必要ですよ
$stmt->execute();

}

public function deleteMenu($id){//パラメータは主キーであるidだけでいい
$sql = "DELETE FROM foods WHERE id=:id";
$stmt = $this->pdo->prepare($sql);
$stmt->bindvalue(":id",$id,PDO::PARAM_INT);
$stmt->execute();

}

//セレクトプルダウンに表示

public function makeCatSelect($c_id){
$sql = "SELECT * FROM cats";
$rs = $this->pdo->query($sql);//レコードセットの中に結果セットを入れる形

echo "<SELECT name=\"c_id\" id=\"c_id\">\n";

//ダミーのオプション
echo "<option value=\"\">以下から選択</option>\n";

while($row = $rs->fetch(PDO::FETCH_ASSOC)){

   $selStr = $c_id==$row["c_id"] ? " selected" : "";//三項演算。selectedか何もないか。あるにせよないにせよechoする。一致すればselected、なければ""

   //option value="1"うどん</option>みたいなのを出力したい
   echo "<option value=\"{$row["c_id"]}\"{$selStr}>";
   echo htmlspecialchars($row["cat"],ENT_QUOTES);
   echo "</option>\n";
}
echo "</select>\n";
}

}
?>

style.css

body{
background:#eff;
}
#container{
width:80%;
margin:auto;
}
table{
border-collapse:collapse;
}
th,td{
padding:0.3rem 0.5rem;
text-align:left;
background:#fff;
border:solid 1px #555;
}
th{
background:#ccc;
}

なおエラーがでたが原因は、

switch($_POST["sub"]){
case "新規作成"://飛んできたvalueが新規
$obj->setMenu($_POST["menu"], $_POST["$price"], $_POST["$c_id"]);
break;

$_POST["$price"]じゃなくて、
$_POST["price"]

$がいらなかった

高度(27) class(5)

セレクトはよく使うので、

専用のメソッドを作って

書き出しまでやってしまおう

ここの"c_id"は""の中なので、￥をつけて無効化する

本来echo "<SELECT name="c_id" id="c_id">";と書きたいが

これだと「echo "<SELECT name="」で一回終わってしまうので

無効化が必要

while($row = $rs->fetch(PDO::FETCH_ASSOC)){
echo "<option value=\"1\">";
}

こうしたいが、

valueの中身は1じゃなくて$row["c_id"]にしたい

まず1と書いてみて、

そのあとはめこんでいく

echo "<option value=\"{$row["c_id"]}\">";

この{}はなくてもいいらしいが一応つける

これが

こうなる

ここには{}が必要なのだが、

それ以前に、

ここの""は無効化してはいけない

なぜかというと、この部分はphpに解読して実行もらわないといけない
phpの文章なので

その前のoption value=\"

の部分の無効化は、
「htmlなので」「そうやって書き出してくれ」という意味で必要

phpの部分はパースしてもらいたいから""がそのまま要るし、
htmlの部分はパースされちゃ困るから無効化する

selectedやcheckedがちゃんとなるように工夫

呼び出し元を

<?php $obj->makeCatSelect($c_id); ?>

に変更

こうなった

public function makeCatSelect($c_id){

$sql = "SELECT * FROM cats";
$rs = $this->pdo->query($sql);//レコードセットの中に結果セットを入れる形

echo "<SELECT name=\"c_id\" id=\"c_id\">\n";

//ダミーのオプション
echo "<option value=\"\">以下から選択</option>\n";

while($row = $rs->fetch(PDO::FETCH_ASSOC)){

   $selStr = $c_id==$row["c_id"] ? " selected" : "";//三項演算。selectedか何もないか。あるにせよないにせよechoする。一致すればselected、なければ""

   //option value="1"うどん</option>みたいなのを出力したい
   echo "<option value=\"{$row["c_id"]}\"{$selStr}>";
   echo htmlspecialchars($row["cat"],ENT_QUOTES);
   echo "</option>\n";
}
echo "</select>\n";
}

さてform.php

編集だけでなく削除ボタンもやりたい

submitボタンは複数あってもいい

ただどちらが押されたかは、name属性で判断させる

押されたほうだけの値が来ているのが分かる　

→1個のフォームから異なる挙動をすることができる

なんならupdateやなんとかもメソッドで呼び出して使える

jsからアクセスできるようにidもつける

プリベントデフォルトをやるので

//編集ボタン
$('#sub1').on('click',function(e){

});

としておく

eが入るよ

高度(26) class(4)

さくらサーバを申し込んだら

レッツエンクリプトをするといい（無料）

というかやるべきらしい。

＊2週間のお試し期間が終わったらすぐ申し込む　

クリプトの暗号化をつかったSSL　HTTPS

https://www.sakura.ne.jp/function/freessl.html

https://help.sakura.ad.jp/115000136822/

https://secure.sakura.ad.jp/rscontrol/rs/domain

CSS Grid Layout

https://qiita.com/kura07/items/e633b35e33e43240d363

https://www.w3schools.com/css/css_grid.asp

https://ferret-plus.com/9420

http://korywakefield.com/iota/#overview

https://cssgridgarden.com/#ja

先週のlunchのつづき

ここまで

form.php

<?php
//新規でも編集でもこのファイルを使いたい

require_once("class/lunch.class.php");
$obj = new Lunch();

if(!empty($_GET["id"])){
//編集の場合

//getで送られてくるidを事前につかまえる
$id=intval($_GET["id"]);
$title="編集";//タイトルも分岐によって変わる

$arr = $obj->getMenuById($id);
$menu = htmlspecialchars($arr["menu"],ENT_QUOTES);
$price = $arr["price"];
$c_id = $arr["c_id"];

}else{
//新規作成の場合
$title="新規作成";
$menu = "";
$price ="";
$c_id="";
}

?>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>メニュー<?php echo $title; ?></title>
<link rel="stylesheet" href="css/style.css">
<script src="../jquery-3.4.1.min.js"></script>
</head>
<body>
<div id="container">
   <h1>メニュー<?php echo $title; ?></h1>

   <form action="exec.php" method="post">
    <table>
     <tr>
      <th><label for="menu">メニュー</label></th>
      <td><input type="text" name="menu" id="menu" value="<?php echo $menu; ?>"></td>
     </tr>

     <tr>
      <th><label for="price">価格</label></th>
      <td><input type="text" name="price" id="price" value="<?php echo $price; ?>"></td>
     </tr>

     <tr>
      <th><label for="c_id">カテゴリ</label></th>
      <td>
       セレクト予定
      </td>
     </tr>

    </table>
    <p><input type="submit" value="編集"></p>
   </form>

<script src="js/lunch.js"></script>
</body>
</html>

style.php

body{
background:#eff;
}
#container{
width:80%;
margin:auto;
}
table{
border-collapse:collapse;
}
th,td{
padding:0.3rem 0.5rem;
text-align:left;
background:#fff;
border:solid 1px #555;
}
th{
background:#ccc;
}

この２つは先週から変化なし

lunch.class.php

<?php
class Lunch{
private $pdo;//外から直接アクセスはできないように

public function __construct(){//コンストラクタ。初期化されたときに動く
// -----------------
//環境によって変更
// -----------------

$host="localhost";
$dbuser="root";
$dbpass="";
$dbname="lunch";
// -----------------

$dsn = "mysql:host={$host}; dbname={$dbname}; charset=utf8";
$this->pdo=new PDO($dsn,$dbuser,$dbpass); //$pdoとは書かない

}//constructの終わり

public function getAllMenu(){//publicでないと外から呼び出せない
$sql = "SELECT * FROM foods";
$rs = $this->pdo->query($sql);
$rows = $rs->fetchAll(PDO::FETCH_ASSOC);
return $rows;//戻り値
}

public function getMenubyId($id=1){//指定したid番号を取得、引き取るid番号が仮引数の$id
$sql="SELECT * FROM foods WHERE id=:id";
$stmt = $this->pdo->prepare($sql);
$stmt->bindvalue(":id",$id,PDO::PARAM_INT);
$stmt->execute();
$row = $stmt->fetch(PDO::FETCH_ASSOC);
return $row;
}

public function setMenu($menu,$price,$c_id){//idはオートインクリメントなので必要ない
$sql = "INSERT INTO foods(menu,price,c_id) VALUES (:menu,:price,:c_id)";//メニューと値段とカテゴリidを追加
$stmt = $this->pdo->prepare($sql);//クラス内の変数なのでstmtやsqlのスコープはここだけ
$stmt->bindvalue(":menu",$menu,PDO::PARAM_STR);
$stmt->bindvalue(":price",$price,PDO::PARAM_INT);
$stmt->bindvalue(":c_id",$c_id,PDO::PARAM_INT);
$stmt->execute();
//戻り値は要らない
}

public function updateMenu($menu,$price,$c_id,$id){//どれがupdateされるか分からないので3つとも仮引数を用意
//主キーである$idがないと全部書き換わってしまうのでどこのレコードか指定するため今回4つプロパティが要る

$sql = "UPDATE foods SET menu=:menu, price=:price, c_id=:c_id WHERE id=:id";
$stmt = $this->pdo->prepare($sql);
$stmt->bindvalue(":menu",$menu,PDO::PARAM_STR);
$stmt->bindvalue(":price",$price,PDO::PARAM_INT);
$stmt->bindvalue(":c_id",$c_id,PDO::PARAM_INT);
$stmt->bindvalue(":id",$id,PDO::PARAM_INT);//idも必要ですよ
$stmt->execute();

}

public function deleteMenu($id){//パラメータは主キーであるidだけでいい
$sql = "DELETE FROM foods WHERE id=:id";
$stmt = $this->pdo->prepare($sql);
$stmt->bindvalue(":id",$id,PDO::PARAM_INT);
$stmt->execute();

}

}
?>

lunch.php

$(function(){
console.log("hoge");
});

高度(25) class(3)

idを指定して取り出す

基本的に「ひとつ取り出す」というのは主キーだし主キーであるべき

重なってると面倒なことになる

ここ全体がpdoなのでさらに->でプリペアー

public function getMenubyId($id=1){ //指定したid番号を取得、引き取るid番号が仮引数の$id
$sql="SELECT * FROM foods WHERE id=:id";
$stmt = $this->pdo->prepare($sql);
$stmt->bindvalue(":id",$id,PDO::PARAM_INT);
$stmt->execute();
$row = $stmt->fetch(PDO::FETCH_ASSOC);
return $row;
}

$row = $obj->getMenuById(2);

中略

idの2番を呼び出すのだが、
メソッドの中のパラメータに値を代入（public function getMenubyId($id=1)）すると
「デフォルト値」としてphpでは扱われる

仮に呼び出し元で何の指定もなければこれ（id=1）が採用されるし、

なにか指定があればちゃんとid=2をとってくる

insert

update

deleteも追加

<?php foreach($arr as $val): ?>
      <li><a href="form.php?id=3"><?php echo $val["menu"]; ?></a></li>

     <?php endforeach; ?>

こんな風にしたい

これだと全部id=3になってしまうので、
→
<a href="form.php?id=<?php echo $val["id"]; ?>">

hoverするとここにちゃんとidがきている

ここまで

list.php

<?php
require_once("class/lunch.class.php");
$obj = new Lunch();
$arr = $obj->getAllMenu();
//print_r($arr);

//$row = $obj->getMenuById(2);
?>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>メニューリスト</title>
<link rel="stylesheet" href="css/style.css">
<script src="../jquery-3.4.1.min.js"></script>
</head>
<body>
<div id="container">
   <h1>メニューリスト</h1>

   <ul id="m_list">

     

     <?php foreach($arr as $val): ?>
      <li>
       <a href="form.php?id=<?php echo $val["id"]; ?>">
       <?php echo $val["menu"]; ?></a>
      </li>

     <?php endforeach; ?>

     
   </ul>

   

</div>

<script src="js/lunch.js"></script>
</body>
</html>

高度(24) class(2)

この間の続き

lunch

privateとしてしまうと同じクラス(class Lunch{})内からしか呼び出せない

コンストラクタもpublic

いま全体が

class Lunch{}であり、

そのなかに

public function __construct(){}や

public function getAllMenu(){}がある

内部とは

class Lunch{}のこと

エラーが出ましたがここ

$rows = $rs->fetchAll(PDO::FETCH_ASSOC);

$rs->が抜けているとフェイタルが出た　

じゃメニューの名前だけを出力する

連想配列に入っているはず

なぜかfor文をかきつつif-endifをしていたりした　

$iを回す回数は

$i<count($arr)

list.php

<?php
require_once("class/lunch.class.php");
$obj = new Lunch();
$arr = $obj->getAllMenu();
//print_r($arr);
?>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ニューリスト</title>
<link rel="stylesheet" href="css/style.css">
<script src="../jquery-3.4.1.min.js"></script>
</head>
<body>
<div id="container">
   <h1>new list</h1>
   <ul id="m_list">

     

     <?php foreach($arr as $val): ?>
      <li><?php echo $val["menu"]; ?></li>
     <?php endforeach; ?>

     

   </ul>
</div>

<script src="js/lunch.js"></script>
</body>
</html>

メソッドはあまり複雑にせず

１つのことだけをやらせる

値を取るだけとかにするといい

高度(23) class(1)

フォルダ階層はこう

lunch

-css

-js

-class

lunch.class.phpを作る

classの「がわ」はこれ

private $pdo;//外から直接アクセスはできないように

これをpublicにすると外からアクセスできてしまう　

最初はコンストラクタ

public function __construct(){//コンストラクタ。初期化されたときに動く

}

コメントの時

// -----------------

と、//の次に半角開けると一番間違いがない

<?php

$obj=new Lunch();

<!DOCTYPE html>

エラーが起きた

Fatal error: Uncaught Error: Class 'Lunch' not found in C:\xampp\htdocs\php\makino\lunch\list.php:2 Stack trace: #0 {main} thrown in C:\xampp\htdocs\php\makino\lunch\list.php on line 2

クラスlunchが見つからない

→クラスを読み込んでないから当然

これならよい

<?php

require_once("class/lunch.class.php");

$obj=new Lunch();

<!DOCTYPE html>

さらにこれ

Parse error: syntax error, unexpected 'function__construct' (T_STRING), expecting function (T_FUNCTION) or const (T_CONST) in C:\xampp\htdocs\php\makino\lunch\class\lunch.class.php on line 5

public function __construct(){//コンストラクタ。初期化されたときに動く

functionのあとには半角スペースが要る

ふつう戻り値は複数戻せない

配列ならOK

つづきは金曜のテストの後で

ここまで

list.php

<?php
require_once("class/lunch.class.php");
$obj=new Lunch();
?>

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>ニューリスト</title>
<link rel="stylesheet" href="css/style.css">
<script src="../jquery-3.4.1.min.js"></script>
</head>
<body>
<div id="container">
<h1>new list</h1>
<ul id="m_list">
</div>

<script src="js/lunch.js"></script>
</body>
</html>

style.css

body{
background:#fff;
}
#container{
width:80%;
margin:auto;
}

lunch.js

$(function(){
console.log("hoge");
});

lunch.class.js

<?php
class Lunch{
private $pdo;//外から直接アクセスはできないように

public function __construct(){//コンストラクタ。初期化されたときに動く

// -----------------
//環境によって変更
// -----------------

$host="localhost";
$dbuser="root";
$dbpass="";
$dbname="lunch";
// -----------------

$dsn = "mysql:host={$host}; dbname={$dbname}; charset=utf8";
$this->pdo=new PDO($dsn,$dbuser,$dbpass); //$pdoとは書かない

}//constructの終わり

public function getAllMenu{
$sql = "SELECT * FROM foods";
$rs = $this->pdo->query($sql);
$rows = fetchAll(PDO::FETCH_ASSOC);
return $rows;//戻り値
}

}
?>

高度(22) 和演算

UNION ALLについて

lunch db

sales table/column2

s_id int(primary,A.I.)

f_id int

sales2/column2

s_id int(primary,A.I.)

f_id int

売れたものを記録したい

2つのよく似たテーブルにf_idに違う値を入れておく

支社ごとに違うテーブルで何が売れたかあがってくるとする
（支社1：sales /　支社2：sales2)

これをマージしたい

和演算をしたい

SELECT * FROM sales

UNION ALL

SELECT * FROM sales2

統合後の結果が出た

前提条件として、セレクトするカラム数とカラム名が一緒でないといけない

もし違ったらAS句で修正してやる

しかしこれでは「どの支社の売り上げか」わからない

3つめのカラムをでっちあげ、

店舗名のカラムを無理やり入れる

SELECT s_id, f_id,"支店A" FROM sales

UNION ALL

SELECT s_id, f_id ,"支店B" FROM sales2

でた　

こういう風に存在しないカラムを出力することもできるらしい

SELECT s_id, f_id,"支店A" FROM sales

UNION ALL

SELECT s_id, f_id ,"支店B" FROM sales2

UNION ALL

SELECT s_id, f_id ,"支店B" FROM sales3

UNION ALL

SELECT s_id, f_id ,"支店B" FROM sales4

とかでいくつでもできるらしい

UNION ALLはこうやって全件出てくるが、

UNIONにしてしまうと、完全にかぶったデータは重複データとしてなくなってしまう

売上をみるにはALLがいる

しかもUNION　ALLの方が時間が速い

これが集合演算の和演算

AにあってBにないという差演算もできるらしい

ただこっちはちょっとむつかしいらしい

サーバの種類によって方言があるらしい　

なおMySQLより実際まりあDBで直書きしたほうがめっちゃ速いらしい

数時間かかるものが分単位で済むとか

高度(21) 正規表現のみを抽出

うにゃうにゃした内容物から「正規表現」のものを探し当てたい

<?php
for($i=0; $i<300; $i++) {
$y = rand(1970, 2020);
$m = rand(1, 12);
if($m == 2) {
$d = rand(1, 28);
} elseif($m == 4 || $m == 6 || $m == 9 || $m == 11) {
$d = rand(1, 30);
} else {
$d = rand(1, 31);
}
if($i % 11 == 0) {
echo "<div>{$y}_{$m}_{$d}</div>\n";
} elseif($i % 17 == 0) {
echo "<div>{$y}-{$m}{$d}</div>\n";
} else {
echo "<div>{$y}-{$m}-{$d}</div>\n";
}
}
?>

このプログラムで出力されたものをサクラエディタに貼り付ける

正しいものもあかんやつも混じってる300個の日付

正規表現を検索するのはサクラエディタの普通の検索にある　

メタ文字

ある種の文字を指定するための特殊な文字のこと

アルファベットを指定したかったら\w

数字は\d

￥は環境によってバックスラッシュで出ることもあるが意味は同じ

さて、年について。数字が4つ続くという正規表現

→\d\d\d\d

しかし美しくない

\d{4}

これでよい

月は1桁か2文字かわからない

揺れがあるときはカンマを使う

\d{1,2}

1つか2つ

日も1から31まであって一桁化二けたかわからない

→

\d{1,2}

\d{4}-\d{1,2}-\d{1,2}

しかしこれだと、
「この前にほげほげ」「この後にほげほげ」が付いていてもヒットしてしまうので、

＾

これが最初の印（ひらがなのへのところにある）

これがラストの印

^\d{4}-\d{1,2}-\d{1,2}$

じゃあ正しいやつを「年月日」に変えたい

置換する

置換前　^\d{4}-\d{1,2}-\d{1,2}$

→ここはそのままにしてほしい、というところを丸括弧で囲う

→

^(\d{4})-(\d{1,2})-(\d{1,2})$

この丸括弧は配列っぽく記憶されるらしい

1つめの記憶、2つ目の記憶、3つ目の記憶みたいになるらしい

丸括弧の1つめが　\1　となる

よって置換後は

\1年\2月\3日

文字を表すメタ文字はドットもしくはプラス

数字でも文字でもなんでもいいよというメタ

. あるかもしれないし、ないかも

+ 最低1文字はある

という違いがある

メタ文字を詳しくなりたかったらそういう本を読むこと

さてサクラエディタのやり方はこのとおり

ではプログラムでどう利用するか

ハイフン付きで郵便番号の正規表現なら？

^(\d{3})-(\d{4})$

スクリプトで検証してみましょう

値を取得するのはvalメソッド

ここが空っぽの場合は別処理が必要だが今回は割愛

var zip = $('#zipcode').val();

matchというのがパターンマッチングをするメソッド

結果は配列データとして受け取れる

よって

var arr = zip.match();//この配列が空ならマッチしてない

メタ文字は特別な予約語になっているので
はじまりとおわりをスラッシュにする決まり

var arr = zip.match(/^(\d{3})-(\d{4})$/);

「スラッシュで囲ったものは正規表現のメタ文字だ」と解釈される

正規表現にあってないとnullが返る

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>submitを止める</title>
<script src="../jquery-3.4.1.min.js"></script>
</head>
<body>
<form action="stop_submit2.php" method="post" id="f1">
   <p>郵便番号をハイフン付きで入力してください</p>
   <p>
    <input type="text" name="zipcode" id="zipcode">
    <button type="submit">送信</button>
   </p>
   <p id="msg"></p>
</form>

<script>
   $(function(){
    console.log("hoge");
    $('#f1').on('submit',function(event_hoge){
     /*
     var flag = confirm('送信しますか？');//okかcancel押すかでflagにtrueかfalseが入る
     if(!flag){//偽の時は
      event_hoge.preventDefault();//発生したイベントが無になる
     }
     */

     //バリデーション
     var zip = $('#zipcode').val();//取得
     var arr = zip.match(/^(\d{3})-(\d{4})$/);//この配列が空ならマッチしてない
     console.log(arr);
     event_hoge.preventDefault();
    });
   });

</script>
</body>
</html>

じゃあif文でnullかどうか見ればいい

nullならとめて警告を出し、

マッチしたら次のページに行く

stop_submit1.php

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>submitを止める</title>
<script src="../jquery-3.4.1.min.js"></script>
</head>
<body>
<form action="stop_submit2.php" method="post" id="f1">
   <p>郵便番号をハイフン付きで入力してください</p>
   <p>
    <input type="text" name="zipcode" id="zipcode">
    <button type="submit">送信</button>
   </p>
   <p id="msg"></p>
</form>

<script>
   $(function(){
    console.log("hoge");
    $('#f1').on('submit',function(event_hoge){
     /*
     var flag = confirm('送信しますか？');//okかcancel押すかでflagにtrueかfalseが入る
     if(!flag){//偽の時は
      event_hoge.preventDefault();//発生したイベントが無になる
     }
     */

     //バリデーション
     var zip = $('#zipcode').val();//取得
     var arr = zip.match(/^(\d{3})-(\d{4})$/);//この配列が空ならマッチしてない
     //console.log(arr);

     if(arr==null){
      event_hoge.preventDefault();//submitを無効化してとめる
      $('#msg').text("半角英数で7桁の郵便番号をハイフン付きで！");
     }
    });
   });

</script>
</body>
</html>

phpでも同じことが出来る

php manual

preg_match

https://www.php.net/manual/ja/function.preg-match.php

jsは引数1つでよかったが

phpは最低限2ついる

perlのぺくるというのを引き継いでいるらしい

0か1かで返る

matchしたら1

preg_replaceは置換を行う

https://www.php.net/manual/ja/function.preg-replace.php

ではphpでもやろう

<?php

$code="123-4567";//これが正しいかを検査する

$flag=

これをflagで受け取る

jsとは違って文字列として渡す

<?php

$code="123-45678";//これが正しいかを検査する

$flag= preg_match("/^\d{3}-\d{4}$/",$code);

if($flag){

echo ("matchしました");

}else{

echo ("not match");

}

もし$codeが正しければmatchにいくし

だめならnot matchにいく

高度(20) submit(送信)を止める

submitを止めるやり方

formのイベントとして設定する。

エンターキーを押されると先に進んじゃうので。

idをつける

今回は沢山じゃないのでjsを内部に書く

$('#f1').on('submit',function(){

});

submitイベントは「エンターで来てもクリック出来ても
とにかくサブミット状態になったら」ということで、on clickと違う

    console.log("hoge");
    $('#f1').on('submit',function(){
     var flag = confirm('送信しますか？');//okかcancelかでflagにtrueかfalseが入る
     if(flag == false) return false;
    });

しかしこれを押すと次のページに行ったりする
止まったりもするが、とにかくこの書き方はよくない書き方

イベント自体をキャンセルしたい

→
p

   $(function(){
    console.log("hoge");
    $('#f1').on('submit',function(event_hoge){
     var flag = confirm('送信しますか？');//okかcancel押すかでflagにtrueかfalseが入る
     if(!flag){//偽の時は
      event_hoge.preventDefault();//発生したイベントが無になる
     }
    });
   });

Javascriptでバリデーションをかける

からすまる日誌 mySQL

高度(29) おまけ さくらサーバーについて

高度(28) class(6)

高度(27) class(5)

高度(26) class(4)

高度(25) class(3)

高度(24) class(2)

高度(23) class(1)

高度(22) 和演算

高度(21) 正規表現のみを抽出

高度(20) submit(送信)を止める

高度(29) おまけさくらサーバーについて