Làm cách nào để chạy mã HTML trong Python?

Dự án PyScript mới cho phép bạn nhúng trực tiếp các chương trình Python vào các trang HTML và thực thi chúng trong trình duyệt mà không cần bất kỳ yêu cầu dựa trên máy chủ nào

Dự án đã được công bố vào cuối tuần này tại PyCon US 2022 và hoạt động như một trình bao bọc xung quanh dự án Pyodide, tải trình thông dịch CPython dưới dạng mô-đun trình duyệt WebAssembly

"PyScript là một khung cho phép người dùng tạo các ứng dụng Python phong phú trong trình duyệt bằng cách sử dụng kết hợp Python với HTML tiêu chuẩn. " Anaconda giải thích trong một bài đăng gần đây trên blog

"PyScript nhằm mục đích cung cấp cho người dùng ngôn ngữ lập trình hạng nhất có quy tắc tạo kiểu nhất quán, biểu cảm hơn và dễ học hơn. "

Mặc dù dự án Pyodide trước đây cho phép bạn chạy Python trong trình duyệt, nhưng phải mất một thời gian để làm quen với cú pháp và không thanh lịch bằng việc chỉ viết một chương trình Python và dán nó vào trang HTML của bạn

Tuy nhiên, PyScript hoạt động như một trình bao bọc, cho phép bạn nhúng trực tiếp mã Python vào giữa các thẻ py-script và để mã này tự động thực thi bởi Pyodide

Ví dụ: phần sau đây minh họa một ví dụ Hello World nhỏ sử dụng PyScript và việc thực thi nó trực tiếp trong trình duyệt. Lưu ý cách hàm pyscript.write() cho phép bạn xuất dữ liệu trực tiếp sang phần tử HTML

Làm cách nào để chạy mã HTML trong Python?
Ứng dụng Python Hello World Python sử dụng PyScript

Nhà phát triển cũng có thể mở rộng các trang PyScript thông qua các gói Python bổ sung được tích hợp trong Pyodide hoặc thông qua các gói được lưu trữ trên hệ thống tệp cục bộ. PyScript BẮT ĐẦU. md cung cấp tài liệu về cách nhập các gói vào mã của bạn

Ngoài việc thực thi mã được nhúng trong HTML, bạn cũng có thể thêm trình chỉnh sửa mã trực tiếp vào trang HTML bằng cách sử dụng thẻ py-repl để bạn có thể nhập mã và thực thi mã, như minh họa bên dưới

Làm cách nào để chạy mã HTML trong Python?
Sử dụng trình chỉnh sửa của PyScript

Sử dụng trình chỉnh sửa giúp dễ dàng kiểm tra mã một cách nhanh chóng và xem những gì sẽ và không hoạt động với PyScript

Mặc dù JavaScript đã có thể thực hiện hầu hết mọi thứ bạn muốn tạo bằng PyScript, với Python được coi là ngôn ngữ lập trình phổ biến nhất, PyScript mở ra cơ hội cho nhiều dự án thú vị trong tương lai

Để bắt đầu với PyScript, bạn có thể truy cập trang dự án GitHub của họ, trang này cũng bao gồm nhiều ví dụ về mã

Nếu bạn là một nhà phát triển python và nghĩ rằng thật tuyệt nếu tôi có thể viết mã python của mình trực tiếp vào HTML như tất cả các nhà phát triển Javascript vẫn làm. Vâng, có một tin tốt cho tất cả các nhà phát triển Python. Đây là hướng dẫn từng bước về cách chạy python trong HTML bằng PyScript

Trong bài phát biểu quan trọng tại PyCon US 2022, Peter Wang, Giám đốc điều hành của công ty Anaconda, đã tiết lộ một dự án mới có tên PyScript. Khung javascript là gì. Nó cho phép chúng tôi tạo các ứng dụng Python trong trình duyệt web. Nó sẽ cho phép chúng tôi nhúng mã Python trực tiếp vào các tệp HTML. Giống như chúng tôi sử dụng mã Javascript trong các tệp HTML của mình

nội dung

