Hướng dẫn how do i display data in excel html using python flask? - làm cách nào để hiển thị dữ liệu trong excel html bằng cách sử dụng python flask?

Chào mừng bạn đến với một hướng dẫn về cách hiển thị tệp Excel dưới dạng bảng HTML trong bình Python. Vì vậy, bạn muốn đọc một tệp excel và hiển thị nó dưới dạng bảng HTML? Vâng, nó thực sự không khó khăn - đọc trên ví dụ!

Tôi đã bao gồm một tệp zip với tất cả mã nguồn khi bắt đầu hướng dẫn này, vì vậy bạn không phải sao chép mọi thứ, hoặc nếu bạn chỉ muốn đi thẳng vào.

MỤC LỤC

Tải xuống & ghi chú

Thứ nhất, đây là liên kết tải xuống đến mã ví dụ như đã hứa.

Ghi chú nhanh

• Tạo thư mục dự án của riêng bạn, ví dụ: D:\xlstable, giải nén mã bên trong thư mục này.
• Mở thiết bị đầu cuối (hoặc dòng lệnh), điều hướng đến thư mục dự án của bạn cd D:\xlstable.
• Như thường lệ, hãy tạo một môi trường ảo nếu bạn không muốn làm rối các dự án khác của mình.
  • virtualenv venv
  • Windows - venv\scripts\activate
  • MAC/Linux - venv/bin/activate
• Nhận tất cả các gói yêu cầu - pip install openpyxl Flask
• Khởi chạy python s2_server.py và truy cập http://localhost.

Nếu bạn phát hiện ra một lỗi, hãy bình luận bên dưới. Tôi cũng cố gắng trả lời các câu hỏi ngắn, nhưng đó là một người so với toàn bộ thế giới, nếu bạn cần câu trả lời khẩn cấp, vui lòng kiểm tra danh sách các trang web của tôi để nhận trợ giúp lập trình.

Mã hóa ví dụ Tải xuống

Nhấn vào đây để tải xuống tất cả các mã nguồn ví dụ, tôi đã phát hành nó theo giấy phép MIT, vì vậy hãy thoải mái xây dựng trên đó hoặc sử dụng nó trong dự án của riêng bạn.

Được rồi, bây giờ chúng ta hãy vào ví dụ về việc đọc một tệp excel trong Python và hiển thị nó trong bảng HTML với bình.

Phần 1) excel giả

s1_dummy.xlsx

Để bắt đầu, đây là tệp Excel mà chúng tôi sẽ làm việc. Không có gì đặc biệt ở đây chỉ là một danh sách người dùng giả.

Phần 2) Máy chủ Flask

s2_server.py

# (A) INIT
# (A1) LOAD MODULES
from flask import Flask, render_template, request, make_response
from openpyxl import load_workbook
 
# (A2) FLASK SETTINGS + INIT
HOST_NAME = "localhost"
HOST_PORT = 80
app = Flask(__name__)
# app.debug = True
 
# (B) DEMO - READ EXCEL & GENERATE HTML TABLE
@app.route("/")
def index():
  # (B1) OPEN EXCEL FILE + WORKSHEET
  book = load_workbook("s1_dummy.xlsx")
  sheet = book.active
 
  # (B2) PASS INTO HTML TEMPLATE
  return render_template("s3_excel_table.html", sheet=sheet)
 
# (C) START
if __name__ == "__main__":
  app.run(HOST_NAME, HOST_PORT)

Tập lệnh máy chủ Flask là siêu đơn giản khi bạn theo dõi nó.

1. Tải các mô -đun cần thiết và xác định cài đặt bình; Python không thể đọc các tệp Excel tự nhiên và chúng tôi sẽ sử dụng

   
     {% for row in range(1, sheet.max_row + 1) %}
     
       {% for col in range(1, sheet.max_column + 1): %}
       
       {% endfor %}
     
     {% endfor %}
   {{ sheet.cell(row, col).value }}

   0. Liên kết đến tài liệu đầy đủ nằm trong phần bổ sung bên dưới nếu bạn muốn theo dõi.
2. Phục vụ trang Demo Demo Excel đến HTML - Mở

   
     {% for row in range(1, sheet.max_row + 1) %}
     
       {% for col in range(1, sheet.max_column + 1): %}
       
       {% endfor %}
     
     {% endfor %}
   {{ sheet.cell(row, col).value }}

   1, chọn sổ làm việc cần thiết và chuyển nó vào mẫu HTML.
3. Đội trưởng rõ ràng tại dịch vụ của bạn. Bắt đầu chạy máy chủ Flask.

Phần 3) Mẫu HTML

templates/s3_csv_table.html

  {% for row in range(1, sheet.max_row + 1) %}
  
    {% for col in range(1, sheet.max_column + 1): %}
    
    {% endfor %}
  
  {% endfor %}
{{ sheet.cell(row, col).value }}

Don Tiết nghĩ rằng điều này cần nhiều giải thích. Chúng tôi chỉ lặp qua các hàng và cột của tệp Excel để tạo bảng HTML.

Liên kết & Tài liệu tham khảo

• Hiển thị CSV dưới dạng bảng trong JavaScript - Code Boxx
• Hiển thị CSV dưới dạng bảng trong bình Python - mã Boxx
• OpenPyXL - Thư viện Python để đọc/viết Excel
• Cách đọc tệp Excel trong Python - Linuxhint

KẾT THÚC

Cảm ơn bạn đã đọc, và chúng tôi đã đi đến cùng. Tôi hy vọng rằng nó đã giúp bạn hiểu rõ hơn và nếu bạn muốn chia sẻ bất cứ điều gì với hướng dẫn này, xin vui lòng bình luận bên dưới. Chúc may mắn và mã hóa hạnh phúc!