PHP 结合 Boostrap 结合 js 实现学生列表删除编辑以及搜索功能（完结）

这个自己的小项目要先告一段落了。可能还有许多bug。请见谅

 

 

删除学生功能

PHP:

// 这里是通过前端代码HTML中的 url 传过来的，用 $_GET 来获取(相关HTML代码可以看一下到主页看一下前几条博客)
if (empty($_GET['num'])) exit('<h1>找不到您要删除的学生的学号</h1>');$num = $_GET['num'];$connection = mysqli_connect('localhost', 'root', '密码', 'students_info_system');if (!$connection) exit('<h1>连接数据库失败</h1>');$query = mysqli_query($connection, "delete from students where num = {$num}");if (!$query) exit('<h1>该学生信息查询失败</h1>');// 注意：这里传入的是连接对象
$affected_rows = mysqli_affected_rows($connection);if ($affected_rows !== 1) exit('<h1>删除失败</h1>');header('Location: student_info.php');

编辑学生功能(整体上和添加学生功能差不到，稍微有些许变化)

HTML:

<!DOCTYPE html>
<html>
<head><meta charset="utf-8"><title>编辑学生</title><link rel="stylesheet" type="text/css" href="css/Bootstrap.css">
</head>
<body><div class="container mt-3"><h1 class="display-5 text-center">编辑学生</h1><?php if (isset($error_msg)): ?><div class="alert alert-danger"><?php echo $error_msg; ?></div><?php endif ?><div class="row mt-3"><img src="<?php echo $current_student['photo']; ?>" alt="<?php echo $current_student['name']; ?>" width="100" height="488" class="col-sm-6"><form action="<?php echo $_SERVER['PHP_SELF']; ?>?id=<?php echo $current_num; ?>" method="post" enctype="multipart/form-data" autocomplete="off" class="col-sm-6"><div class="form-group"><input type="number" name="num" class="form-control" placeholder="学号" value="<?php echo isset($_POST['num']) ? $_POST['num'] : $current_student['num']; ?>"></div><div class="form-group"><select class="form-control" name="system"><option>请选择学院/系</option><option <?php echo $current_student['system'] === '电气工程学院' ? 'selected' : ''; ?>>电气工程学院</option><option <?php echo $current_student['system'] === '信息工程与艺术学院' ? 'selected' : ''; ?>>信息工程与艺术学院</option><option <?php echo $current_student['system'] === '国际教育学院' ? 'selected' : ''; ?>>国际教育学院</option><option <?php echo $current_student['system'] === '水利水电工程学院' ? 'selected' : ''; ?>>水利水电工程学院</option><option <?php echo $current_student['system'] === '测绘与市政工程学院' ? 'selected' : ''; ?>>测绘与市政工程学院</option><option <?php echo $current_student['system'] === '马克思主义学院' ? 'selected' : ''; ?>>马克思主义学院</option><option <?php echo $current_student['system'] === '建筑工程学院' ? 'selected' : ''; ?>>建筑工程学院</option><option <?php echo $current_student['system'] === '经济与管理学院' ? 'selected' : ''; ?>>经济与管理学院</option></select></div><div class="form-group"><input type="text" name="class" class="form-control" placeholder="班级" value="<?php echo isset($_POST['class']) ? $_POST['class'] : $current_student['class']; ?>"></div><div class="form-group"><input type="text" name="name" class="form-control" placeholder="姓名" value="<?php echo isset($_POST['name']) ? $_POST['name'] : $current_student['name']; ?>"></div><div class="form-group"><select class="form-control" name="gender"><option value="-1">请选择性别</option><option <?php echo $current_student['gender'] === '1' ? 'selected' : ''; ?> value="1">男</option><option <?php echo $current_student['gender'] === '0' ? 'selected' : ''; ?> value="0">女</option></select></div><div class="form-group"><label for="birthday">出生日期</label><input type="date" name="birthday" class="form-control" id="birthday" value="<?php echo isset($_POST['birthday']) ? $_POST['birthday'] : $current_student['birthday']; ?>"></div><div class="form-group"><label for="photo">照片</label><input type="file" name="photo" class="form-control"></div><button type="submit" class="btn btn-info btn-block">确认修改</button></form></div></div>
</body>
</html>

PHP:

if (empty($_GET['id'])) exit('<h1>必须指定相应的学号</h1>');$current_num = $_GET['id'];$connection = mysqli_connect('localhost', 'root', '密码', 'students_info_system');if (!$connection) exit('<h1>连接数据库失败</h1>');$query = mysqli_query($connection, "select * from students where num = {$current_num} limit 1");if (!$query) exit('<h1>找不到您要编辑的学生信息</h1>');$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('<h1>其余学生数据查询失败</h1>');// 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;}// 判断该学号是否已经被添加(即列表中已存在该学生)=========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']);// 如果照片没有上传则不进行验证文件域,直接更新数据且不改变原来的照片$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);// 将数据修改存放到数据库$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'] = '更新数据查询失败';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）

