第一步：在数据库中建立要操作的信息表 如下图:

第二步：实现对该信息表中数据的删除功能

代码如下：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)"/>&nbsp;&nbsp;&nbsp;代号</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[ ]'/>&nbsp;&nbsp;&nbsp;{$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实现用户界面数据的删除、修改与批量选择删除——实例操作的更多相关文章

  1. MySQL数据库表的数据插入、修改、删除、查询操作及实例应用

    一.MySQL数据库表的数据插入.修改.删除和查询 CREATE DATABASE db0504; USE db0504; CREATE TABLE student ( sno ) NOT NULL ...

  2. 【MySQL作业】SELECT 数据查询——美和易思select 选择列表应用习题

    点击打开所使用到的数据库>>> 1.查询所有客户的地址和电话号码. SELECT address, phone FROM customer 2.查询所有商品的名称.种类和单价信息. ...

  3. MVC列表页通过CheckBox进行批量选择删除

    1.Html代码,将所有CheckBox包含于删除表单,并且所有列表项的CheckBox使用相同的Name,并且Value设置为数据项主键ID @using (Html.BeginForm(" ...

  4. Android开发之ListView条目批量选择删除

    ListView实现的列表,假设是可编辑,可删除的,一般都要提供批量删除功能,否则的话,一项一项的删除体验非常不好,也给用户带来了非常大的麻烦. 实现效果图 详细实现代码 select.xml 主布局 ...

  5. 不小心删除数据--利用MySQL的binlog恢复数据

    MySQL Binary Log也就是常说的bin-log, ,是mysql执行改动产生的二进制日志文件,其主要作用有两个: * 数据回复 * 主从数据库.用于slave端执行增删改,保持与maste ...

  6. php实例根据ID删除mysql表中的数据

    在动态网站开发中,我们经常要根据ID删除表中的数据,例如用户删除帖子,就需要根据ID删除帖子.本文章向大家介绍php根据ID删除表中数据的实例,需要的朋友可以参考一下本文章的实例. php实例根据ID ...

  7. 删除mysql数据库中表分区数据

    删除mysql数据库中表分区数据 zabbix 几个大表创建了分区,由于磁盘空间告警,特将3月前的分区给予删除. 1.查看表的数据占用磁盘空间情况 2.登录mysql中,查看表的分区情况. 3.删除表 ...

  8. MySQL数据库5 - 插入数据，修改数据，删除数据

    一.插入数据 1. 所有列都插入值 INSERT [INTO] TABLE_NAME VALUES(V1,V2....Vn); 特点:列值同数,列值同序 eg: insert into users v ...

  9. MySQL(四) 数据表的插入、更新、删除数据

    序言 数据表的插入.更新.删除非常简单,但是简单的也要学习,细节决定成败. ---WH 一.插入数据 格式:INSERT INTO 表名(字段名...)VALUES(值...); 创建环境 使用per ...

随机推荐

  1. C# winfrom容器布局与工具栏&&右键菜单栏&&隐藏显示小图标的的简单事件

    前两天的时候学习了winfrom,简单地说就是各种布局,然后给按钮,textbox等各种控件添加各种事件的操作,经过前天一晚上,昨天一天的练习操作的还算熟练,但是对构造函数传值还是不是很了解,由于各种 ...

  2. BZOJ3512 DZY Loves Math IV

    解:这又是什么神仙毒瘤题...... 我直接把后面那个phi用phi * I = id反演一波,得到个式子,然后推不动了...... 实际上第一步我就大错特错了.考虑到n很小,我们有 然后计算S,我们 ...

  3. 【LOJ#6277】数列分块1

    题目大意:维护一个长度为 N 的序列,支持区间修改.单点查询. 代码如下 #include <bits/stdc++.h> using namespace std; const int m ...

  4. Django 跨域请求

    跨域:通过js或python在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(Django)的数据.只要协议.域名.端口有任何一个不同,都被 ...

  5. react-native中的图片

    静态图片资源 React Native 提供了一个统一的方式来管理 iOS 和 Android 应用中的图片.要往 App 中添加一个静态图片, 只需把图片文件放在代码文件夹中某处,然后像下面这样去引 ...

  6. redis的操作

    redis相当于是一个在内存中创建的大字典 redis的value有5大数据类型: redis的value有5大数据类型: 字符串 import redis conn = redis.Redis(ho ...

  7. Unicode 与 Unicode Transformation Format（UTF-8 / UTF-16 / UTF-32)

    ASCII(American Standard Code for Information Interchange):早期它使用7 bits来表示一个字符,总共表示27 = 128个字符:后来扩展到8 ...

  8. poj 2559(栈的应用)

    传送门 参考资料: [1]:挑战程序设计竞赛 题意: 柱状图是由一些宽度相等的长方形下端对齐后横向排列得到的图形.现在有由n个宽度为1,高度分别为h[1,2,3.......n]的长方形从左到右依次排 ...

  9. jQuery获取节点和子节点文本的方法

    本节主要介绍了jQuery如何获取节点和子节点文本,下面有个示例,大家可以参考下 对于下面的html片段, ? 1 <div id="text_test">test t ...

  10. Gym 101915

    Gym - 101915A  Printing Books 题意:有一本书,从第X页开始,一共用了n位数字,求此书一共多少页.99就是两位数字,100就是三位数字. 思路:直接模拟即可,我用了一个hi ...