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" οnclick="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]}' οnclick=\"return confirm('确定删除吗?')\">　　//防止失误操作处理
                             <button type='button' class='btn btn-primary btn-xs'>删除</button>
                         </a>
                         <a href='update_page.php?code={$v[0]}' οnclick=\"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操作代码如下：

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();//查询语句返回二维数组
       }
   }
}

转载于:https://www.cnblogs.com/jly144000/p/7465325.html

PHP+MySql+Bootstrap实现用户界面数据的删除、修改与批量选择删除——实例操作相关推荐

服务器文件夹删除修改日志,win服务器删除文件夹
回答问一下我帝国程序 win2003 服务器这个修改权限打开的话不会对服务器造成安全问题吧?如果不打开的话我在后台删文章会删不干净 ...或者在服务器根目录全局打开或者在需要的静态页文 ...
mysql给用户重命名_MySQL如何修改用户名？（代码实例）
如果MySQL管理员希望在不更改用户帐户特权的情况下更改现有MySQL用户帐户的用户名或主机,可以在MySQL中使用RENAME USER语句. RENAME USER语句语法 :RENAME USE ...
【MySQL视图】视图的概念、创建、查看、删除和修改
目录一.什么是视图二.创建视图 1.在单表上创建视图 2.在多表上创建视图三.查看视图 1.使用DESCRIBE | DESC语句查看视图基本信息 2.使用SHOW TABLES语句查看视图基本 ...
shift delete删除的文件怎么恢复，神操作只用一招
办公室白领在操作文件的过程中,很多人都比较喜欢或者多数习惯性使用快捷键shift+delete进行删除没有用的文件,这样快捷又方便.不过也有误删除的情况,**那么shift delete删除的文件怎么 ...
CAD6:1.如何选择对象(批量选择、反选、筛选、栏选、)、2.删除工具的使用、3.如何显示图形
1.如何选择对象鼠标点击一下空白处往右移动完全蓝框住对象即可选择对象鼠标点击一下空白处往左移动不完全绿框住对象即可选择对象筛选出被选对象 shift+鼠标往左移动被蓝框选中或者鼠标单独选择 ...
Bootstrap4+MySQL前后端综合实训-Day07-PM【用户信息管理页面——功能展示(分页显示数据、添加用户、批量删除用户、编辑用户信息)、servlet项目代码整理汇总】
[Bootstrap4前端框架+MySQL数据库]前后端综合实训[10天课程博客汇总表详细笔记][附:实训所有代码] 目录页面展示分页显示数据添加用户信息 (单个/批量)删除用户编辑 ...
mysql外键无法删除_mysql外键无法删除数据的情况
最近碰到一次在msyql主从删除数据,居然报错 delete from pt_game_server where id=2; ERROR 1451 (23000): Cannot delete or ...
不小心删除数据--利用MySQL的binlog恢复数据
MySQL Binary Log也就是常说的bin-log, ,是mysql执行改动产生的二进制日志文件,其主要作用有两个: * 数据回复 * 主从数据库.用于slave端执行增删改,保持与maste ...
《MySQL必知必会学习笔记》：更新和删除数据
更新和删除数据上篇博文介绍了下插入数据的几种方式.这篇博文就来讲述下更新和删除数据. 更新数据更新(修改)表中的数据,使用update语句. 更新数据一般采用如下两种方式: 更新表中特定行的数据. ...

PHP+MySql+Bootstrap实现用户界面数据的删除、修改与批量选择删除——实例操作

PHP+MySql+Bootstrap实现用户界面数据的删除、修改与批量选择删除——实例操作相关推荐

最新文章

热门文章