PHP+MySql+Bootstrap实现用户界面数据的删除、修改与批量选择删除——实例操作
第一步：在数据库中建立要操作的信息表 如下图:
第二步：实现对该信息表中数据的删除功能
代码如下：main（主页面）
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>删除功能</title>
<script src="bootstrap/js/jquery-1.11.2.min.js"></script> //引入这里的三个文件
<script src="bootstrap/js/bootstrap.min.js"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div style="height: 100px;"></div>
<form action="batch_process.php" method="post"> //利用form表单进行提交页面
<table class="table table-hover" style="max-width: 800px;margin-left: 260px;">
<thead>
<tr>
<th><input type="checkbox" onclick="qx(this)"/> 代号</th>
<th>名称</th>
<th>价格</th>
<th>产地</th>
<th>库存</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<?php
$db = new MYSQLi("localhost","root","","0710_info");
$sql = "select * from fruit";
$result = $db->query($sql);
$arr = $result->fetch_all();
foreach($arr as $v){
echo "<tr>
<td><input type='checkbox' class='ck' value='{$v[0]}' name='sub[ ]'/> {$v[0]}</td>
<td>{$v[1]}</td>
<td>{$v[2]}</td>
<td>{$v[3]}</td>
<td>{$v[4]}</td>
<td>
<a href='del_processpage.php?code={$v[0]}' onclick=\"return confirm('确定删除吗?')\"> //防止失误操作处理
<button type='button' class='btn btn-primary btn-xs'>删除</button>
</a>
<a href='update_page.php?code={$v[0]}' onclick=\"return confirm('确定修改吗?')\">
<button type='button' class='btn btn-primary btn-xs'>修改</button>
</a>
</td>
</tr>";
}
?>
</tbody>
</table>
<button type="submit" class="btn btn-danger btn-xs" style="margin-left: 260px;">批量删除</button>
</form>
</body>
//这里的JS操作为第四步批量删除的批量选择按钮的点击事件操作（同第四步）
<script>
function qx(qx){
var ck = document.getElementsByClassName("ck");
for(var i=0;i<ck.length;i++){
ck[i].checked=qx.checked;
}
}
</script>
</html>
delete（删除处理页面）
<?php
$code = $_GET["code"];
$db = new MYSQLi("localhost","root","","0710_info");
$sql = "delete from fruit where ids='{$code}'";
if($db->query($sql)){
header("location:del_page.php");
}else{
echo "删除失败!";
}
第三步：实现对数据库中数据的修改功能（与主界面连接）
代码如下 ：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>修改功能</title>
<script src="bootstrap/js/jquery-1.11.2.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
</head>
<style>
*{
margin: 0px auto;
padding: ;
}
.input-group{
margin-top: 15px;
}
.sub{
margin: 20px 260px 10px;
}
</style>
<body>
<div style="height: 100px;"></div>
<?php
$code = $_GET["code"];
$db = new MYSQLi("localhost","root","","0710_info");
$sql = "select * from fruit where ids='{$code}'";
$result = $db->query($sql);
$arr = $result->fetch_row();
?>
<form action="update_processpage.php" method="post">
<div class="panel panel-default" style="max-width: 600px;">
<div class="panel-heading">
修改数据
</div>
<div class="panel-body">
<div class="input-group">
<span class="input-group-addon">代号</span>
<input type="text" class="form-control" readonly="readonly" placeholder="请输入代号" name="code" value="<?php echo $arr[0] ?>">
</div>
<div class="input-group">
<span class="input-group-addon">名称</span>
<input type="text" class="form-control" placeholder="请输入名称" name="name" value="<?php echo $arr[1] ?>">
</div>
<div class="input-group">
<span class="input-group-addon">价格</span>
<input type="text" class="form-control" placeholder="请输入价格" name="price" value="<?php echo $arr[2] ?>">
</div>
<div class="input-group">
<span class="input-group-addon">产地</span>
<input type="text" class="form-control" placeholder="请输入产地" name="chandi" value="<?php echo $arr[3] ?>">
</div>
<div class="input-group">
<span class="input-group-addon">库存</span>
<input type="text" class="form-control" placeholder="请输入库存" name="kucun" value="<?php echo $arr[4] ?>">
</div>
<button type="submit" class="btn btn-primary sub">提交</button>
</div>
</div>
</form>
</body>
</html>
update（修改处理页面）
<?php
$code = $_POST["code"];
$name= $_POST["name"];
$price = $_POST["price"];
$chandi = $_POST["chandi"];
$kucun = $_POST["kucun"];
$db = new MYSQLi("localhost","root","","0710_info");
$sql = "update fruit set
name='{$name}',price={$price},source='{$chandi}',numbers={$kucun} where ids='{$code}'";
if($db->query($sql)){
header("location:del_page.php");
}else{
echo "修改失败!";
}
第四步：实现对数据库中数据的批量选择与删除的功能（与主界面连接）
JS操作代码如下：
<script>
function qx(qx){
var ck = document.getElementsByClassName("ck");
for(var i=0;i<ck.length;i++){
ck[i].checked=qx.checked;
}
}
</script>
PHP操作代码如下：
<?php
$arr= $_POST["sub"];
require_once "./DBDA.class.php";//加载类进入操作界面
$db = new DBDA();
$str = implode("','", $arr);
$sql = "delete from fruit where ids in ('{$str}')";
if($db->query($sql,1)){
header("location:del_page.php");
}else{
echo "删除失败!";
}
***这里进行了数据访问类的封装操作（优化使用）
PHP代码如下：
<?php
class DBDA{
public $host="localhost";
public $uid="root";
public $pwd="";
public $dbname="0710_info";
/*
query方法:执行用户给的sql语句,并返回相应的结果
$sql:用户需要执行的sql语句
$type:用户需要执行的sql语句的类型
return:如果是增删语句改返回true或false,如果是查询语句返回二维数组
*/
public function query($sql,$type=1){//默认true为增删改
$db = new MySQLi($this->host,$this->uid,$this->pwd,$this->dbname);
if(mysqli_connect_error()){
return "连接失败!";
}
$result = $db->query($sql);
if($type==1){
return $result;//增删改语句返回true或false
}else{
return $result->fetch_all();//查询语句返回二维数组
}
}
}
PHP+MySql+Bootstrap实现用户界面数据的删除、修改与批量选择删除——实例操作的更多相关文章
- MySQL数据库表的数据插入、修改、删除、查询操作及实例应用
一.MySQL数据库表的数据插入.修改.删除和查询 CREATE DATABASE db0504; USE db0504; CREATE TABLE student ( sno ) NOT NULL ...
- 【MySQL作业】SELECT 数据查询——美和易思select 选择列表应用习题
点击打开所使用到的数据库>>> 1.查询所有客户的地址和电话号码. SELECT address, phone FROM customer 2.查询所有商品的名称.种类和单价信息. ...
- MVC列表页通过CheckBox进行批量选择删除
1.Html代码,将所有CheckBox包含于删除表单,并且所有列表项的CheckBox使用相同的Name,并且Value设置为数据项主键ID @using (Html.BeginForm(" ...
- Android开发之ListView条目批量选择删除
ListView实现的列表,假设是可编辑,可删除的,一般都要提供批量删除功能,否则的话,一项一项的删除体验非常不好,也给用户带来了非常大的麻烦. 实现效果图 详细实现代码 select.xml 主布局 ...
- 不小心删除数据--利用MySQL的binlog恢复数据
MySQL Binary Log也就是常说的bin-log, ,是mysql执行改动产生的二进制日志文件,其主要作用有两个: * 数据回复 * 主从数据库.用于slave端执行增删改,保持与maste ...
- php实例根据ID删除mysql表中的数据
在动态网站开发中,我们经常要根据ID删除表中的数据,例如用户删除帖子,就需要根据ID删除帖子.本文章向大家介绍php根据ID删除表中数据的实例,需要的朋友可以参考一下本文章的实例. php实例根据ID ...
- 删除mysql数据库中表分区数据
删除mysql数据库中表分区数据 zabbix 几个大表创建了分区,由于磁盘空间告警,特将3月前的分区给予删除. 1.查看表的数据占用磁盘空间情况 2.登录mysql中,查看表的分区情况. 3.删除表 ...
- MySQL数据库5 - 插入数据，修改数据，删除数据
一.插入数据 1. 所有列都插入值 INSERT [INTO] TABLE_NAME VALUES(V1,V2....Vn); 特点:列值同数,列值同序 eg: insert into users v ...
- MySQL(四) 数据表的插入、更新、删除数据
序言 数据表的插入.更新.删除非常简单,但是简单的也要学习,细节决定成败. ---WH 一.插入数据 格式:INSERT INTO 表名(字段名...)VALUES(值...); 创建环境 使用per ...
随机推荐
- bzoj2194 快速傅里叶之二
题意:对于k = 0 ... n求 解: 首先把i变成从0开始 我们发现a和b的次数(下标)是成正比例的,这不可,于是反转就行了. 反转b的话,会发现次数和是n + k,这不可. 反转a就很吼了. 这 ...
- win32: 静态控件(Static) - SS_NOTIFY - 响应事件
SS_NOTIFY 在缺省情况下,静态控件是不响应鼠标事件的.只有在设置该风格后,当用户单击静态 控件时,静态控件才向父窗口发送STN_CLICKED通知 -> WM_COMMAND. 2014 ...
- bs4抓取糗事百科
抓取糗事百科内容及评论,不包含图片信息.user-agent填入浏览器的即可.user-agent对应的value,360极速浏览器的话,可以在地址栏输入about:version,回车,用户代理后面 ...
- 第一节，windows和ubuntu下深度学习theano环境搭建
先讲解windows下深度学习环境的搭建 步骤一 安装Anaconda Anaconda是一个用于科学计算的python发行版,支持linux,mac,windows系统,提供了包管理和环境管理的功 ...
- 格式化MYSQL时间戳函数FROM_UNIXTIME
对MYSQL没有进行过深入的研究,基础知识匮乏,一遇到问题只能手册,看来要把MYSQL的学习安排进时间表了. 函数:FROM_UNIXTIME作用:将MYSQL中以INT(11)存储的时间以" ...
- day08-(xml&&tomcat)
回顾: jdbc: java语言操作数据库 jdbc是一套规范,oracle公司制定的 驱动:jdbc的实现类,由数据库厂商提供 使用步骤: .导入jar包(驱动) .注册驱动 Class.forNa ...
- 新买苹果电脑，mac系统中小白应该了解哪些东西？
本文旨在分享新买了mac电脑,应该做哪些设置,帮助苹果电脑小白轻松上手使用mac电脑,当然,新电脑肯定是需要安装各种软件,这里,小编推荐一下可以看看小编写的mac软件装机必备Mac 装机必备软件推荐, ...
- 【.NET】SqlDateTime 溢出。必须介于 1/1/1753 12:00:00 AM 和 12/31/9999 11:59:59 PM之间
#背景 向sqlserver数据库中一个datetime字段插入DateTime.MinValue时, 出现问题: SqlDateTime 溢出.必须介于 1/1/1753 12:00:00 AM 和 ...
- js取指定范围随机值【原】
js取指定范围随机值 <HTML> <HEAD> <meta http-equiv="content-Type"content="text/ ...
- HDU 6375(双端队列 ~)
题意是有至多150000个双端队列,400000次简单操作,直接开会导致内存超限,所以用 STL 中的 map 和 deque ,而读入过大已经在题目中有所说明,直接用已经给出的快速读入即可.要注意的 ...