html 与php+MySQL完成前后端交互

不言
发布: 2023-03-25 15:08:02
原创
13464 人浏览过

1.php连接数据库与基本操作配置
(1)php创建数据库【连接】(相关mysql视频教程推荐:《mysql教程》)

语法:Object mysqli_connect("域名","DB账号","DB密码","DB库名")
例子:$con = mysqli_connect('localhost','root','','frankdb');
登录后复制

(2)向DB中插入数据时包含中文出现乱码的解决方案
语法:

mysqli_query($con,"set names utf8");
登录后复制

说明:设置成功会返回1,根据实际情况并不一定必须保存返回结果。
(3)设置client端和server端保持字符编码一致
语法:

mysqli_query($con,"set character_set_client=utf8");
    mysqli_query($con,"set character_set_results=utf8");	
登录后复制

(4)执行sql语句

语法:$结果 = $DB连接->query(sql语句);
例子:var_dump($result = $con->query($sql));
登录后复制

2.使用sql语句基本【模板】
a.建立连接
b.判断是否连接
c.设置编码
d.创建sql语句
e执行结果条数
g.拼凑结果
h.json化返回

<?php
//a.sql 查询语句
无条件查询,即直接写1即可
//$sql=&#39;select * from 哪张表 where 条件&#39;;
有条件查询,在where后面写出查询条件,如果多个条件需要用and 或or 来连接。
//$sql="select stuName from stud  where stuScore=&#39;100&#39; and stuGender=&#39;female&#39;";
//$sql="select stuName from stud  where stuScore=&#39;100&#39; or stuGender=&#39;female&#39;";
        $con=mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;,&#39;studb&#39;)
        
         if($con){
               echo&#39;<pre class="brush:php;toolbar:false">&#39;;
               echo&#39;数据库连接成功,等待指令...&#39;;
               mysqli_query($con,&#39;set  names utf8&#39;);
               mysqli_query($con,&#39;set  character_set_client=utf8&#39;);
               mysqli_query($con,&#39;set  character_set_results=utf8&#39;);
               $sql="select * from stud where 1";
               $result=$con->query($sql);
               if($result>num_rows>0){
                         $info=[];
                   for($i=0;$row=$result->fet_assoc();$i++){
                                   $info[$i]=$row;
                     }
                     echo json_encode($info);
                  }
               }else{
                    echo&#39;<pre class="brush:php;toolbar:false">&#39;;
                    echo&#39;数据连接失败,请重新连接‘;
              }
登录后复制

b.插入语句(添加语句)
两种写法:

(1)$sql="insert into 表名(字段1,字段2,...)  values(值1,值2,...)";
(2)$sql=&#39;insert into 表名(&#39;值1’,&#39;值2&#39;,...)";
登录后复制
 $con=mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;,&#39;studb&#39;);
                 if($icon){
                        echo&#39;<pre class="brush:php;toolbar:false">&#39;;
                        echo&#39;数据库连接成功,等待指令...&#39;;
                        mysqli_query($con, &#39;set names utf8&#39;);
                        mysqli_query($con, &#39;set character_set_client=utf8&#39;);
                        mysqli_query($con, &#39;set character_set_result=utf8&#39;);
                        
                        $sql="insert into  stud  stuName,stuGender,stuAge,stuNum,stuScore)values(&#39;lucy&#39;,&#39;female&#39;,&#39;14&#39;,&#39;123456789&#39;,&#39;90&#39;)";
                        $sql="insert into  stud  values(&#39;lucy&#39;,&#39;female&#39;,&#39;14&#39;,&#39;123456789&#39;,&#39;90&#39;)";
                        $result=$con->query($sql);
                            if($result){
                               echo&#39;添加成功&#39;;
                           }else{
                               echo&#39;添加失败&#39;;
                         }
登录后复制

c.修改语句(更新语句)update

$sql="update  表名 set 字段1=‘新值1’,字段2=‘新值2’,... where  条件“;
登录后复制
$con=mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;,&#39;studb&#39;);
   if($con){
                      
echo "<pre class="brush:php;toolbar:false">";
                echo "数据库连接成功,等待指令...";
                        mysqli_query($con, &#39;set names utf8&#39;);
mysqli_query($con, &#39;set character_set_client=utf8&#39;);
mysqli_query($con, &#39;set character_set_results=utf8&#39;);
$sql="update  stud  set  stuScore=&#39;100&#39; where stuName=&#39;lily&#39;";
$result=$con->query($sql);
var_dump($result);
  }else{
        echo "数据库连接失败!!!";
}
登录后复制

d. 删除语句delete

$sql="delete from 表名 where 条件“;
             $con=mysqli_connect(&#39;localhost&#39;,&#39;toot&#39;,&#39;&#39;;&#39;studb&#39; );
                        if($con){
echo "<pre class="brush:php;toolbar:false">";
echo "数据库连接成功,等待指令...";
//
mysqli_query($con, &#39;set names utf8&#39;);
mysqli_query($con, &#39;set character_set_client=utf8&#39;);
mysqli_query($con, &#39;set character_set_results=utf8&#39;);
//
$sql = "delete from stud where stuName=&#39;lucy&#39;";
$result = $con->query($sql);
var_dump($result);
}else{
echo "数据库连接失败!!!";
}
 
   ?>                      
                         
                         
                ajax & php
                         
         <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span>姓名:</span><input type="text" class="stuName"><br/>
<span>性别:</span><input type="text" class="stuGender"><br/>
<span>年龄:</span><input type="text" class="stuAge"><br/>
<span>手机:</span><input type="text" class="stuNumber"><br/>
<span>分数:</span><input type="text" class="stuScore"><br/>
<button>增:将上述信息添加至数据库</button><br/>
<button>删:根据姓名删除指定的内容</button><br/>
<button>改:根据姓名修改指定的内容</button><br/>
<button>查:查询数据库中所有的内容</button>
<!-- 1.引入jquery框架 -->
<script src="jquery-1.12.3.min.js"></script>
<script>
$(&#39;button:eq(0)&#39;).click(function(){
//2.在想要和后台交互的时候,调用$.ajax()方法
//参数是JSON格式
$.ajax({
//3.ajax结构需要一系列参数支持
type:&#39;post&#39;,//get|post
url:&#39;http://127.0.0.1/day3/code/lesson6_ajax&php/lesson6_ajax&php.php&#39;,
dataType:&#39;json&#39;,
data:{
//data是post请求独有的,因为post请求才需要携带数据给后台
stuName:$(&#39;.stuName&#39;).val(),
stuGender:$(&#39;.stuGender&#39;).val(),
stuAge:$(&#39;.stuAge&#39;).val(),
stuNumber:$(&#39;.stuNumber&#39;).val(),
stuScore:$(&#39;.stuScore&#39;).val(),
},
//请求完成后,若收到后台返回的数据(收到响应response),这个函数会被自动执行。
success:function(data){
console.log(data);
}
});
});
$(&#39;button:eq(1)&#39;).click(function(){
});
$(&#39;button:eq(2)&#39;).click(function(){
});
$(&#39;button:eq(3)&#39;).click(function(){
});
</script>
</body>
</html>
   <?php             
  
/*
1.内置对象
在php中内置了两个对象用来接收,前端发来的信息。
$_GET 和 $_POST
$_GET用于获取在前端通过get请求发来的信息
$_POST用于获取在前端通过post请求发来的信息
*/
echo json_encode($_POST);
?>                       
                         
        ajax select&php 
        
                   
                    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<span>姓名:</span><input type="text" class="stuName"><br/>
<span>性别:</span><input type="text" class="stuGender"><br/>
<span>年龄:</span><input type="text" class="stuAge"><br/>
<span>手机:</span><input type="text" class="stuNumber"><br/>
<span>分数:</span><input type="text" class="stuScore"><br/>
<button>增:将上述信息添加至数据库</button><br/>
<button>删:根据姓名删除指定的内容</button><br/>
<button>改:根据姓名修改指定的内容</button><br/>
<button>查:查询数据库中所有的内容</button>
<script src="jquery-1.12.3.min.js"></script>
<script>
$(&#39;button:eq(0)&#39;).click(function(){
//判空操作
var stuNameValue = $(&#39;.stuName&#39;).val();
var stuGenderValue = $(&#39;.stuGender&#39;).val();
var stuAgeValue = $(&#39;.stuAge&#39;).val();
var stuNumberValue = $(&#39;.stuNumber&#39;).val();
var stuScoreValue = $(&#39;.stuScore&#39;).val();
if(
stuNameValue.length==0||
stuGenderValue.length==0||
stuAgeValue.length==0||
stuNumberValue.length==0||
stuScoreValue.length==0){
alert(&#39;任意某一个输入信息都不能为空!&#39;);
return;
}
$.ajax({
type:&#39;post&#39;,
url:&#39;http://127.0.0.1/day3/code/lesson7_html&php&mysql/lesson7_html&php&mysql.php&#39;,
dataType:&#39;json&#39;,
data:{
stuName:$(&#39;.stuName&#39;).val(),
stuGender:$(&#39;.stuGender&#39;).val(),
stuAge:$(&#39;.stuAge&#39;).val(),
stuNumber:$(&#39;.stuNumber&#39;).val(),
stuScore:$(&#39;.stuScore&#39;).val(),
},
success:function(data){
console.log(data);
if(data.msg==&#39;add success&#39;){
alert(&#39;添加成功&#39;);
}else{
alert(&#39;添加失败&#39;);
}
}
});
});
$(&#39;button:eq(1)&#39;).click(function(){
});
$(&#39;button:eq(2)&#39;).click(function(){
});
$(&#39;button:eq(3)&#39;).click(function(){
$.ajax({
type:&#39;get&#39;,
url:&#39;http://127.0.0.1/day3/code/lesson7_html&php&mysql/lesson7_select.php&#39;,
dataType:&#39;json&#39;,
success:function (data){
console.log(data);
},
error: function (err){
console.log(err);
}
});
});
</script>
</body>
</html>
     
                         
   <?php
//查询功能的后台php文件
$success = array(&#39;status&#39; => &#39;success&#39;);
$error = array(&#39;status&#39; => &#39;error&#39;);
$con = mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;,&#39;studb&#39;);
if($con){
mysqli_query($con, &#39;set names utf8&#39;);
mysqli_query($con, &#39;set character_set_client=utf8&#39;);
mysqli_query($con, &#39;set character_set_results=utf8&#39;);
$sql = "select * from gradeonesheet where 1";
$result = $con->query($sql);
if($result->num_rows>0){
$info = [];
for($i=0; $row=$result->fetch_assoc(); $i++){
$info[$i] = $row;
}
//
echo json_encode($info);
}
}
?>             
<?php
//添加数据的
$success = array(&#39;status&#39; => &#39;OK&#39;);
$error = array(&#39;status&#39; => &#39;error&#39;);
$con = mysqli_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;&#39;,&#39;studb&#39;);
if($con){
mysqli_query($con, &#39;set names utf8&#39;);
mysqli_query($con, &#39;set character_set_client=utf8&#39;);
mysqli_query($con, &#39;set character_set_results=utf8&#39;);
//
$stuName = $_POST[&#39;stuName&#39;];
$stuGender = $_POST[&#39;stuGender&#39;];
$stuAge = $_POST[&#39;stuAge&#39;];
$stuNumber = $_POST[&#39;stuNumber&#39;];
$stuScore = $_POST[&#39;stuScore&#39;];
$sql = "insert into gradeonesheet values(&#39;$stuName&#39;,&#39;$stuGender&#39;,&#39;$stuAge&#39;,&#39;$stuNumber&#39;,&#39;$stuScore&#39;)";
$result = $con->query($sql);
if($result){
$success[&#39;msg&#39;] = &#39;add success&#39;;
echo json_encode($success);
}else{
$error[&#39;msg&#39;] = &#39;add failed&#39;;
echo json_encode($error);
}
}else{
$error[&#39;msg&#39;] = &#39;database connect failed&#39;;
echo json_encode($error);
}
?>
登录后复制

相关推荐:

php+mysql开发一个最简单的在线题库,在线做题系统


以上是html 与php+MySQL完成前后端交互的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板