บทที่ 8 ขั้นตอน การแบ่งหน้าแสดงผลบนหน้าเว็บ ด้วย Python Flask Framework
Python (ไพธอน) แบ่งหน้าจอการแสดงผลด้วย ฟังก์ชั่น ของ Flask (แฟลก) โดยสามารถแบ่ง หน้าการแสดงผลลออกโดยง่าย ด้วยการใช้ flask pagination และเรียกข้อมูลออกมาแสดงโดยใช้คำสั่งภาษา SQL (เอส-คิว-แอล)
ขั้นตอนที่ 1 เริ่มจากการ import pagination ของ flask เข้ามาไว้ในไฟล์งาน
from flask_paginate import Pagination, get_page_args
ขั้นตอนที่ 2 สร้าง medthon เพื่อเรียกข้อมูลจากฐานข้อมูล และเพื่อสร้างฟังก์ชั่นการทำงานของ pagination และทำการ return ค่า ไปยังหน้า showone.html
@app.route('/')
def index():
con = p.connect(host='127.0.0.1', database='test', user='postgres', password='123456')
cur = con.cursor()
cur.execute('select count(*) from table_test_1')
total = cur.fetchone()[0]
page, per_page, offset = get_page_args(page_parameter='page',
per_page_parameter='per_page')
sql = "SELECT * FROM table_test_1 ORDER BY id LIMIT {} OFFSET {}" \
.format(per_page, offset)
sql = sql.encode('utf8')
print(sql)
cur.execute(sql)
rows = cur.fetchall()
pagination = Pagination(page=page,
per_page=per_page,
total=total,
css_framework='bootstrap4')
print(per_page)
return render_template('showone.html', rows=rows,
page=page,
per_page=per_page,
pagination=pagination, )
ขั้นตอนที่ 3 สร้างฟอร์ม หน้าแสดงผล ที่หน้า showone.html method ส่งค่า rows มาที่
showsearch.html ทำการ for วนลูบ ค่า row ด้วยภาษา python
<body>
<div class="container mt-5">
<div class="table-responsive">
<table class="table table-hover">
<thead>
<tr>
<td align="center">รหัส</td>
<td align="center">ชื่อ</td>
<td align="center">นามสกุล</td>
<td align="center">สีที่ชอบ</td>
<td colspan="2" align="center" width="10%">เครื่องมือ</td>
</tr>
</thead>
<tbody>
{% for row in rows %}
<tr>
<td>{{ row[0] }}</td>
<td>{{ row[1] }}</td>
<td>{{ row[2] }}</td>
<td>{{ row[3] }}</td>
<td> <form action="/iddel/{{ row[0] }}" method="post"> <input type="submit" value="ลบข้อมูล" /> </form></td>
<td><form action="/enteredit/{{ row[0] }}" method="post"> <input type="submit" value="แก้ไข" /> </form></td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
{{ pagination.links }}
</div>
</body>
ผลลัพธ์หน้าแสดงผล
ทั้งหมดนี้เป็นส่วนหนึ่งของการ เขียน Python ที่มีการเชื่อมต่อกับฐานข้อมูล บทเรียนที่ท่านได้ศึกษามา หวังว่าจะเป็นประโยชน์ไม่มากก็น้อย \
- หัวเรื่อง
- การแบ่งหน้าแสดงผลบนหน้าเว็บ ด้วย Python Flask Framework
- หมวดหมู่
- Python Framework Flask, Python Framework Flask
- ฮิต
- 3140
- ผู้สร้างเอกสาร
- anawatj
- วันที่สร้างเอกสาร
- 2023-09-30 22:52:42
- รายละเอียด
แบ่งหน้าจอการแสดงผลด้วย ฟังก์ชั่น ของ Flask (แฟลก) โดยสามารถแบ่ง หน้าการแสดงผลลออกโดยง่าย ด้วยการใช้ flask pagination และเรียกข้อมูลออกมาแสดง