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

这个小项目，仅有3个文件，分别为：

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

数据交互实现1：查询@H_502_8@

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

MysqL 数据库建表

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

PHP:

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"=>"<a href="https://www.jb51.cc/tag/chaxun/" target="_blank" class="keywords">查询</a>成功！","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;
  }
  ?>

前端实现：

<Meta charset="UTF-8"> <Meta name="viewport" content="width=device-width,initial-scale=1"> nofollow" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">