บทที่ 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 และเรียกข้อมูลออกมาแสดง

pagination.zip

ประเภทไฟล์ zip

ขนาดไฟล์ 1.18 KB

ผู้อัพโหลดไฟล์ anawatj

วันที่อัพโหลด 2023-09-30 15:51:47


กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
โดย witsarutt000 พฤ 14 มี.ค. 2024 4:07 pm บอร์ด SQL Knowledge
1
166
พฤ 14 มี.ค. 2024 5:44 pm โดย Sirayu View Topic SQL JOIN: การรวมข้อมูลจากหลายตารางในฐานข้อมูล
PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
โดย witsarutt000 พฤ 14 มี.ค. 2024 11:17 am บอร์ด PHP Knowledge
0
125
พฤ 14 มี.ค. 2024 11:17 am โดย witsarutt000 View Topic PHP การเปลี่ยนแปลงที่สร้างปรากฏการณ์ในโลกของเว็บ
ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
โดย Thanavat_n พ 13 มี.ค. 2024 11:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
5
270
พ 13 มี.ค. 2024 1:34 pm โดย Thanavat_n View Topic ปัญหา Harddisk ขึ้น 100% เวลาเซฟไฟล์ หรือภาพ จะค้่างที่หน้าแท๊บ Expolorer
ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
โดย @Foretoday อ 12 มี.ค. 2024 1:46 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
184
อ 12 มี.ค. 2024 1:46 pm โดย @Foretoday View Topic ตู้รองเท้า ไอเท็มวิเศษช่วยจัดระเบียบคอลเลกชันรองเท้าคู่โปรด
แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
โดย witsarutt000 จ 11 มี.ค. 2024 6:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
142
จ 11 มี.ค. 2024 6:14 pm โดย witsarutt000 View Topic แนะนำสถานที่น่าเที่ยวในจังหวัดชุมพรพร้อมวิธีการเดินทาง
ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
โดย mindphp อ 10 มี.ค. 2024 4:36 am บอร์ด Linux - Web Server
0
239
อ 10 มี.ค. 2024 4:36 am โดย mindphp View Topic ย้าย VM ข้าม Host ด้วย scp กรณีศึกษา Vmware ESXI
IP และ vpn (VMware)
โดย ballmykids อ 10 มี.ค. 2024 2:35 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
203
จ 11 มี.ค. 2024 3:19 pm โดย ballmykids View Topic IP และ vpn (VMware)
แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว
โดย Anonymous ศ 08 มี.ค. 2024 7:02 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
166
ศ 08 มี.ค. 2024 8:12 pm โดย mindphp View Topic แบบนี้ต้องทำยังไง ในกรณีที่ Server เดิมเราได้ทำการ Raid 1 กับ HDD 2 ลูกแรกแล้ว