帮我写个前后端查询接口
时间: 2023-03-20 09:02:34 浏览: 63
好的,以下是一个简单的前后端查询接口的示例:
后端(Node.js + Express.js):
```javascript
const express = require('express');
const app = express();
const PORT = 3000;
// 假设你有一个数据源,叫做data,里面存放了你想要查询的数据
// 查询接口
app.get('/api/search', (req, res) => {
const { keyword } = req.query;
// 在数据源中查找包含关键词的数据
const result = data.filter(item => item.includes(keyword));
res.send(result);
});
app.listen(PORT, () => {
console.log(`Server is listening on port ${PORT}`);
});
```
前端(React.js):
```javascript
import React, { useState } from 'react';
import axios from 'axios';
function App() {
const [keyword, setKeyword] = useState('');
const [result, setResult] = useState([]);
const handleSearch = async () => {
const { data } = await axios.get('/api/search', {
params: { keyword },
});
setResult(data);
};
return (
<div>
<input type="text" value={keyword} onChange={(e) => setKeyword(e.target.value)} />
<button onClick={handleSearch}>Search</button>
<ul>
{result.map(item => <li key={item}>{item}</li>)}
</ul>
</div>
);
}
export default App;
```
以上示例只是一个简单的查询接口,实际情况中你需要根据你的具体需求进行修改和优化。