如何使用html+css3+javacriptexcel进行点击按钮之后导入到数据库后端php实现

这个过程可以分为几个步骤：

1. HTML页面上添加一个按钮，设置其id和onclick事件，当按钮被点击时会触发onclick事件。

<button id="importBtn" onclick="importExcel()">导入Excel</button>

2. 使用JavaScript编写importExcel函数，该函数用于获取用户上传的Excel文件并将其发送到后端PHP脚本处理。

function importExcel() {
  // 获取上传的文件
  var file = document.getElementById('excelFile').files[0];
  // 创建FormData对象，将文件添加到其中
  var formData = new FormData();
  formData.append('file', file);
  // 发送POST请求到后端PHP脚本
  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'import.php', true);
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 导入成功
      alert('导入成功');
    } else {
      // 导入失败
      alert('导入失败');
    }
  };
  xhr.send(formData);
}

3. 在后端PHP脚本中解析Excel文件并将数据保存到数据库中。

<?php
// 连接到数据库
$conn = mysqli_connect('localhost', 'username', 'password', 'database');
if (!$conn) {
  die('连接数据库失败：' . mysqli_error($conn));
}
// 判断是否上传了文件
if (isset($_FILES['file'])) {
  $file = $_FILES['file'];
  $fileName = $file['name'];
  $fileTmpName = $file['tmp_name'];
  $fileType = $file['type'];
  // 判断文件类型是否为Excel文件
  if ($fileType == 'application/vnd.ms-excel' || $fileType == 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet') {
    // 使用PHPExcel库解析Excel文件
    require_once 'PHPExcel/Classes/PHPExcel.php';
    $excel = PHPExcel_IOFactory::load($fileTmpName);
    $sheet = $excel->getActiveSheet();
    $highestRow = $sheet->getHighestRow();
    $highestColumn = $sheet->getHighestColumn();
    // 遍历每行数据并插入到数据库中
    for ($row = 2; $row <= $highestRow; $row++) {
      $rowData = $sheet->rangeToArray('A' . $row . ':' . $highestColumn . $row, null, true, false);
      $sql = "INSERT INTO `table_name` (`field1`, `field2`, `field3`) VALUES ('" . $rowData[0][0] . "', '" . $rowData[0][1] . "', '" . $rowData[0][2] . "')";
      mysqli_query($conn, $sql);
    }
    // 导入成功
    echo '导入成功';
  } else {
    // 文件类型不正确
    echo '请上传Excel文件';
  }
} else {
  // 没有上传文件
  echo '请选择文件';
}
mysqli_close($conn);
?>

以上是一个简单的实现过程，具体的实现要根据实际需求来进行调整和修改。