Hướng dẫn can i use python with html and css? - tôi có thể sử dụng python với html và css không?

Python đã trở nên phổ biến trong những năm gần đây. Nó có một loạt các ứng dụng, từ sử dụng phổ biến nhất trong trí tuệ nhân tạo, đến khoa học dữ liệu, robot và kịch bản.

Trong lĩnh vực phát triển web, Python được sử dụng chủ yếu trên phần phụ trợ với các khung như Django và Flask.

Trước đây, Python không có nhiều hỗ trợ ở phía trước như các ngôn ngữ khác như JavaScript. Nhưng may mắn thay, các nhà phát triển Python đã xây dựng một số thư viện [như Brython] để hỗ trợ ngôn ngữ yêu thích của họ trên web.

Và năm nay, trong hội nghị Pycon 2022, Anaconda đã công bố một khung có tên Pyscript cho phép bạn sử dụng Python trên web bằng HTML tiêu chuẩn.

Bạn có thể xem tweet này về buổi ra mắt:

📢 Bạn có nghe tin từ Pycon không !? Chúng tôi rất vui mừng được giới thiệu Pyscript, 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 hỗn hợp Python với HTML tiêu chuẩn! Truy cập //t.co/n4ooebd46z để biết thêm thông tin. 🧠

- Anaconda [@anacondainc] ngày 30 tháng 4 năm 2022

Điều kiện tiên quyết

Bạn sẽ cần các công cụ và kiến ​​thức sau đây để viết mã cùng với bài viết này:

• Một trình soạn thảo văn bản hoặc IDE của sự lựa chọn của bạn.
• Kiến thức về Python.
• Kiến thức về HTML.
• Một trình duyệt [Google Chrome là trình duyệt được đề xuất cho Pyscript].

Pyscript là gì?

Pyscript là khung công tác phía trước Python cho phép người dùng xây dựng các chương trình Python bằng giao diện HTML trong trình duyệt.

Nó được phát triển bằng cách sử dụng sức mạnh của EMScripten, Pyodide, WASM và các công nghệ web hiện đại khác để cung cấp các khả năng sau phù hợp với các mục tiêu của nó:

• Để cung cấp một API đơn giản và sạch sẽ.
• Để cung cấp một hệ thống các thành phần có thể cắm và mở rộng.
• Để hỗ trợ và mở rộng HTML tiêu chuẩn để đọc các thành phần tùy chỉnh có ý kiến ​​và đáng tin cậy để đạt được chương trình Nhiệm vụ của chương trình cho 99%.

Trong vài thập kỷ qua, Python và các ngôn ngữ UI tiên tiến như HTML, CSS và JavaScript hiện đại đã không hoạt động hợp tác. Python thiếu một cơ chế đơn giản để tạo UI hấp dẫn cho việc đóng gói và triển khai các ứng dụng, trong khi HTML, CSS và JavaScript hiện tại có thể có đường cong học tập dốc.

Cho phép Python sử dụng các quy ước HTML, CSS và JavaScript không chỉ hai vấn đề đó mà còn liên quan đến phát triển ứng dụng web, đóng gói, phân phối và triển khai.

Mặc dù vậy, Pyscript không có nghĩa là đảm nhận vai trò của JavaScript trong trình duyệt - thay vào đó, nó có nghĩa là cung cấp cho các nhà phát triển Python, đặc biệt là các nhà khoa học dữ liệu, linh hoạt và sức mạnh hơn.

Tại sao pyscript?

Pyscript cung cấp cho bạn một ngôn ngữ lập trình với các quy ước kiểu dáng nhất quán, tính biểu cảm hơn và dễ học bằng cách cung cấp những điều sau đây:

• Hỗ trợ trên trình duyệt: Pyscript cho phép hỗ trợ cho Python và lưu trữ mà không cần máy chủ hoặc cấu hình.PyScript enables support for Python and hosting without the need for servers or configuration.
• Khả năng tương tác: Các chương trình có thể truyền đạt hai chiều giữa các đối tượng Python và JavaScript và không gian tên.Programs can communicate bi-directionally between Python and JavaScript objects and namespaces.
• Hỗ trợ hệ sinh thái: Pyscript cho phép sử dụng các gói python phổ biến như gấu trúc, numpy, và nhiều hơn nữa.PyScript allows the use of popular Python packages such as Pandas, NumPy, and many more.
• Tính linh hoạt của khung: Pyscript là một khung linh hoạt mà các nhà phát triển có thể xây dựng để tạo ra các thành phần mở rộng trực tiếp trong Python một cách dễ dàng.PyScript is a flexible framework that developers can build on to create extensible components directly in Python easily.
• Quản lý môi trường: Pyscript cho phép các nhà phát triển xác định các tệp và gói để đưa vào mã trang của họ để chạy.PyScript allows developers to define the files and packages to include in their page code to run.
• Phát triển UI: Với Pyscript, các nhà phát triển có thể dễ dàng xây dựng với các thành phần UI có sẵn như nút và container, và nhiều hơn nữa.With PyScript, developers can easily build with available UI components such as buttons and containers, and many more.

Cách bắt đầu với Pyscript

Pyscript khá dễ dàng và đơn giản để học. Để bắt đầu, bạn có thể làm theo hướng dẫn trên trang web hoặc tải xuống tệp .zip.

Trong bài viết này, chúng tôi sẽ sử dụng và học cách sử dụng Pyscript thông qua trang web. Bạn có thể làm điều này bằng cách liên kết các thành phần trong tệp HTML của bạn. Hãy để in bản in đầu tiên của chúng tôi Hello Hello World với Pyscript.

Tạo tệp HTML

Để bắt đầu, bạn sẽ cần tạo một tệp HTML để hiển thị văn bản trên trình duyệt của bạn bằng trình chỉnh sửa văn bản/IDE của bạn.

    
    
    
    Title: PyScript

Liên kết pyscript

Sau khi tạo tệp HTML, chúng tôi sẽ cần liên kết Pyscript trong tệp HTML của bạn để có quyền truy cập vào giao diện Pyscript. Điều này sẽ được đặt trong thẻ

    
    
    
    Title: PyScript

In để trình duyệt

Bây giờ bạn đã liên kết Pyscript với tệp HTML, bạn có thể in trên thế giới Hello Hello của bạn.

Bạn có thể làm điều này với thẻ

    
    
    
    Title: PyScript

    
    
    
    Title: PyScript

    
    
    
    Title: PyScript

  print["Hello, World!"]  

Mã đầy đủ cho tệp HTML dưới đây:

    
    
    
    Title: PyScript


	 print["Hello, World!"] 

Trên trình duyệt của bạn, bạn sẽ thấy điều này:

Mẹo: Nếu bạn đang sử dụng trình soạn thảo VSCode, bạn có thể sử dụng tiện ích bổ sung máy chủ trực tiếp trong VSCODE để tải lại trang khi bạn cập nhật tệp HTML. If you're using the VSCode editor, you can use the Live Server add-on in VSCode to reload the page as you update the HTML file.

Nhiều hoạt động hơn với pyscript

Có nhiều hoạt động bạn có thể thực hiện với khung Pyscript. Hãy nhìn vào một số trong số họ bây giờ.

Đính kèm nhãn vào các phần tử được dán nhãn

Trong khi sử dụng Pyscript, bạn có thể muốn chuyển các biến từ mã Python của mình sang HTML. Bạn có thể làm điều này với phương thức

    
    
    
    Title: PyScript

    
    
    
    Title: PyScript

    
    
    
    Title: PyScript

Phương thức ghi chấp nhận hai biến: giá trị

    
      
      
    

  
    
Today is 
    
import datetime as dt
pyscript.write['today', dt.date.today[].strftime['%A %B %d, %Y']]
    
  

Và đầu ra trở thành:

Chạy repred trong trình duyệt

Pyscript cung cấp một giao diện để chạy mã python trong trình duyệt.

Để có thể làm điều này, Pyscript sử dụng thẻ

Thử nó trong trình duyệt [tốt nhất là Chrome], bạn nên nhận được điều này:

Nhập tệp, mô -đun và thư viện

Một trong những chức năng mà Pyscript cung cấp là tính linh hoạt. Trong Pyscript, bạn có thể nhập các tệp cục bộ, mô-đun sẵn có hoặc thư viện của bên thứ ba. Quá trình này sử dụng thẻ

Đối với các tệp Python cục bộ trên hệ thống của bạn, bạn có thể đặt mã trong tệp

Hãy để tạo ra một tệp Python

from random import randint

def add_two_numbers[x, y]:
    return x + y

def generate_random_number[]:
    x = randint[0, 10]
    return x

Sau đó, tệp Python sẽ được nhập vào HTML với thẻ

    
    
    
    Title: PyScript

    
    
    
    Title: PyScript

    
      
      
      
        - paths:
          - /example.py
      
    

  
    
Let's print random numbers
    Doe's lucky number is 
    
      from example import generate_random_number
      pyscript.write['lucky', generate_random_number[]]
    
  

Điều này sẽ trở lại:

Đối với các thư viện của bên thứ ba không phải là một phần của thư viện tiêu chuẩn, Pyscript hỗ trợ chúng.

    
      
      
      
            - numpy
            - requests
      
    

  
    
	import numpy as np
	import requests
    
  

Cấu hình siêu dữ liệu

Bạn có thể đặt và định cấu hình siêu dữ liệu chung về ứng dụng Pyscript của mình ở định dạng YAML bằng thẻ

  print["Hello, World!"]  

    
    
    
    Title: PyScript

Đây là những giá trị tùy chọn mà thẻ

  print["Hello, World!"]  

• AutoClose_loader [Boolean]: Nếu điều này được đặt thành Sai, Pyscript sẽ không đóng màn hình Splash tải.If this is set to false, PyScript will not close the loading splash screen.
• Tên [chuỗi]: Tên của ứng dụng người dùng.Name of the user application.
• Phiên bản [chuỗi]: Phiên bản của ứng dụng người dùng.Version of the user application.
• RunTimes [Danh sách Runtimes]: Danh sách các cấu hình thời gian chạy sẽ có các trường sau: SRC, Name và Lang.List of runtime configurations which would have the following fields: src, name, and lang.

Sự kết luận

Trong bài viết này, bạn đã tìm hiểu xem Pyscript là gì và cách sử dụng nó trong các tệp HTML để chạy mã Python trên trình duyệt. Bạn cũng đã tìm hiểu về các hoạt động/chức năng khác nhau bạn có thể làm với Pyscript.

Với Pyscript, nó dễ dàng chạy và thực hiện các hoạt động Python trên web, vì điều này không dễ dàng trước đây. Đây là một công cụ tuyệt vời cho bất kỳ ai mong muốn sử dụng Python trên web.

Pyscript vẫn đang trong giai đoạn đầu và đang phát triển nặng nề. Nó vẫn còn trong giai đoạn alpha và các vấn đề được biết đến như thời gian tải có thể ảnh hưởng đến khả năng sử dụng [một số hoạt động khác có thể được hiển thị tại thời điểm viết bài này do các vấn đề về hiệu suất]. Vì vậy, bạn không nên sử dụng nó trong sản xuất vì có thể sẽ có rất nhiều thay đổi.

Người giới thiệu

• Trang web chính thức của Pyscript.
• Blog Anaconda.
• Mã nguồn pyscript.
• Hướng dẫn bắt đầu với Pyscript.