Html mencipta jadual dengan panjang yang berbeza (diutamakan dalam kelalang)
P粉133321839
2023-08-01 20:40:21
<p>Saya mahu mendapatkan data daripada pangkalan data dan mengimportnya ke dalam jadual tapak web. Andaikan terdapat 50 baris dalam pangkalan data sql. Kemudian mesti ada 50 baris dalam jadual. Walau bagaimanapun, apabila saya cuba mencipta jadual, saya perlu menambah label secara manual untuk setiap baris dan warna. Jadi patutkah saya menambah beberapa dozen baris bunyi dan mencapai ini dengan mengawal keterlihatan mereka pada masa ini saya menggunakan kelalang, tetapi jika tiada cara untuk melaksanakannya dengan kelalang, cara lain diterima. </p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Dalam Flask, anda boleh menjana jadual HTML secara dinamik dengan panjang berbeza berdasarkan data dalam pangkalan data SQL. Anda tidak perlu membuat beribu-ribu baris secara manual dan mengawal keterlihatannya. Sebaliknya, anda boleh mencapai ini dengan mudah menggunakan enjin templat yang disepadukan ke dalam Flask. Semoga ini membantu anda
Dapatkan data daripada pangkalan data SQL: Dapatkan data daripada pangkalan data menggunakan penyepaduan pangkalan data Flask.
Hantar data ke templat: Dalam laluan Flask anda, hantar data yang diambil daripada pangkalan data sebagai pembolehubah kepada templat HTML.
Gunakan templat: Dalam templat HTML, gunakan sintaks untuk melintasi data dan menjana baris dan sel jadual secara dinamik.
from flask import Flask, render_template app = Flask(__name__) # Replace this with your database connection and query code to fetch data # For demonstration purposes, let's assume you have fetched data in the 'rows' variable rows = [ {'id': 1, 'name': 'John', 'age': 25}, {'id': 2, 'name': 'Jane', 'age': 30}, # Add more rows as needed ] @app.route('/') def index(): return render_template('table_template.html', rows=rows) if __name__ == '__main__': app.run(debug=True)FAIL HTML
<!DOCTYPE html> <html> <head> <title>Dynamic Table</title> <style> /* Add border to the table */ table { border-collapse: collapse; width: 100%; border: 1px solid black; } /* Add bold font style to the header row */ th { font-weight: bold; } /* Add border to table cells (optional) */ td, th { border: 1px solid black; padding: 8px; } </style> </head> <body> <table> <thead> <tr> <th>ID</th> <th>Name</th> <th>Age</th> </tr> </thead> <tbody> {% for row in rows %} <tr> <td>{{ row.id }}</td> <td>{{ row.name }}</td> <td>{{ row.age }}</td> </tr> {% endfor %} </tbody> </table> </body> </html>