php 接口与前端数据交互实现示例代码

最近在做前后端数据交互的尝试,也跳了很多坑,使用的是php+bootstrap-table+js,把一些收获记录在这里,方便查询。

这个小项目,仅有3个文件,分别为:

1.crud.html 2.data.php 3.crud.sql

数据交互实现1:查询

1.mysql 数据库建表 2.php查询接口 3.前端数据展现

mysql 数据库建表

  • 数据库名称:crud
  • 第一个表名:t_users
  • 主键:user_id,自增长排列

php:

//做个路由 action为url中的参数
$action = $_GET['action'];

switch($action) {
case 'init_data_list':
init_data_list();
break;
case 'add_row':
add_row();
break;
case 'del_row':
del_row();
break;
case 'edit_row':
edit_row();
break;
}

//查询方法
function init_data_list(){
//测试 运行crud.html时是否可以获取到 下面这个字符串
/echo "46545465465456465";/

//查询表
$sql = "SELECT * FROM `t_users`";
$query = query_sql($sql);
while($row = $query->fetch_assoc()){
  $data[] = $row;
}

$json = json_encode(array(
  "resultCode"=>200,"message"=>"查询成功!","data"=>$data
),JSON_UNESCAPED_UNICODE);

//转换成字符串JSON
echo($json);

}

/**查询服务器中的数据

  • 1、连接数据库,参数分别为 服务器地址 / 用户名 / 密码 / 数据库名称
  • 2、返回一个包含参数列表的数组
  • 3、遍历$sqls这个数组,并把返回的值赋值给 $s
  • 4、执行一条mysql的查询语句
  • 5、关闭数据库
  • 6、返回执行后的数据
    */
    function query_sql(){
    $mysqli = new mysqli("127.0.0.1","root","crud");
    $sqls = func_get_args();
    foreach($sqls as $s){
    $query = $mysqli->query($s);
    }
    $mysqli->close();
    return $query;
    }
    ?>

前端实现: