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

时间： 2024-11-20 22:05:44

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

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

1.MySQL数据库表的数据插入.修改.删除操作SQL语法格式: 1 CREATE DATABASE db0504; 2 3 USE db0504; 4 5 CREATE TABLE student ( 6 sno VARCHAR (10) NOT NULL UNIQUE PRIMARY KEY, 7 sname VARCHAR (20) NOT NULL, 8 ssex enum ('男', '女') NOT NULL DEFAULT '男', 9 sbirth date, 10 sclass

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

ListView实现的列表,假设是可编辑,可删除的,一般都要提供批量删除功能,否则的话,一项一项的删除体验非常不好,也给用户带来了非常大的麻烦. 实现效果图 详细实现代码 select.xml 主布局文件包括一个ListView另一个隐藏的布局,包括了两个Button一个TextView,默认布局为gone,当监听到长按响应事件时候显示. 1 <?xml version="1.0" encoding="utf-8"?> 2 <LinearLayou

批量删除mysql一个库所有数据表方法

批量删除mysql一个库所有数据表方法 删除表的命令 drop table 表名; 如果有100张表,手工执行100次,想想就崩溃. 下面提供一个使用information_schema库的方案来批量删除数据表:SELECT CONCAT('drop table ',table_name,';') FROM information_schema.`TABLES` WHERE table_schema='数据库名'; 如通过这条命令来得到drop table 表名;这样的语句,然后批量执行.mys

php+mysql+bootstrap 实现成绩管理系统

简介: 这是一个可以增删改查的成绩管理系统的ajax交互练习案例 主要技术:php mysql bootstrapUI库 ajax 效果如下: 布局: 布局使用bootstrapUI库搭建 需引入bootstrap.css外部样式 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"> 整体分为三部分

MySQL binlog日志恢复数据

我们了解了MySQL 的 binlog 日志的开启方式以及 binlog 日志的一些原理和常用操作,我们知道,binlog 有两大作用,一个是使用 binlog 恢复数据,另一个就是用来做主从复制.本篇笔记就是来记录如何使用 binlog 日志来做数据恢复.当然了,使用 binlog 日志所恢复的数据只能是部分数据,并不能够使用 binlog 日志来做数据库的备份,如果想要做数据库备份,依然要使用我们传统的备份方法,而 binlog 可以作为增量备份. 视频链接:http://www.ronco

mysql基础篇 - 数据库及表的修改和删除

基础篇 - 数据库及表的修改和删除 修改和删除 一.实验简介 本节实验中,我们将学习并实践如何对数据库的内容做修改,删除,重命名等操作. 二.实验准备 在正式开始本实验内容之前,需要先下载相关代码. 该代码可以新建两个数据库,分别名为 test_01 和mysql_shiyan ,并在 mysql_shiyan 数据库中建 4 个表(department,employee,project,table_1),然后向其中插入数据. 具体操作如下,首先输入命令进入 /home/shiyanlou/De

MySQL基础学习之数据表

查看数据表 SHOW TABLE; 查看数据表详细结构 SHOW CREATE TABLE 表名\G; 创建数据表 CREATE TABLE 表名(数据名 类型,数据名1  类型2); CREATE TABLE department ( d_id INT(10) , d_name VARCHAR(20) , function VARCHAR(20) , address VARCHAR(30) ); 删除数据表 DROP TABLE 表名; 修改数据表 修改数据表名        ALTER TA

thinkphp+mysql+bootstrap

#thinkphp+mysql+bootstrapthinkphp3.2.3,bootstrap V3一个简易的企业cms网站系统,只要将clients的host改为对应的域名即可.thinkphp.sql数据表的结构mysql初始数据账号root,密码888888步骤:1.下载2.建立数据库thinkphp,将thinkphp.sql导入3.配置config.php数据库账号密码4.解析域名,然后将clients表host改为对应的域名5.成功 github地址:https://github.

MySQL入门-11：数据的增、删、改

1.数据插入 2.数据更新 3.数据删除 4.更新和删除的指导原则 1.数据插入-INSERT 插入数据可以使用以下几种方式: 插入完整的行 插入行的一部分 插入多行 插入某些查询的结果 Syntax: INSERT [LOW_PRIORITY | DELAYED | HIGH_PRIORITY] [IGNORE]     [INTO] tbl_name [(col_name,...)]     {VALUES | VALUE} ({expr | DEFAULT},...),(...),...