Những điều quan trọng về Pyscript

  1. Nó cho phép chúng tôi viết mã python vào tệp HTML của chúng tôi. Vì vậy, chúng tôi có thể sử dụng các thư viện của Python trong trình duyệt của mình.  
  2. Khi chúng tôi sử dụng Pyscript, chúng tôi không cần phải lo lắng về việc triển khai. Mọi thứ diễn ra trong một trình duyệt web. Chúng tôi có thể chia sẻ các tệp HTML của mình với bất kỳ ai có chứa bảng điều khiển ưa thích hoặc bất kỳ dữ liệu ký tự nào. Họ có thể trực tiếp chạy nó trong trình duyệt web mà không cần bất kỳ thiết lập phức tạp nào.   
  3. Chạy nhiều thư viện phổ biến của Python như gấu trúc, numpy, v.v.
  4. Pyscript cho phép chúng ta viết mã python với sự trợ giúp của 3 thành phần chính
    1. Py-env. Nó xác định danh sách gói python cần chạy mã của bạn
    2. tập lệnh Py. Trong thẻ này, người dùng sẽ viết mã python của họ
    3. thay thế py. Nó sẽ tạo một thành phần REPL. Thành phần REPL thực thi mã người dùng nhập và hiển thị kết quả của mã trong trình duyệt

1. Hãy tạo chương trình đầu tiên của chúng ta với Pyscript

You can download the alpha release of PyScript on pyscript.net. We’ll use the CDN of one stylesheet and one script in our HTML file. Add below CDNs to your HTML .


   

Chương trình Hello world của chúng ta sẽ trông như thế này




   
   
   
   Python HTML app Hello World


     
   print("Hello World!")
   

Khi bạn chạy tệp HTML này vào trình duyệt của mình, nó sẽ in Hello World. Một cái gì đó như thế này

Làm cách nào để chạy mã HTML trong Python?

2. In Ngày Giờ Hiện Tại




   
   
   
   Python HTML app


   
   from datetime import datetime
  
   print(f"It's now {datetime.now()}")
   


Trong ví dụ trên, chúng tôi đang sử dụng thư viện DateTime của python cho DateTime hiện tại

3. Biểu đồ Bokeh với Pyscript

Hãy lập biểu đồ thể hiện số lượng hoa quả bán được trong tháng




   
   
   
   
   
   
   
   
   
   
   Chart Example
   
   - bokeh
   


Bokeh Chart in PyScript

import json import pyodide from js import Bokeh, console, JSON from bokeh.embed import json_item from bokeh.plotting import figure from bokeh.resources import CDN fruits = ['Apples', 'Banana', 'Mango', 'Grapes', 'Strawberries'] counts = [5, 3, 4, 4, 6] p = figure(x_range=fruits, height=350, title="Fruit Counts", toolbar_location=None, tools="") p.vbar(x=fruits, top=counts, width=0.9) p.xgrid.grid_line_color = None p.y_range.start = 0 p_json = json.dumps(json_item(p, "chart")) Bokeh.embed.embed_item(JSON.parse(p_json))

Khi bạn chạy mã này, bạn sẽ thấy một biểu đồ như;

Làm cách nào để chạy mã HTML trong Python?

Như bạn thấy chúng ta có thể dễ dàng tạo biểu đồ trong tệp HTML của mình như thế nào. Không cần tạo các thành phần phức tạp để hiển thị biểu đồ như thế này. Đó là cách đơn giản để bạn có thể sử dụng Pyscript để chạy python trong HTML.  

Phần kết luận

Dự án này vẫn đang trong giai đoạn alpha, vì vậy có lẽ chúng ta sẽ thấy nhiều điều mới hơn trong những ngày tới. Pyscript có vẻ rất hứa hẹn cho các nhà phát triển python, nhưng có thể có nhiều vấn đề về bảo mật. Ngoài ra, chúng tôi đang chạy các thư viện Python vào trình duyệt, vì vậy thời gian thực hiện cũng cao.  

Tất cả những lo ngại này có thể được giải quyết trong các phiên bản sắp tới. Bình luận suy nghĩ của bạn về công nghệ mới này

Chúng tôi có thể chạy mã HTML bằng Python không?

Để hiển thị tệp HTML dưới dạng đầu ra python, chúng tôi sẽ sử dụng thư viện codec . Thư viện này được sử dụng để mở các tệp có mã hóa nhất định.

Làm cách nào để sử dụng mã HTML trong Python?

HTML và CSS dành cho nhà phát triển Python .
Tạo tệp HTML đầu tiên của bạn. Tài liệu HTML. Khoảng trắng và định dạng văn bản. .
Tạo kiểu cho nội dung của bạn bằng CSS. Thêm màu sắc cho trang web của bạn. Thay đổi phông chữ. .
Xử lý HTML với Python. Lập trình viết HTML. .
Tiếp tục với HTML và CSS trong Python. JavaScript. .
Phần kết luận