Webサイトのコンテンツの作成、編集、更新、および削除は、サイトを動的にするものです。これが、この投稿で行うことです。
私たちのサイトにアクセスしたユーザーは、mysqlデータベースに保存される投稿を作成し、データベースから投稿を取得してWebページに表示することができます。各投稿には編集と削除のボタンが表示され、ユーザーは投稿を更新したり削除したりできます。
まず、crudという名前のデータベースを作成します。 Crudデータベースで、info。というテーブルを作成します 情報テーブルには次の列が必要です:
-
id-int(11)
- 名前-varchar(100)
- アドレス-varchar(100)
うん!たった2つのフィールド。ここでは物事をシンプルにしようとしています。それでは、次のステップに進みましょう。
index.phpというファイルを作成し、次のコードを貼り付けます。
<!DOCTYPE html>
<html>
<head>
<title>CRUD: CReate, Update, Delete PHP MySQL</title>
</head>
<body>
<form method="post" action="server.php" >
<div class="input-group">
<label>Name</label>
<input type="text" name="name" value="">
</div>
<div class="input-group">
<label>Address</label>
<input type="text" name="address" value="">
</div>
<div class="input-group">
<button class="btn" type="submit" name="save" >Save</button>
</div>
</form>
</body>
</html>
ブラウザでサイトを保存して開くと、次のようになります。
世界一の形に見えませんか?それを修正しましょう。 index.phpファイルのheadセクションの
<link rel="stylesheet" type="text/css" href="style.css">
これは、スタイルシートファイルからスタイルをロードするためのリンクです。 styles.cssファイルを作成し、このスタイリングコードを追加しましょう。
body {
font-size: 19px;
}
table{
width: 50%;
margin: 30px auto;
border-collapse: collapse;
text-align: left;
}
tr {
border-bottom: 1px solid #cbcbcb;
}
th, td{
border: none;
height: 30px;
padding: 2px;
}
tr:hover {
background: #F5F5F5;
}
form {
width: 45%;
margin: 50px auto;
text-align: left;
padding: 20px;
border: 1px solid #bbbbbb;
border-radius: 5px;
}
.input-group {
margin: 10px 0px 10px 0px;
}
.input-group label {
display: block;
text-align: left;
margin: 3px;
}
.input-group input {
height: 30px;
width: 93%;
padding: 5px 10px;
font-size: 16px;
border-radius: 5px;
border: 1px solid gray;
}
.btn {
padding: 10px;
font-size: 15px;
color: white;
background: #5F9EA0;
border: none;
border-radius: 5px;
}
.edit_btn {
text-decoration: none;
padding: 2px 5px;
background: #2E8B57;
color: white;
border-radius: 3px;
}
.del_btn {
text-decoration: none;
padding: 2px 5px;
color: white;
border-radius: 3px;
background: #800000;
}
.msg {
margin: 30px auto;
padding: 10px;
border-radius: 5px;
color: #3c763d;
background: #dff0d8;
border: 1px solid #3c763d;
width: 50%;
text-align: center;
}
それでは、ブラウザでフォームをもう一度確認してみましょう。
それは良いです!
私は通常、HTMLコードをPHPコードから可能な限り分離するのが好きです。私はその良い習慣だと思います。その点で、php_code.phpという別のファイルを作成して、データベースへの接続やデータベースのクエリなど、すべてのphp機能を実装しましょう。
したがって、php_code.phpを開き、次のコードを貼り付けます。
<?php
session_start();
$db = mysqli_connect('localhost', 'root', '', 'crud');
// initialize variables
$name = "";
$address = "";
$id = 0;
$update = false;
if (isset($_POST['save'])) {
$name = $_POST['name'];
$address = $_POST['address'];
mysqli_query($db, "INSERT INTO info (name, address) VALUES ('$name', '$address')");
$_SESSION['message'] = "Address saved";
header('location: index.php');
}
// ...
次に、このファイルをindex.phpファイルの一番上(最初の行)に含めます。そのように:
<?php include('server.php'); ?>
この時点で、このコードが行うのは、データベースに接続し、いくつかの変数を初期化し、フォームから送信されたデータを前に作成した情報でデータベースに保存することだけです。これは、CRUDのCReate部分にすぎません。他の人と一緒に進みましょう。
ここで、index.phpファイルに再度アクセスし、このコードを
// ...
<body>
<?php if (isset($_SESSION['message'])): ?>
<div class="msg">
<?php
echo $_SESSION['message'];
unset($_SESSION['message']);
?>
</div>
<?php endif ?>
このコードは、データベースに新しいレコードが作成されたことをユーザーに通知する確認メッセージを表示します。
データベースレコードを取得してページに表示するには、入力フォームのすぐ上に次のコードを追加します。
<?php $results = mysqli_query($db, "SELECT * FROM info"); ?>
<table>
<thead>
<tr>
<th>Name</th>
<th>Address</th>
<th colspan="2">Action</th>
</tr>
</thead>
<?php while ($row = mysqli_fetch_array($results)) { ?>
<tr>
<td><?php echo $row['name']; ?></td>
<td><?php echo $row['address']; ?></td>
<td>
<a href="index.php?edit=<?php echo $row['id']; ?>" class="edit_btn" >Edit</a>
</td>
<td>
<a href="server.php?del=<?php echo $row['id']; ?>" class="del_btn">Delete</a>
</td>
</tr>
<?php } ?>
</table>
<form>
// ...
新しいレコードを作成して、これが機能するかどうかを確認しましょう:
..そして出来上がり!!完璧に機能します!
次に、編集に移ります。 index.phpファイルの先頭(includeステートメントの直後)に次のコードを追加します。
<?php
if (isset($_GET['edit'])) {
$id = $_GET['edit'];
$update = true;
$record = mysqli_query($db, "SELECT * FROM info WHERE id=$id");
if (count($record) == 1 ) {
$n = mysqli_fetch_array($record);
$name = $n['name'];
$address = $n['address'];
}
}
?>
データベースレコードを編集するときは、変更できるように古い値をフォームに入力する必要があります。そのためには、フォームの入力フィールドを変更し、データベースから取得した値($ name、$ address)を値として valueに設定しましょう。 フォームフィールドの属性。
また、更新するレコードのIDを保持するための非表示フィールドを追加して、データベース内でそのIDによって一意に認識できるようにします。これはそれをよりよく説明します:
// newly added field
<input type="hidden" name="id" value="<?php echo $id; ?>">
// modified form fields
<input type="text" name="name" value="<?php echo $name; ?>">
<input type="text" name="address" value="<?php echo $address; ?>">
そのすべてが入力