入门PHP就来我这(高级)14 ~ 图书修改功能

 有胆量你就来跟着路老师卷起来! -- 纯干货,技术知识分享

路老师给大家分享PHP语言的知识了,旨在想让大家入门PHP,并深入了解PHP语言。


 今天给大家接着上篇文章添加图书添加功能,来实现图书的修改功能。

1 从列表页面开始

点解列表页面的编辑按钮,可以跳转到修改页面。

此时的编辑代码配置如下,显然我们要创建一个editBook.php的编辑图书的跳转php控制文件。

<a href="editBook.php?id=<?php echo $rows[0] ?>">
  <button class="btn btn-info edit">编辑</button>
</a>

2 编写editBook.php文件

下面代码是editBook.php文件的内容:

<?php
    $dbName = 'db_test';
    $link = mysqli_connect('localhost','root','passwd',$dbName) or die("连接数据库服务器失败!".mysqli_error());
    
    $result = mysqli_query($link,"set names utf8");
    $id = $_GET['id'];
    $sql = 'select * from books where id ='.$id;
    $result = mysqli_query($link,$sql);
    $data = mysqli_fetch_assoc($result);
    
    include_once('edit.html');
   
  
?>

从代码中可以看出,我们配置了数据库连接,设置编码格式为utf-8,并根据id查询出指定的图书返回到edit.html页面,所以,此时我们要创建edit.html文件来展示editBook.php查出来的图书信息。

3 编写edit.html展示页面

edit.html脚本如下:

<!DOCTYPE html>
<html lang="en" class="is-centered is-bold">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>添加图书</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/css/bootstrap-datetimepicker.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://cdn.bootcss.com/moment.js/2.22.0/moment-with-locales.js"></script>
    <script src="https://cdn.bootcss.com/bootstrap-datetimepicker/4.17.47/js/bootstrap-datetimepicker.min.js"></script>

</head>
<body>
    <div class="container">
        <div class="col-sm-offset-2 col-sm-8">
            <div class="panel panel-default">
                <div class="panel-heading">
                    修改图书信息
                </div>
                <div class="panel-body">
                    <form class="form-horizontal" role="form" method="post" action="updateBook.php">
                        <input type="hidden" name="id" value="<?php echo $data['id'] ?>">
                        <div class="row">
                            <div class="col-md-8">
                               <div class="form-group">
                                    <label for="name" class="col-md-3 control-label">书名</label>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" name="name" id="name" 
                                        value="<?php echo $data['name'] ?>">
                                   </div>
                               </div>
                               <div class="form-group">
                                    <label for="name" class="col-md-3 control-label">类别</label>
                                    <div class="col-md-9">
                                        <select name="category" class="form-control">
                                            <option value="PHP类" <?php if($data['category']== "PHP类")
                                                                     echo 'selected'; ?> > PHP类</option>
                                            <option value="JAVA类" <?php if($data['category']== "JAVA类")
                                                                     echo 'selected'; ?> >JAVA类</option>
                                            <option value="VUE类" <?php if($data['category']== "VUE类")
                                                                     echo 'selected'; ?> >VUE类</option>
                                            <option value="CPP类" <?php if($data['category']== "CPP类")
                                                                    echo 'selected'; ?> >CPP类</option>
                                        </select>
                                    </div>
                               </div>
                               <div class="form-group">
                                    <label for="price" class="col-md-3 control-label">价格</label>
                                    <div class="col-md-9">
                                        <input type="text" class="form-control" name="price" id="price" 
                                        value="<?php echo $data['price'] ?>">
                                   </div>
                                </div>
                               <div class="form-group">
                                    <label for="price" class="col-md-3 control-label" for="publish_time">出版时间</label>
                                    <div class="col-md-9">
                                        <div class="input-group date" id="publish_time">
                                            <input type="text" class="form-control" name="publish_time" 
                                            value="<?php echo $data['publish_time'] ?>"/>
                                            <span class="input-group-addon">
                                                <span class="glyphicon glyphicon-calendar"></span>
                                            </span>
                                        </div>
                                    </div>
                               </div>
                            </div>  
                        </div>
                      <div class="col-md-8">
                            <div class="form-group">
                                <div class="col-md-6 col-md-offset-6">
                                    <button type="submit" class="btn btn-primary btn-lg">
                                        <i class="fa fa-disk-o"></i>
                                        确认修改
                                    </button>
                                </div>
                            </div>
                        </div>
                   </form>
                </div>
            </div>
        </div>
    </div>
    <script>
            $('#publish_time').datetimepicker({
            format: 'YYYY-MM-DD',
            locale: moment.locale('zh-cn'),
            defaultDate: new Date()
        });
 
        $(function () {
            $('#publish_time').datetimepicker({
                format: 'YYYY-MM-DD HH:mm',
                locale: moment.locale('zh-tw')
            });
        });
    </script>
</body>
</html>

注意:请仔细研究下上述edit.html页面内部的php代码,数据是怎么接收的。

 界面如下图:

这仍然是一个表单,回显了id为2的图书信息,思考下怎么回显的。既然是个表单,当点击确认修改后,肯定要来个php后端逻辑来接收修改的数据,此时仔细看edit.html文件就能看到: action="updateBook.php",所以我们要创建updateBook.php文件。

4 编写updateBook.php

updateBook.php文件内如如下:

<?php
    $id = $_POST['id'];
    $name = $_POST['name'];
    $category = $_POST['category'];
    $price = $_POST['price'];
    $publish_time = $_POST['publish_time'];
    $dbName = 'db_test';
    $link = mysqli_connect('localhost','root','passwd',$dbName) or die("连接数据库服务器失败!".mysqli_error());
    mysqli_query($link,"set names utf8");
    $update_sql = 'update books set name=?,category=?,price=?,publish_time=? where id ='.$id;
    $stmt = mysqli_prepare($link,$update_sql);
    if(!$stmt){
        die('mysqli error:'.mysqli_error($link));
    }
    //实现参数的绑定
    mysqli_stmt_bind_param($stmt, 'ssds',$name,$category,$price,$publish_time);
    //进行执行sql
    mysqli_stmt_execute($stmt);
    //检测执行行数,返回0表示没有记录更新,返回n行数说明更新了n条数据 -1代表异常。
    if(mysqli_stmt_affected_rows($stmt)){
        echo "<script>alert('修改成功!');window.location.href='index.php';</script>";
    }else{
        echo "<script>alert('修改失败!');</script>";
    }

?>

 修改后返回到index.php页面:

搞定修改,爽歪歪吧!!!

下篇 图书信息删除操作


大家如果喜欢技术,并想有个好的交流平台可以关注我的 我的知乎首页,会不定期分享本人觉得比较好的技术类电子书。
另外,自己创建的一个技术qq群,玩转技术群,该群里功能:分享技能,电子书,代码,以及兼职项目等交流,欢迎大家加入一起交流。

 

  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

路卿老师

大哥大姐给点吧!

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值