从前端到后端，怎么写一个时间段搜索（代码案例）

这里给出一个简单的示例，假设我们有一个包含时间戳的数据表，我们希望根据给定的时间段进行搜索并返回符合条件的记录。

1. 前端部分

首先，在前端我们需要一个表单来接收用户输入的时间段，通常使用两个日期选择器来分别选择起始时间和结束时间。

HTML 代码：

<form>
  <label for="start-date">开始时间：</label>
  <input type="date" id="start-date" name="start-date">
  <label for="end-date">结束时间：</label>
  <input type="date" id="end-date" name="end-date">
  <button type="submit">搜索</button>
</form>

然后，我们需要在前端编写 JavaScript 代码来获取用户输入的时间段，并将其发送到后端进行搜索。这里我们使用 jQuery 的 AJAX 方法来发送 GET 请求。

jQuery 代码：

$('form').submit(function(e) {
  e.preventDefault(); // 阻止表单默认提交行为
  var startDate = $('#start-date').val();
  var endDate = $('#end-date').val();
  $.ajax({
    url: '/search',
    data: { start: startDate, end: endDate },
    success: function(data) {
      // 处理后端返回的数据
    }
  });
});

2. 后端部分

在后端，我们需要接收前端发送的 GET 请求，并根据请求参数进行搜索。这里我们使用 Node.js 和 Express 框架来实现后端逻辑。

首先，我们需要在 Express 中定义路由，接收 GET 请求并处理搜索逻辑。

JavaScript 代码：

const express = require('express');
const app = express();

app.get('/search', (req, res) => {
  const start = new Date(req.query.start);
  const end = new Date(req.query.end);
  // TODO: 根据时间段搜索数据
  res.send('搜索结果');
});

app.listen(3000, () => console.log('服务器已启动'));

在路由中，我们首先获取前端发送的请求参数，即起始时间和结束时间。然后，我们可以使用数据库查询语句来搜索符合条件的记录。

这里我们以 MySQL 数据库为例，假设我们有一个名为 `records` 的数据表，其中包含一个名为 `timestamp` 的时间戳字段。

MySQL 代码：

SELECT * FROM records WHERE timestamp BETWEEN 'start' AND 'end';

我们可以使用 Node.js 的 MySQL 模块来执行数据库查询，并将查询结果发送给前端。

JavaScript 代码：

const mysql = require('mysql');
const connection = mysql.createConnection({
  host: 'localhost',
  user: 'username',
  password: 'password',
  database: 'database_name'
});

app.get('/search', (req, res) => {
  const start = new Date(req.query.start);
  const end = new Date(req.query.end);
  const query = `SELECT * FROM records WHERE timestamp BETWEEN '${start.toISOString()}' AND '${end.toISOString()}'`;
  connection.query(query, (error, results) => {
    if (error) {
      console.error(error);
      res.status(500).send('服务器错误');
    } else {
      res.send(results);
    }
  });
});

在上面的代码中，我们先创建了一个 MySQL 连接，并定义了一个 SQL 查询语句。然后，使用 `connection.query` 方法执行查询，并根据查询结果发送响应给前端。

至此，一个简单的时间段搜索功能就完成了。当然，这只是一个基础示例，实际情况中可能需要对用户输入进行验证和处理，以及对查询结果进行分页等操作。