php+mysql簡單的添加和刪除小案例

原創 小秋虫 2018-11-07 02:55

1.分析

index.php是呈現列表，通過點擊列表頁上的添加和刪除按鈕，對列表頁上面的進行操作

index.php

TODO:要將數據庫裏面的內容呈現到頁面中

(1)連接數據庫

(2)查詢數據

(3)混編

<?php
//連接數據庫
$connection=mysqli_connect('localhost','root','123','test');
if(!$connection){
  exit('<h1>數據庫連接失敗</h2>');
}

//建立查詢
$query = mysqli_query($connection,'select * from users;');
if(!$query){
  exit('數據庫查詢失敗');
}

//轉爲數組
/*while($item = mysqli_fetch_assoc($query)){
  var_dump($item);
}*/
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>XXX管理系統</title>
  <link rel="stylesheet" href="assets/css/bootstrap.css">
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
  <nav class="navbar navbar-expand navbar-dark bg-dark fixed-top">
    <a class="navbar-brand" href="#">XXX管理系統</a>
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="index.html">用戶管理</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">商品管理</a>
      </li>
    </ul>
  </nav>
  <main class="container">
    <h1 class="heading">用戶管理 <a class="btn btn-link btn-sm" href="add.php">添加</a></h1>
    <table class="table table-hover">
      <thead>
        <tr>
          <th><input type="checkbox" name="check[]"></th>
          <th>#</th>
          <th>頭像</th>
          <th>姓名</th>
          <th>性別</th>
          <th>年齡</th>
          <th class="text-center" width="140">操作</th>
        </tr>
      </thead>
      <tbody>
        <?php while($item = mysqli_fetch_assoc($query)): ?>
          <tr>
            <th><input type="checkbox" name="check[]"></th>
             <th scope="row"><?php echo $item['id']; ?></th>
             <td><img src="<?php echo $item['src']; ?>" class="rounded" alt="<?php echo $item['name']; ?>"></td>
             <td><?php echo $item['name']; ?></td>
             <td><?php echo $item['gender'] == 0 ? '♀' : '♂'; ?></td>
             <td><?php echo $item['birthday']; ?></td>
             <td class="text-center">
            <a class="btn btn-info btn-sm" href="edit.php?id=<?php echo $item['id'];?>">編輯</a>
            <a class="btn btn-danger btn-sm" href="delete.php?id=<?php echo $item['id'];?>">刪除</a>
            </td>
          </tr>

        <?php endwhile ?>  
        
      </tbody>
    </table>
    <ul class="pagination justify-content-center">
      <li class="page-item"><a class="page-link" href="#">&laquo;</a></li>
      <li class="page-item"><a class="page-link" href="#">1</a></li>
      <li class="page-item"><a class="page-link" href="#">2</a></li>
      <li class="page-item"><a class="page-link" href="#">3</a></li>
      <li class="page-item"><a class="page-link" href="#">&raquo;</a></li>
    </ul>
  </main>
</body>
</html>

add.php

DOTO:在數據庫裏面添加數據

(1)表單驗證  (2)持久化( 3)響應

需要注意的幾個問題：

(1)在單選中，value=-1默認是沒有選中

 

