真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

PHP+Boostrap+js怎么實現(xiàn)學生列表刪除編輯及搜索功能-創(chuàng)新互聯(lián)

這篇文章主要介紹了PHP+Boostrap+js怎么實現(xiàn)學生列表刪除編輯及搜索功能,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)主要從事成都網(wǎng)站建設、成都網(wǎng)站制作、網(wǎng)頁設計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務。立足成都服務安州,10余年網(wǎng)站建設經(jīng)驗,價格優(yōu)惠、服務專業(yè),歡迎來電咨詢建站服務:18982081108

這個自己的小項目要先告一段落了??赡苓€有許多bug。請見諒

刪除學生功能

PHP:

// 這里是通過前端代碼HTML中的 url 傳過來的,用 $_GET 來獲取(相關HTML代碼可以看一下到主頁看一下前幾條博客)
if (empty($_GET['num'])) exit('

找不到您要刪除的學生的學號

'); $num = $_GET['num']; $connection = mysqli_connect('localhost', 'root', '密碼', 'students_info_system'); if (!$connection) exit('

連接數(shù)據(jù)庫失敗

'); $query = mysqli_query($connection, "delete from students where num = {$num}"); if (!$query) exit('

該學生信息查詢失敗

'); // 注意:這里傳入的是連接對象 $affected_rows = mysqli_affected_rows($connection); if ($affected_rows !== 1) exit('

刪除失敗

'); header('Location: student_info.php');

編輯學生功能(整體上和添加學生功能差不到,稍微有些許變化)

HTML:





  
  編輯學生
  


  
    編輯學生
    
    
                " alt="" width="100" height="488" class="col-sm-6">       ?id=" method="post" enctype="multipart/form-data" autocomplete="off" class="col-sm-6">                    ">         
                                             >電氣工程學院             >信息工程與藝術學院             >國際教育學院             >水利水電工程學院             >測繪與市政工程學院             >馬克思主義學院             >建筑工程學院             >經(jīng)濟與管理學院                    
                   ">                             ">                                          請選擇性別              value="1">男              value="0">女                                        出生日期           ">                             照片                             確認修改               

PHP:


if (empty($_GET['id'])) exit('

必須指定相應的學號

'); $current_num = $_GET['id']; $connection = mysqli_connect('localhost', 'root', '密碼', 'students_info_system'); if (!$connection) exit('

連接數(shù)據(jù)庫失敗

'); $query = mysqli_query($connection, "select * from students where num = {$current_num} limit 1"); if (!$query) exit('

找不到您要編輯的學生信息

'); $current_student = mysqli_fetch_assoc($query); // var_dump($current_student); function edit_student() {   // var_dump('進來了');   global $connection;   global $current_num;  // 當前學生學號   global $current_student;   $extra_students_query = mysqli_query($connection, "select * from students where num != {$current_num}");   if (!$extra_students_query) {     exit('

其余學生數(shù)據(jù)查詢失敗

');     // return;   }   // 查詢除該學生以外的其他學生   while ($student = mysqli_fetch_assoc($extra_students_query)) {     // var_dump($student);     $students_num[] = $student['num'];   }   // var_dump($students_num);   // var_dump($_FILES['photo']);   // var_dump($_POST['gender']);   if (empty($_POST['num'])) {     $GLOBALS['error_msg'] = '請輸入學號';     return;   }   // 判斷該學號是否已經(jīng)被添加(即列表中已存在該學生)=========   if (in_array($_POST['num'], $students_num)) {     $GLOBALS['error_msg'] = '該學生已存在';     return;   }   if (empty($_POST['system']) || $_POST['system'] === '請選擇學院/系') {     $GLOBALS['error_msg'] = '請選擇學院/系';     return;   }   if (empty($_POST['class'])) {     $GLOBALS['error_msg'] = '請輸入班級';     return;   }   if (empty($_POST['name'])) {     $GLOBALS['error_msg'] = '請輸入姓名';     return;   }   if (!(isset($_POST['gender']) && $_POST['gender'] !== '-1')) {     $GLOBALS['error_msg'] = '請選擇性別';     return;   }   if (empty($_POST['birthday'])) {     $GLOBALS['error_msg'] = '請輸入出生日期';     return;   }   // 以下處理文件域=======================================================   // 當有文件上傳時才驗證,沒有上傳則照片不變   // $_FILES['photo'] = $current_student['photo'];   // var_dump($_FILES['photo']);   if ($_FILES['photo']['name'] !== '') {     // var_dump($_FILES['photo']);     // var_dump($_FILES['photo']);     if ($_FILES['photo']['error'] !== UPLOAD_ERR_OK) {       $GLOBALS['error_msg'] = '上傳照片失敗';       return;     }     // 驗證上傳文件的類型(只允許圖片)     if (strpos($_FILES['photo']['type'], 'image/') !== 0) {       $GLOBALS['error_msg'] = '這不是支持的文件格式類型,請重新上傳';       return;     }     // 文件上傳到了服務端開辟的一個臨時地址,需要轉移到本地     $image_target = 'images/' . $_FILES['photo']['name'];     if (!move_uploaded_file($_FILES['photo']['tmp_name'], $image_target)) {       $GLOBALS['error_msg'] = '圖片上傳失敗';       return;     }     // 接收更新過的學生照片     $current_student['photo'] = (string)$image_target;   } else {     // var_dump($_FILES['photo']);     // 如果照片沒有上傳則不進行驗證文件域,直接更新數(shù)據(jù)且不改變原來的照片     $current_student['num'] = $_POST['num'];     $current_student['system'] = $_POST['system'];     $current_student['class'] = $_POST['class'];     $current_student['name'] = $_POST['name'];     $current_student['gender'] = $_POST['gender'];     $current_student['birthday'] = $_POST['birthday'];   }   // var_dump($current_num);   // 將數(shù)據(jù)修改存放到數(shù)據(jù)庫   $update_query = mysqli_query($connection, "update students set `num` = '{$current_student['num']}', `system` = '{$current_student['system']}', `class` = '{$current_student['class']}', `name` = '{$current_student['name']}', `gender` = '{$current_student['gender']}', `birthday` = '{$current_student['birthday']}', `photo` = '{$current_student['photo']}' where `num` = {$current_num}");   if (!$update_query) {     $GLOBALS['error_msg'] = '更新數(shù)據(jù)查詢失敗';     return;   }   $affected_rows = mysqli_affected_rows($connection);   if ($affected_rows !== 1) {     $GLOBALS['error_msg'] = '修改失敗';     return;   }   // 延遲2秒   time_sleep_until(time() + 2);   header('Location: student_info.php'); } if ($_SERVER['REQUEST_METHOD'] === 'POST') {   edit_student(); }

搜索功能(用js)


// 關鍵詞搜索功能----立即函數(shù)
(function (element, search_key) {
  let table = document.getElementById('table-content'); // 獲取表格
  function in_array_item (item, array) {
    for (var i = 0; i < array.length; i++) {
      if (array[i].indexOf(item) != -1) {
        return true;
      }
    }
    return false;
  }
  function response () {
    let hiddenStudentsNumber = 0;             // 獲取隱藏的學生個數(shù)(即表格隱藏行數(shù))
    // 獲取要搜索的關鍵詞
    const search_content = document.getElementById(search_key).value;
    // console.log(search_content);
    // console.log(typeof(search_content));
    let data = [];
    // 遍歷列表將數(shù)據(jù)存儲到一個數(shù)組中
    // 1.獲取表格行數(shù)
    for (let i = 0; i < table.children.length; i++) {
      // 2.獲取表格列數(shù)
      for (let j = 0; j < table.children[i].children.length; j++) {
        if (!data[i]) {
          // 在數(shù)組中創(chuàng)鍵每一行內容存放的數(shù)組,用于存放一行數(shù)據(jù)
          data[i] = new Array();
        }
        data[i][j] = table.children[i].children[j].innerHTML.toString();
        // 3.存放數(shù)據(jù)
        if (data[i][j] === '♂') {
          data[i][j] = '男';
        }
        if (data[i][j] === '♀') {
          data[i][j] = '女';
        }
      }
      // console.log(data[i]);
      if (search_content == '') {
        table.children[i].style.display = '';
      } else {
        if (in_array_item(search_content, data[i])) {
          table.children[i].style.display = '';
        } else {
          table.children[i].style.display = 'none';
          hiddenStudentsNumber += 1;
        }
      }
    }
    console.log(hiddenStudentsNumber);
    let str = "共有" + (table.children.length - hiddenStudentsNumber) + "名學生";
    document.getElementById('students_number').innerHTML = str;
  }
  const searchButton = document.getElementById(element);
  searchButton.addEventListener('click', function () {
    response();
  });
  document.addEventListener('keydown', function (event) {
    if (event.keyCode === 13) {
      response();
    }
  });
  let str = "共有" + table.children.length + "名學生";
  document.getElementById('students_number').innerHTML = str;
})('search', 'search-key');

同時在原有的學生信息頁面HTML添加:



      添加學生
        // 添加的
      
        

      
       點擊搜索
    

php是什么語言

php,一個嵌套的縮寫名稱,是英文超級文本預處理語言(PHP:Hypertext Preprocessor)的縮寫。PHP 是一種 HTML 內嵌式的語言,PHP與微軟的ASP頗有幾分相似,都是一種在服務器端執(zhí)行的嵌入HTML文檔的腳本語言,語言的風格有類似于C語言,現(xiàn)在被很多的網(wǎng)站編程人員廣泛的運用。

感謝你能夠認真閱讀完這篇文章,希望小編分享的“PHP+Boostrap+js怎么實現(xiàn)學生列表刪除編輯及搜索功能”這篇文章對大家有幫助,同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設公司,,關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關知識等著你來學習!


新聞標題:PHP+Boostrap+js怎么實現(xiàn)學生列表刪除編輯及搜索功能-創(chuàng)新互聯(lián)
當前路徑:http://weahome.cn/article/dhhppj.html

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部