有胆量你就来跟着路老师卷起来！ -- 纯干货，技术知识分享
路老师给大家分享PHP语言的知识了，旨在想让大家入门PHP，并深入了解PHP语言。
编辑
今天给大家接着上篇文章编写图书添加功能。
1 添加页面
创建add.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="addBook.php"> <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=""> </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类" selected>PHP类</option> <option value="JAVA类">JAVA类</option> <option value="VUE类">VUE类</option> <option value="CPP类">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=""> </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" /> <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>
2 编写php后端的实现逻辑
创建文件addBook.php文件。（注释很详细）
//指定数据库为db_test $dbName = 'db_test'; //数据库服务器连接 $link = mysqli_connect('localhost','root','passwd'); //如果数据库db_test连接成功，则进入数据插入功能逻辑 if(mysqli_select_db($link,$dbName)) { //数据库编码格式设置成utf-8 $result = mysqli_query($link,"set names utf8"); //使用安全的prepareStatement语法实现sql的插入 $stmt = mysqli_prepare($link,"insert into books (name,category,price,publish_time)values(?,?,?,?)"); if(!$stmt){ die('mysqli error:'.mysqli_error($link)); } $name=$_POST['name']; $category=$_POST['category']; $price=$_POST['price']; $publish_time=$_POST['publish_time']; //实现参数的绑定 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>"; } } else{ echo $dbName."未连接！"; }
对上述代码进行补充说明：
mysqli_stmt_bind_param($stmt, 'ssds',$name,$category,$price,$publish_time);
第一个参数$stmt 是statement标识符.
第二个参数'ssds'代表后面的四个变量分别代表的类型是string ,string ,double,string。
这个类型在PHP中总共包含四类：
绑定变量的数据类型
| 字符种类 | 代表的数据类型 |
| i | integer |
| d | double |
| s | string |
| b | blob |
3 展示效果
注意：一定要看好浏览器输入的方式：http://域名/add.html
编辑
输入图书信息，和出版日期，点击提交按钮，进入图书列表页面：
原来是这样的：
编辑
添加后结果如下：
编辑
下篇 图书信息管理编辑