<?php
function add(){

  //目標：表單驗證，持久化，響應

  //表單驗證
  //驗證姓名
  if(empty($_POST['name'])){
    $GLOBALS['error_message'] = '請輸入姓名';
    return ;
  }
  if(!(isset($_POST['gender'])&&$_POST['gender']!=='-1')){
    $GLOBALS['error_message'] = '請選擇性別';
    return;
  }

  if(empty($_POST['birthday'])){
    $GLOBALS['error_message'] = '請選擇生日';

    return;
  }
  
  $name=$_POST['name'];
  $gender=$_POST['gender'];
  $birthday=$_POST['birthday'];
  //頭像驗證

if (empty($_FILES['src'])) {
    $GLOBALS['error_message'] = '請上傳頭像';
    return;
  }

  $ext = pathinfo($_FILES['src']['name'], PATHINFO_EXTENSION);
  // => jpg
  $target = '../uploads/avatar-' . uniqid() . '.' . $ext;
  
  if (!move_uploaded_file($_FILES['src']['tmp_name'], $target)) {
    $GLOBALS['error_message'] = '上傳頭像失敗';
    return;
  }

  $src = substr($target, 2);

 //持久化，將數據保存到數據庫中
 //連接數據庫

$connection=mysqli_connect('localhost','root','123','test');
if(!$connection){
 $GLOBALS['error_message'] = '數據庫連接失敗';
}

$query = mysqli_query($connection, "insert into users values (null, '{$name}', {$gender}, '{$birthday}', '{$src}');");
//建立查詢

if(!$query){
  $GLOBALS['error_message'] = '數據庫插入失敗';
}

//響應
header('Location: index.php');
}
if($_SERVER['REQUEST_METHOD']=='POST'){
  add();
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>XXX管理系統</title>
  <link rel="stylesheet" href="assets/css/bootstrap.css">
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
  <nav class="navbar navbar-expand navbar-dark bg-dark fixed-top">
    <a class="navbar-brand" href="#">XXX管理系統</a>
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="index.html">用戶管理</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">商品管理</a>
      </li>
    </ul>
  </nav>
  <main class="container">
    <h1 class="heading">添加用戶</h1>
    <?php if (isset($error_message)): ?>
    <div class="alert alert-warning">
      <?php echo $error_message; ?>
    </div>
    <?php endif ?>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>" method="post" enctype="multipart/form-data" autocomplete="off">
      <div class="form-group">
        <label for="avatar">頭像</label>
        <input type="file" class="form-control" id="avatar" name="src">
      </div>
      <div class="form-group">
        <label for="name">姓名</label>
        <input type="text" class="form-control" id="name" name="name">
      </div>
      <div class="form-group">
        <label for="gender">性別</label>
        <select class="form-control" id="gender" name="gender">
          <option value="-1">請選擇性別</option>
          <option value="1">男</option>
          <option value="0">女</option>
        </select>
      </div>
      <div class="form-group">
        <label for="birthday">生日</label>
        <input type="date" class="form-control" id="birthday" name="birthday">
      </div>
      <button class="btn btn-primary">保存</button>
    </form>
  </main>
</body>
</html>

edit.php

注意的問題：

(1)這裏需要加上一個空格，屬性和屬性之間必須要有空格，

(2)如果gender=" "  這是不選中的情況，但是null==0,返回的是TRUE,

(3)<input type="text  hidden>可以隱藏該表單

(4)非常重要的問題

在html中，函數裏面不能使用函數外面的變量，如果要使用應該都聲明爲全局變量

 

<?php

// 接收要修改的數據 ID
if (empty($_GET['id'])) {
  exit('<h1>必須傳入指定參數</h1>');
}

$id = $_GET['id'];

// 1. 建立連接
$conn = mysqli_connect('localhost', 'root', '123', 'test');

if (!$conn) {
  exit('<h1>連接數據庫失敗</h1>');
}

// 2. 開始查詢
// 因爲 ID 是唯一的 那麼找到第一個滿足條件的就不用再繼續了 limit 1
$query = mysqli_query($conn, "select * from users where id = {$id} limit 1;");

if (!$query) {
  exit('<h1>查詢數據失敗</h1>');
}

// 已經查詢到的當前數據
$user = mysqli_fetch_assoc($query);

if (!$user) {
  exit('<h1>找不到你要編輯的數據</h1>');
}

function edit () {
  global $user;
  global $conn,$query;
  // 驗證非空
  if (empty($_POST['name'])) {
    $GLOBALS['error_message'] = '請輸入姓名';
    return;
  }

  if (!(isset($_POST['gender']) && $_POST['gender'] !== '-1')) {
    $GLOBALS['error_message'] = '請選擇性別';
    return;
  }

  if (empty($_POST['birthday'])) {
    $GLOBALS['error_message'] = '請輸入日期';
    return;
  }

  // 取值
  $user['name'] = $_POST['name'];
  $user['gender'] = $_POST['gender'];
  $user['birthday'] = $_POST['birthday'];

  // 有上傳就修改
  if (isset($_FILES['src']) && $_FILES['src']['error'] === UPLOAD_ERR_OK) {
    // 用戶上傳了新頭像 -> 用戶希望修改頭像
    $ext = pathinfo($_FILES['src']['name'], PATHINFO_EXTENSION);
    $target = '../uploads/avatar-' . uniqid() . '.' . $ext;
    if (!move_uploaded_file($_FILES['src']['tmp_name'], $target)) {
      $GLOBALS['error_message'] = '上傳頭像失敗';
      return;
    }
    $user['src'] = substr($target, 2);
  }

  // $user => 修改過後的信息
  // TODO: 將數據更新回數據庫
   $newdata=mysqli_query($conn,"update users set name='{$user['name']}', gender={$user['gender']},birthday='{$user['birthday']}',src='{$user['src']}' where id={$user['id']} limit 1;");
  if(!$newdata){
  $GLOBALS['error-message'] = '更新數據失敗';
}
header('Location: index.php');
}
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
  edit();
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>XXX管理系統</title>
  <link rel="stylesheet" href="assets/css/bootstrap.css">
  <link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
  <nav class="navbar navbar-expand navbar-dark bg-dark fixed-top">
    <a class="navbar-brand" href="#">XXX管理系統</a>
    <ul class="navbar-nav mr-auto">
      <li class="nav-item active">
        <a class="nav-link" href="index.html">用戶管理</a>
      </li>
      <li class="nav-item">
        <a class="nav-link" href="#">商品管理</a>
      </li>
    </ul>
  </nav>
  <main class="container">
    <h1 class="heading">編輯“<?php echo $user['name']; ?>”</h1>
    <form action="<?php echo $_SERVER['PHP_SELF']; ?>?id=<?php echo $user['id']; ?>" method="post" enctype="multipart/form-data">
      <!-- <input type="hidden" id="id" value="<?php echo $user['id']; ?>"> -->
      <img src="<?php echo $user['avatar']; ?>" alt="">
      <div class="form-group">
        <label for="avatar">頭像</label>
        <!-- 文件域不能設置默認值 -->
        <input type="file" class="form-control" id="avatar" name="avatar">
      </div>
      <div class="form-group">
        <label for="name">姓名</label>
        <input type="text" class="form-control" id="name" name="name" value="<?php echo $user['name']; ?>">
      </div>
      <div class="form-group">
        <label for="gender">性別</label>
        <select class="form-control" id="gender" name="gender">
          <option value="-1">請選擇性別</option>
          <option value="1"<?php echo $user['gender'] === '1' ? ' selected': ''; ?>>男</option>
          <option value="0"<?php echo $user['gender'] === '0' ? ' selected': ''; ?>>女</option>
        </select>
      </div>
      <div class="form-group">
        <label for="birthday">生日</label>
        <input type="date" class="form-control" id="birthday" name="birthday" value="<?php echo $user['birthday']; ?>">
      </div>
      <button class="btn btn-primary">保存</button>
    </form>
  </main>
</body>
</html>

 

delete.php

<?php
 $id = $_GET['id'];
//建立數據庫連接
$conncetion=mysqli_connect('localhost','root','123','test');
if(!$conncetion){
	exit('<h1>數據庫連接失敗</h1>');
}
//查詢
$query=mysqli_query($conncetion,'delete from users where id='.$id.';');
if(!$query){
	exit('<h1>數據庫查詢失敗</h1>');
}

header('Location: index.php');

 

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

linux CentOS7 mysql 源碼安裝和rpm安裝

今天是安裝linux mysql第三天，終於安裝成功了。 第一種方法，源碼安裝。 下載 cmake-2.8.10.2.tar.gz 和 mysql-5.6.4-m7.tar.gz 上傳到服務器解壓完成 1.在cmake-2.8.10.2這

weixin_38081382 2020-07-08 12:31:47

linux mysql ERROR 1820 (HY000): Unknown error 1820

安裝好mysql登錄進去mysql中，使用查詢，創建命令都不行，還報錯。 網上查找後，發現雖然使用我上一遍文章修改了密碼，但是mysql中並沒有設置密碼，需要在mysql中再設置一下密碼  執行 SET PASSWORD = PASSWO

weixin_38081382 2020-07-08 12:31:47

Java之mySQL數據庫事務隔離級別

問題 同一個應用程序中的多個事務或不同應用程序中的多個事務在同一個數據集上併發執行時, 可能會出現許多意外的問題，這些問題可分爲如下三種類型： 髒讀(Drity Read)： 已知有兩個事務A和B, A讀取了已經被B更新但還沒

这个名字真难起 2020-07-08 12:03:47

Java之mySQL數據庫表

字段類型 整數類型 tinyInt：很小的整數， smallint：小的整數 mediumint：中等大小的整數 int：普通大小的整數 小數類型 float(m,d)：單精度浮點數，m表示數字長度，d表示小數位數，例如floa

这个名字真难起 2020-07-08 12:03:46

PHP 代碼行數統計

<?php // 行數 $line = 0; // 需要統計的文件類型 $arr = array("php", "html", "css", "js"); // 過濾的文件夾 $filtering = array("ui", "dist

avenjan 2020-07-08 12:38:08

慎用PHP $_REQUEST數組

我平時總是喜歡用$_REQUEST這個數組，不是因爲別的，簡單，而且想用GET時候就用GET直接測試即可。還可以把URL打出來，很是方便。從而很少用$_GET和$_POST超全局變量。 不過，從今以後我會盡量不再使用$_REQUEST

二两天涯 2020-07-08 12:16:43

php函數名前面加@是何意

一、、、、@ 運算符只對表達式有效。對新手來說一個簡單的規則就是：如果能從某處得到值，就能在它前面加上 @ 運算符。例如，可以把它放在變量，函數和 include() 調用，常量，等等之前。不能把它放在函數或類的定義之前，也不能用於條件

二两天涯 2020-07-08 12:16:42

mysql預處理語句提取變量，實現動態執行SQL語句

爲了項目在長期使用過程中，數據庫仍能夠保持較好的性能，考慮將數據庫表分爲當前表和歷史表。當前錶針對不同客戶，分別存儲在不同的表中。因爲需要在mysql的存儲過程中實現動態的指向不同的表進行操作。 首先,mysql的預處理語句如果帶參數，每

pengdayong77 2020-07-08 12:37:23

面試準備季——MyBatis 面試專題（含答案）

寫在前面：2020年面試必備的Java後端進階面試題總結了一份複習指南在Github上，內容詳細，圖文並茂，有需要學習的朋友可以Star一下！ GitHub地址：https://github.com/abel-max/Java-S

毛发旺盛的程序员 2020-07-08 12:27:20

Flex+java開發環境配置

     最近在做個項目。前端是用flex來寫，後臺用java，數據庫就用mysql。定了以後開始配環境。網上這方面的資料很多都是不負責任的，照着來的話也會有不少的問題，把自己的配置方法寫下來，希望需要的人能用得上。  需要下載的軟件 M

duran1986 2020-07-08 12:24:31

MySQL：CentOS 7通過yum安裝MariaDB

如何在CentOS 7下通過yum安裝MariaDB呢？ 這裏附上大佬的安裝步驟： https://zhuanlan.zhihu.com/p/49046496 博主就是按照這個步驟來的，炒雞詳細~相信你也能看明白 |ू･ω･` )

ETalien_ 2020-07-08 12:19:01

MySQL：外鍵及外鍵的使用

外鍵及外鍵的使用 如果公共關鍵字在一個關係中是主關鍵字，那麼這個公共關鍵字被稱爲另一個關係的外鍵。 由此可見，外鍵表示了兩個關係之間的相關聯繫。以另一個關係的外鍵作主關鍵字的表被稱爲主表，具有此外鍵的表被稱爲主表的從表。外鍵又稱作

ETalien_ 2020-07-08 12:19:01

MySQL：建庫建表等簡單操作

庫的相關操作 – 查看已有庫 SHOW DATABASES; SHOW DATABASES; SHOW DATABASES\G – 新建庫的操作 CREATE DATABASE 庫名; CREATE DATABASE `ET`;

ETalien_ 2020-07-08 12:19:01

linux 下安裝 mysql5.6.30

以下安裝步驟是本人以前操作的過程步驟，不保證100%正確，如果在使用過程出現異常請查閱其他相關資料。 1、下載mysql5.6，地址：http://dev.mysql.com/downloads/mysql/ 我們這下載：mysql

华华鱼 2020-07-08 12:16:40

【數據庫-MySQL】mysql日誌詳解及性能優化

mysql日誌分爲四大類：慢查詢日誌，查詢日誌，錯誤日誌，二進制日誌 一.慢查詢日誌：大於慢查詢時間的語句，都會記錄在慢查詢日誌中 1.查看慢查詢是否開啓 show variables like "slow_query_log"; 如下：

斯台普斯的少年 2020-07-08 12:15:14