基于Flask框架,编写一段代码访问数据库,然后把数据展示在页面上,可以在页面上进行两个数据库相同表的对比操作,最后写出前端代码
时间: 2024-03-26 14:40:44 浏览: 67
好的,我可以帮你编写这段代码。不过需要先确认一下你使用的是哪种数据库,以及数据库中的表结构。同时,请提供一下前端页面的设计。
以下是一个使用 Flask 和 MySQL 数据库的示例代码:
```python
from flask import Flask, render_template
from flask_mysqldb import MySQL
app = Flask(__name__)
app.config['MYSQL_HOST'] = 'localhost'
app.config['MYSQL_USER'] = 'username'
app.config['MYSQL_PASSWORD'] = 'password'
app.config['MYSQL_DB'] = 'database_name'
mysql = MySQL(app)
@app.route('/')
def index():
cur = mysql.connection.cursor()
cur.execute('SELECT * FROM table_name')
rows = cur.fetchall()
cur.close()
return render_template('index.html', rows=rows)
@app.route('/compare')
def compare():
cur = mysql.connection.cursor()
cur.execute('SELECT * FROM table_name_1')
rows_1 = cur.fetchall()
cur.execute('SELECT * FROM table_name_2')
rows_2 = cur.fetchall()
cur.close()
return render_template('compare.html', rows_1=rows_1, rows_2=rows_2)
if __name__ == '__main__':
app.run(debug=True)
```
在上面的代码中,我们使用了 Flask 和 Flask-MySQLdb 扩展,连接了 MySQL 数据库,并在两个路由中查询了数据库中的数据,将其传递给前端页面进行显示。
以下是一个简单的前端页面设计,用于在首页展示数据库中的数据:
```html
<!doctype html>
<html>
<head>
<title>Database Data</title>
</head>
<body>
<h1>Table Data</h1>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
{% for row in rows %}
<tr>
<td>{{ row[0] }}</td>
<td>{{ row[1] }}</td>
<td>{{ row[2] }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>
```
以下是一个简单的前端页面设计,用于在对比页面展示两个数据库中的数据:
```html
<!doctype html>
<html>
<head>
<title>Database Data Comparison</title>
</head>
<body>
<h1>Table Data Comparison</h1>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
{% for row_1 in rows_1 %}
<tr>
<td>{{ row_1[0] }}</td>
<td>{{ row_1[1] }}</td>
<td>{{ row_1[2] }}</td>
</tr>
{% endfor %}
</tbody>
</table>
<hr>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
{% for row_2 in rows_2 %}
<tr>
<td>{{ row_2[0] }}</td>
<td>{{ row_2[1] }}</td>
<td>{{ row_2[2] }}</td>
</tr>
{% endfor %}
</tbody>
</table>
</body>
</html>
```
请注意,这只是一个基本的示例代码和页面设计,需要根据具体的需求进行修改和完善。
阅读全文