// 关键词搜索功能----立即函数
(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;                          // 获取隐藏的学生个数(即表格隐藏行数)// 获取要搜索的关键词const search_content = document.getElementById(search_key).value;// console.log(search_content);// console.log(typeof(search_content));
let data = [];// 遍历列表将数据存储到一个数组中// 1.获取表格行数for (let i = 0; i < table.children.length; i++) {// 2.获取表格列数for (let j = 0; j < table.children[i].children.length; j++) {if (!data[i]) {// 在数组中创键每一行内容存放的数组，用于存放一行数据data[i] = new Array();}data[i][j] = table.children[i].children[j].innerHTML.toString();// 3.存放数据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添加：

<div class="row mt-3"><a class="btn btn-info col-sm-2" style="margin-right: 28px; margin-left: 15px;" href="add_student.php">添加学生</a>
　　　　　　
　　　　　　　　// 添加的<button class="btn btn-info align-middle" id="students_number"></button>
　　　　　　　　
<input type="text" class="form-control col-sm-6 ml-2" autocomplete="on" placeholder="请输入关键词" value="" id="search-key"><button type="submit" class="btn btn-info col-sm-2 ml-2" id="search">点击搜索</button></div>

转载于:https://www.cnblogs.com/duxiu-fang/p/10899392.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/448916.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

ActiveMQ_Windows版本的安装部署

ActiveMQ_Windows版本的安装部署

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 1, 保证电脑上安装了jdk6以上版本的java&#xff0c;并配置了好环境变量 &#xff1b; 2, 官方下载地址&#xff1a;http://activemq.a…
阅读更多...
Java 自定义异常（转载）

Java 自定义异常（转载）

1.异常的分类 1. 非运行时异常(Checked Exception) Java中凡是继承自Exception但不是继承自RuntimeException的类都是非运行时异常。 2. 运行时异常&#xff08;Runtime Exception/Unchecked Exception&#xff09; RuntimeException类直接继承自Exception类&#xff0c;称为运…
阅读更多...
如何将markdown转换为wxml

如何将markdown转换为wxml

话说我要为技术博客写一个小程序版&#xff0c;我的博客解决方案是 hexo github-page&#xff0c;格式当然是技术控们喜欢的 markdown 了 。但小程序使用的却是独有的模版语言 WXML。我总不能把之前的文章手动转换成小程序的 wxml 格式吧&#xff0c;而网上也没完善的转换库&a…
阅读更多...
巧妙喝水打败多种疾病

巧妙喝水打败多种疾病

喝水&#xff0c;我们每天都会做的一件事&#xff0c;殊不知&#xff0c;喝水得当能打败多种疾病问题! 方法/步骤 一、很多人都听说过早晨喝一杯水对身体有好处&#xff0c;有人喝盐水?有人喝蜂蜜水?还有人为了美白喝柠檬水?到底喝什么水最好呢?人体经过了一宿的代谢&…
阅读更多...
git 几个commit点合并成一个commit点

git 几个commit点合并成一个commit点

在用git做版本控制器的时候&#xff0c;经常会遇到以下情况&#xff1a; 1、在做1个功能的时候&#xff0c;你自己觉得代码没问题了&#xff0c;就本地commit&#xff0c;然后提交代码&#xff0c;在gitlab上发起和并请求&#xff0c;老大看完之后&#xff0c;觉得你还有修改的…
阅读更多...
JNDI 是什么

JNDI 是什么

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 JNDI : 简单理解&#xff0c;就是把固定的连接方式剥离出来&#xff0c;单独写在一个配置文件里。(下载.properties里面通过InputStream…
阅读更多...
并发编程模型

并发编程模型

并发编程模型 一.分类 按照线程通信机制可以分为共享内存模型和消息传递模型&#xff1a; 1.共享内存模型&#xff1a;线程之间共享程序的公共状态&#xff0c;编程之间通过读写内存中的公共状态来隐式进行通信。相互通信的进程共享某些数据结构或共享存储区&#xff0c;进程通…
阅读更多...
换工作，让我里外不是人，到底错在哪儿

换工作，让我里外不是人，到底错在哪儿

看看时间&#xff0c;现在是凌晨4点多&#xff0c;窗外时不时一道闪电&#xff0c;雨也一阵一阵的&#xff0c;雷声像逐渐远离的喧嚣的火车一样。我不是睡眠困难者&#xff0c;但是&#xff0c;昨晚吃完晚饭之后&#xff0c;在衣服都未脱的情况下&#xff0c;晕晕乎乎的睡到现在…
阅读更多...
Flink Kafka consumer的消费策略配置

Flink Kafka consumer的消费策略配置

val helloStream: FlinkKafkaConsumer011[String] new FlinkKafkaConsumer011[String]("hello", valueDeserializer, kafkaProps) // 指定消费策略 helloStream.setStartFromEarliest() // - 从最早的记录开始&#xff1b; helloStream.setStartFromLatest() //…
阅读更多...
spdk/dpdk 编译相关问题汇总

spdk/dpdk 编译相关问题汇总

下载 到官网上下载最新的spdk 代码。 解决编译依赖 yum install libaio.x86_64 libaio-devel.x86_64 编译dpdk 特别注意的是dpdk:依赖 /lib/modules/uname -a/build 下执行的内核已经存在&#xff0c;并且编译过&#xff0c;为此需要&#xff1a; 下载内核&#xff1b;安装依赖…
阅读更多...
深入浅出 消息队列 ActiveMQ

深入浅出 消息队列 ActiveMQ

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 一、 概述与介绍 ActiveMQ 是Apache出品&#xff0c;最流行的、功能强大的即时通讯和集成模式的开源服务器。ActiveMQ 是一个完全支持JM…
阅读更多...
2018-2019 ACM-ICPC Nordic Collegiate Programming Contest (NCPC 2018) - 4.28

2018-2019 ACM-ICPC Nordic Collegiate Programming Contest (NCPC 2018) - 4.28

赛后补了几道 赛中我就写了两个... A - Altruistic AmphibiansGym - 101933A 看了眼榜没几个人做。就没看。 最后发现就是一个DP&#xff08;但是我觉得复杂度有点迷&#xff09; 题意&#xff1a;$n$只青蛙有参数$l,w,h$分别表示弹跳力&#xff0c;体重&#xff0c;身高&#…
阅读更多...
消息队列技术介绍 : ActiveMQ、RabbitMQ、ZeroMQ、Kafka、MetaMQ、RocketMQ

消息队列技术介绍 : ActiveMQ、RabbitMQ、ZeroMQ、Kafka、MetaMQ、RocketMQ

一、 消息队列概述 前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 消息队列中间件是分布式系统中重要的组件&#xff0c;主要解决应用耦合、异步消息、流量削锋等问题。实现高性能、高可…
阅读更多...
程序员的恶性循环 ！

程序员的恶性循环 ！

穷人的恶性循环&#xff1a; 穷 -> 需要努力工作 -> 没有时间去交际 -> 人脉越来越狭窄 -> 工作越来越难做 -> 越需要努力去工作 -> 越没有时间去发展人脉 -> 越穷 富人的良性循环&#xff1a; 有钱 -> 工作很轻松 -> 很多时间都在交际上 -> 人…
阅读更多...
刷脸考勤，重新定位校园管理

刷脸考勤，重新定位校园管理

近几年&#xff0c;人脸识别技术在安防领域得到了广泛应用&#xff0c;随着技术的不断发展&#xff0c;它离我们的日常生活越来越近&#xff0c;手机、商场、公园、校园等都可以看到它的身影。刷脸考勤&#xff0c;重新定义校园管理。人脸识别&#xff0c;也叫面部识别&#xf…
阅读更多...
python爬虫学习之页面登陆

python爬虫学习之页面登陆

爬虫学习的一点心得 登陆主要有3种方法&#xff1a;使用selenium&#xff0c;cookies&#xff0c;模拟表单登陆 个人对于一般情况使用cookies登陆 可以实现一次手动&#xff0c;长期自动&#xff0c;可以绕过登陆&#xff08;登陆的相关信息密码&#xff0c;账号等会存于cookie…
阅读更多...
消息队列 应用场景 解析

消息队列 应用场景 解析

前些天发现了一个巨牛的人工智能学习网站&#xff0c;通俗易懂&#xff0c;风趣幽默&#xff0c;忍不住分享一下给大家。点击跳转到教程。 另外腾讯云-云社区还有一文不允许转载&#xff0c;但内容挺好的&#xff1a;https://cloud.tencent.com/developer/article/1006035 分布…
阅读更多...
求职面试的时候如何谈薪酬待遇

求职面试的时候如何谈薪酬待遇

在社会大学里混了那么多年&#xff0c;我最惨痛的经历就是&#xff0c;在应聘一家企业的时候&#xff0c;总是羞于谈薪酬待遇。大概这是很多职场新人都会遇到过的尴尬吧——觉得自己经验不够&#xff0c;或者想应聘的企业比较好&#xff0c;就觉得对方提多少就是多少吧&#xf…
阅读更多...
利用memcached实现CAS单点登录集群部署

利用memcached实现CAS单点登录集群部署

前言&#xff1a;利用memcached实现CAS单点登录集群部署 负载均衡&#xff1a;将接口请求的有状态性变成无状态性。是我们在实现负载均衡时必要要解决的问题。以应用接口的session状态为例&#xff0c;一般解决方法都是将session数据和应用进行剥离&#xff0c;session数据统一…
阅读更多...
注册

注册

<!DOCTYPE html><html lang"en"><head> <meta charset"UTF-8"> <title>注册</title> {# 导入jQuery基础类库&#xff0c;才可以使用 $ #} <script src"../static/js/jquery-1.12.4.min.js"&…
阅读更多...
最新文章

Copyright @ 2022~2023