写一个网页程序,在页面上能接收用户输入的数值id ,并根据id查询sqlite数据库记录,且将结果按记录中原有排版格式显示在页面中
时间: 2024-03-04 21:48:47 浏览: 27
好的,首先你需要使用一个后端语言如 Python 或 PHP 来查询 SQLite 数据库中的记录,然后将查询结果传递给前端页面进行展示。
以下是一个 Python Flask 框架的示例代码:
```python
from flask import Flask, render_template, request
import sqlite3
app = Flask(__name__)
@app.route('/')
def index():
return render_template('index.html')
@app.route('/search', methods=['GET', 'POST'])
def search():
if request.method == 'POST':
# 获取用户输入的id
id = request.form['id']
# 连接数据库并查询记录
conn = sqlite3.connect('database.db')
cursor = conn.cursor()
cursor.execute(f"SELECT * FROM records WHERE id={id}")
records = cursor.fetchall()
# 关闭数据库连接
conn.close()
# 将查询结果传递给前端页面进行展示
return render_template('search.html', records=records)
else:
return render_template('index.html')
```
在上面的代码中,我们定义了两个路由,`/` 和 `/search`。`/` 路由渲染了一个简单的表单页面,其中用户可以输入要查询的记录的id。`/search` 路由用于处理用户提交表单后的查询请求。在 `/search` 路由中,我们首先获取用户输入的id,然后连接 SQLite 数据库并执行查询操作,将查询结果保存在 `records` 变量中。最后,我们将查询结果传递给前端页面 `search.html` 进行展示。
下面是一个简单的 `search.html` 页面示例代码:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Search Results</title>
</head>
<body>
<h1>Search Results</h1>
{% if records %}
{% for record in records %}
<div>
<h3>Record ID: {{ record[0] }}</h3>
<p>Field 1: {{ record[1] }}</p>
<p>Field 2: {{ record[2] }}</p>
<p>Field 3: {{ record[3] }}</p>
<!-- 根据实际情况展示更多字段 -->
</div>
{% endfor %}
{% else %}
<p>No records found.</p>
{% endif %}
</body>
</html>
```
在上面的代码中,我们展示了查询结果中的每个记录,并且按照原有的排版格式进行展示。你可以根据实际情况修改这个页面的代码,以满足你的需求。
相关推荐
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)