Hướng dẫn how do i display a csv file in html using python flask? - làm cách nào để hiển thị tệp csv trong html bằ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 CSV dưới dạng bảng HTML trong bình Python. Vì vậy, bạn có một tệp CSV ở đâu đó trên máy chủ? Bạn muốn đọc nó và hiển thị nó trong bảng HTML? Chà, nó thực sự là 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:\csvtable, 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:\csvtable.
• 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 Flask
• Khởi chạy

  # (A) INIT
  # (A1) LOAD MODULES
  from flask import Flask, render_template, request, make_response
   
  # (A2) FLASK SETTINGS + INIT
  HOST_NAME = "localhost"
  HOST_PORT = 80
  app = Flask(__name__)
  # app.debug = True
   
  # (B) DEMO - READ CSV & GENERATE HTML TABLE
  @app.route("/")
  def index():
    with open("s1_dummy.csv") as file:
      return render_template("s3_csv_table.html", csv=file)
   
  # (C) START
  if __name__ == "__main__":
    app.run(HOST_NAME, HOST_PORT)

  0 và truy cập

  # (A) INIT
  # (A1) LOAD MODULES
  from flask import Flask, render_template, request, make_response
   
  # (A2) FLASK SETTINGS + INIT
  HOST_NAME = "localhost"
  HOST_PORT = 80
  app = Flask(__name__)
  # app.debug = True
   
  # (B) DEMO - READ CSV & GENERATE HTML TABLE
  @app.route("/")
  def index():
    with open("s1_dummy.csv") as file:
      return render_template("s3_csv_table.html", csv=file)
   
  # (C) START
  if __name__ == "__main__":
    app.run(HOST_NAME, HOST_PORT)

  1.

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 trong Python và hiển thị nó trong bảng HTML với bình.

Phần 1) CSV giả

s1_dummy.csv

Jo Doe,,465785
Joa Doe,,123456
Job Doe,,234567
Joe Doe,,345678
Jog Doe,,578456
Joh Doe,,378945
Joi Doe,,456789
Jon Doe,,987654
Jor Doe,,754642
Joy Doe,,124578

Để bắt đầu, đây là một tệp CSV giả mà chúng tôi sẽ làm việc cùng. Đối với những người mới:

• Các tệp CSV thực sự chỉ là các tệp văn bản đơn giản.
• Nhưng chúng tôi sử dụng các dòng dòng

  # (A) INIT
  # (A1) LOAD MODULES
  from flask import Flask, render_template, request, make_response
   
  # (A2) FLASK SETTINGS + INIT
  HOST_NAME = "localhost"
  HOST_PORT = 80
  app = Flask(__name__)
  # app.debug = True
   
  # (B) DEMO - READ CSV & GENERATE HTML TABLE
  @app.route("/")
  def index():
    with open("s1_dummy.csv") as file:
      return render_template("s3_csv_table.html", csv=file)
   
  # (C) START
  if __name__ == "__main__":
    app.run(HOST_NAME, HOST_PORT)

  2 để chỉ ra một hàng mới.
• Và dấu phẩy

  # (A) INIT
  # (A1) LOAD MODULES
  from flask import Flask, render_template, request, make_response
   
  # (A2) FLASK SETTINGS + INIT
  HOST_NAME = "localhost"
  HOST_PORT = 80
  app = Flask(__name__)
  # app.debug = True
   
  # (B) DEMO - READ CSV & GENERATE HTML TABLE
  @app.route("/")
  def index():
    with open("s1_dummy.csv") as file:
      return render_template("s3_csv_table.html", csv=file)
   
  # (C) START
  if __name__ == "__main__":
    app.run(HOST_NAME, HOST_PORT)

  3 để chỉ các cột.

Phần 2) Máy chủ Flask

s2_server.py

# (A) INIT
# (A1) LOAD MODULES
from flask import Flask, render_template, request, make_response
 
# (A2) FLASK SETTINGS + INIT
HOST_NAME = "localhost"
HOST_PORT = 80
app = Flask(__name__)
# app.debug = True
 
# (B) DEMO - READ CSV & GENERATE HTML TABLE
@app.route("/")
def index():
  with open("s1_dummy.csv") as file:
    return render_template("s3_csv_table.html", csv=file)
 
# (C) START
if __name__ == "__main__":
  app.run(HOST_NAME, HOST_PORT)

Tập lệnh máy chủ Flask phải khá đơ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.
2. Phục vụ trang Demo CSV CSV đến HTML. Hãy lưu ý về cách thực hiện điều này - chúng tôi mở

   # (A) INIT
   # (A1) LOAD MODULES
   from flask import Flask, render_template, request, make_response
    
   # (A2) FLASK SETTINGS + INIT
   HOST_NAME = "localhost"
   HOST_PORT = 80
   app = Flask(__name__)
   # app.debug = True
    
   # (B) DEMO - READ CSV & GENERATE HTML TABLE
   @app.route("/")
   def index():
     with open("s1_dummy.csv") as file:
       return render_template("s3_csv_table.html", csv=file)
    
   # (C) START
   if __name__ == "__main__":
     app.run(HOST_NAME, HOST_PORT)

   4 và chuyển nó vào mẫu HTML.
3. Bắt đầu máy chủ bình. Đội trưởng rõ ràng tại dịch vụ của bạn.

Phần 3) Mẫu HTML

templates/s3_csv_table.html

{% for row in csv %}
  
  {% for col in row.split(",") %}
  
  {% endfor %}
  
{% endfor %}
{{ col }}

Đúng, đó là tất cả những gì chúng ta cần trong HTML. Vòng lặp qua tệp CSV và tạo các hàng/cột. Kết thúc.

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

Đối với các bạn, những người đang suy nghĩ dọc theo các dòng tải lên tệp CSV lên máy chủ, sau đó tạo ra bảng, ở đó, không cần phải làm như vậy. JavaScript hiện đại thực sự có thể đọc trực tiếp tệp CSV, xem Hiển thị CSV như một bảng trong JavaScript bên dưới.

• Hiển thị CSV dưới dạng bảng trong JavaScript - Code Boxx
• Cách đọc tệp văn bản trong Python một cách hiệu quả - Hướng dẫn Python

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!