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
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
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ã
Bài học này sử dụng Python để tạo và xem tệp HTML. Nếu bạn viết chương trình xuất ra HTML, bạn có thể sử dụng bất kỳ trình duyệt nào để xem kết quả của mình. Điều này đặc biệt thuận tiện nếu chương trình của bạn tự động tạo siêu liên kết hoặc thực thể đồ họa như biểu đồ và sơ đồ
Tại đây, bạn sẽ tìm hiểu cách tạo tệp HTML bằng tập lệnh Python và cách sử dụng Python để tự động mở tệp HTML trong Firefox
Tệp cần thiết cho bài học này
Nếu bạn không có các tệp này từ bài học trước, bạn có thể tải xuống tệp lập trình-historian-5, một tệp zip từ bài học trước
Tạo HTML bằng Python
Tại thời điểm này, chúng tôi đã bắt đầu tìm hiểu cách sử dụng Python để tải xuống các nguồn trực tuyến và trích xuất thông tin từ chúng một cách tự động. Hãy nhớ rằng mục tiêu cuối cùng của chúng tôi là kết hợp liền mạch chương trình vào thực tiễn nghiên cứu của chúng tôi. Để phù hợp với mục tiêu này, trong bài học này và bài học tiếp theo, chúng ta sẽ học cách xuất dữ liệu trở lại dưới dạng HTML. Điều này có một vài lợi thế. Đầu tiên, bằng cách lưu trữ thông tin trên ổ cứng của chúng tôi dưới dạng tệp HTML, chúng tôi có thể mở tệp đó bằng Firefox và sử dụng Zotero để lập chỉ mục và chú thích sau này. Thứ hai, có rất nhiều tùy chọn trực quan hóa cho HTML mà chúng ta có thể vẽ sau
Nếu bạn chưa thực hiện hướng dẫn về W3 Schools HTML, hãy dành vài phút để thực hiện trước khi tiếp tục. Chúng ta sẽ tạo một tài liệu HTML bằng Python, vì vậy bạn sẽ phải biết tài liệu HTML là gì
“Xin chào thế giới” trong HTML bằng Python
Một trong những ý tưởng mạnh mẽ hơn trong khoa học máy tính là một tệp dường như chứa mã từ một góc độ có thể được xem là dữ liệu từ một góc độ khác. Nói cách khác, có thể viết các chương trình điều khiển các chương trình khác. Những gì chúng ta sẽ làm tiếp theo là tạo một tệp HTML có nội dung “Xin chào thế giới. ” sử dụng Python. Chúng tôi sẽ làm điều này bằng cách lưu trữ các thẻ HTML trong một chuỗi Python nhiều dòng và lưu nội dung vào một tệp mới. Tệp này sẽ được lưu với phần mở rộng .html thay vì phần mở rộng .txt
Thông thường, một tệp HTML bắt đầu bằng một khai báo doctype. Bạn đã thấy điều này khi bạn viết một chương trình HTML “Xin chào thế giới” trong một bài học trước đó. Để đọc mã của chúng tôi dễ dàng hơn, chúng tôi sẽ bỏ qua loại tài liệu trong ví dụ này. Nhớ lại một chuỗi nhiều dòng được tạo bằng cách đặt văn bản trong ba dấu ngoặc kép [xem bên dưới]
# write-html.py
f = open['helloworld.html','w']
message = """
Hello World!
"""
f.write[message]
f.close[]
Lưu chương trình trên với tên write-html.py và thực hiện nó. Sử dụng Tệp -> Mở trong trình soạn thảo văn bản bạn đã chọn để mở helloworld.html để xác minh rằng chương trình của bạn thực sự đã tạo tệp. Nội dung sẽ trông như thế này
Nguồn HTML được tạo bởi chương trình Python
Bây giờ, hãy truy cập trình duyệt Firefox của bạn và chọn Tệp -> Tab mới, chuyển đến tab và chọn Tệp -> Mở tệp. Chọn helloworld.html. Bây giờ bạn có thể xem tin nhắn của mình trong trình duyệt. Hãy dành một chút thời gian để suy nghĩ về điều này. bây giờ bạn có khả năng viết một chương trình có thể tự động tạo một trang web. Chẳng có lý do gì mà bạn không thể viết một chương trình tự động tạo cả một trang web nếu bạn muốn.
Sử dụng Python để kiểm soát Firefox
Chúng tôi đã tự động tạo một tệp HTML, nhưng sau đó chúng tôi phải thoát khỏi trình chỉnh sửa của mình và truy cập Firefox để mở tệp trong một tab mới. Sẽ thật tuyệt nếu chương trình Python của chúng ta bao gồm bước cuối cùng đó phải không? . Khi bạn thực thi nó, nó sẽ tạo tệp HTML của bạn và sau đó tự động mở nó trong một tab mới trong Firefox. Ngọt
Hướng dẫn Mac
Người dùng Mac sẽ phải chỉ định vị trí chính xác của tệp .html trên máy tính của họ. Để thực hiện việc này, hãy tìm thư mục
# write-html-2-mac.py
import webbrowser
f = open['helloworld.html','w']
message = """
Hello World!
"""
f.write[message]
f.close[]
#Change path to reflect file location
filename = 'file:///Users/username/Desktop/programming-historian/' + 'helloworld.html'
webbrowser.open_new_tab[filename]
Sau đó, bạn có thể cắt và dán vị trí tệp được liệt kê sau “Ở đâu. ” và đảm bảo rằng bạn bao gồm dấu gạch chéo [/] ở cuối để cho máy tính biết bạn muốn thứ gì đó bên trong thư mục [chứ không phải chính thư mục đó]
# write-html-2-mac.py
import webbrowser
f = open['helloworld.html','w']
message = """
Hello World!
"""
f.write[message]
f.close[]
#Change path to reflect file location
filename = 'file:///Users/username/Desktop/programming-historian/' + 'helloworld.html'
webbrowser.open_new_tab[filename]
Nếu bạn gặp lỗi "Không tìm thấy tệp", bạn chưa thay đổi đúng đường dẫn tên tệp
hướng dẫn cửa sổ
# write-html-2-windows.py
import webbrowser
f = open['helloworld.html','w']
message = """
Hello World!
"""
f.write[message]
f.close[]
webbrowser.open_new_tab['helloworld.html']
***
Bạn không chỉ viết một chương trình Python có thể viết HTML đơn giản mà giờ đây bạn còn kiểm soát trình duyệt Firefox của mình bằng Python. Trong bài học tiếp theo, chúng ta sẽ chuyển sang xuất dữ liệu mà chúng ta đã thu thập được dưới dạng tệp HTML
Bài đọc được đề xuất
- Lutz, Học Python
- Đọc lại và xem lại Chs. 1-17
Đồng bộ hóa mã
Để theo dõi các bài học trong tương lai, điều quan trọng là bạn phải có các tệp và chương trình phù hợp trong thư mục “lập trình-lịch sử” của mình. Vào cuối mỗi bài học trong sê-ri, bạn có thể tải xuống tệp zip “lập trình-lịch sử” để đảm bảo bạn có mã chính xác. Nếu bạn đang theo dõi phiên bản Mac / Linux, bạn có thể phải mở tệp
# write-html-2-mac.py
import webbrowser
f = open['helloworld.html','w']
message = """
Hello World!
"""
f.write[message]
f.close[]
#Change path to reflect file location
filename = 'file:///Users/username/Desktop/programming-historian/' + 'helloworld.html'
webbrowser.open_new_tab[filename]