Chúng ta có thể gọi tập lệnh Python từ HTML không?

Phát triển web là một lĩnh vực rộng lớn, có vô số cơ hội và điều mà chúng ta có thể làm. Với sự phức tạp và nhu cầu đến yêu cầu. Khi xây dựng các trang web động, chúng ta thường phải thực hiện các tác vụ cần đến sự hỗ trợ của một số ngôn ngữ lập trình như Python hay PHP. Trong bài viết này, chúng ta sẽ tìm hiểu cách chạy tập lệnh Python trong HTML. Chúng ta sẽ nói về một vài cách mà chúng ta có thể đạt được điều này

Chạy tập lệnh Python trong HTML bằng PHP

Chúng tôi có thể sử dụng PHP hoặc Hypertext Preprocessor để chạy các tập lệnh Python trong HTML. Tham khảo đoạn mã sau mô tả một ví dụ đơn giản

Tệp HTML - index.html

    
        Running a Python script
        
        
    
        
    

Tệp Python -

a = 2000
b = 21
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

0

a = 2000
b = 21
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

Điều này sẽ in phần sau trong bảng điều khiển

Nếu chúng ta muốn chuyển một số giá trị cho tập lệnh Python, chúng ta có thể sử dụng đoạn mã sau

Tệp HTML - index.html

    
        Running a Python script
        
        
    
        
    

Bây giờ, kịch bản Python sẽ như sau

Tệp Python -

a = 2000
b = 21
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

0

import sys
a = sys.argv[1]
b = sys.argv[2]
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

Đầu ra sẽ giữ nguyên, như được hiển thị ở trên

Chạy tập lệnh Python trong HTML bằng Django

Django là một khung phát triển web dựa trên Python nổi tiếng và mạnh mẽ. Vì nó dựa trên Python nên việc chạy các tập lệnh Python bên trong HTML dễ dàng hơn. Cách chúng tôi làm điều này là sử dụng các thẻ mẫu. Django có một số thẻ mẫu dựng sẵn như

a = 2000
b = 21
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

3,

a = 2000
b = 21
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

4,

a = 2000
b = 21
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

5,

a = 2000
b = 21
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

6, v.v. Bạn có thể tìm hiểu thêm về chúng tại đây

Vì Django rất dễ tùy chỉnh nên nó cung cấp cho các nhà phát triển một cách dễ dàng để tạo các thẻ mẫu tùy chỉnh của họ. Sử dụng các thẻ mẫu, chúng tôi có thể trả lại dữ liệu cho các mẫu HTML, có thể được nhúng bên trong mẫu HTML

Thực hiện theo các bước sau để tạo thẻ mẫu đơn giản. Chúng tôi giả định rằng chúng tôi có một ứng dụng

a = 2000
b = 21
print(f"a = {a}")
print(f"b = {b}")
print(f"a + b = {a + b}")

7 trong dự án Django của chúng tôi

• core/
  	__init__.py
      models.py
      admin.py
  	views.py
      urls.py
      ...
      templatetags/
  		__init__.py
  		...
  

• Bên trong thư mục

  a = 2000
  b = 21
  print(f"a = {a}")
  print(f"b = {b}")
  print(f"a + b = {a + b}")
  

  8, tạo một tệp Python có tên

  a = 2000
  b = 21
  print(f"a = {a}")
  print(f"b = {b}")
  print(f"a + b = {a + b}")
  

  9

• Bên trong tệp này, thêm đoạn mã sau

  from django import template
  
  register = template.Library()  
  
  @register.simple_tag
  def my_tag():
  	return "Hello World from my_tag() custom template tag."
  

  Mô-đun

  a = 2000
  b = 21
  print(f"a = {a}")
  print(f"b = {b}")
  print(f"a + b = {a + b}")
  

  9 sẽ chứa tất cả các thẻ mẫu tùy chỉnh. Như được hiển thị trong mã ở trên,

  
      
          Running a Python script
          
          
      
          
      
  
  

  1 là thẻ mẫu tùy chỉnh mà chúng tôi vừa tạo và bây giờ nó có thể được sử dụng bên trong bất kỳ mẫu HTML nào. Thẻ mẫu này sẽ trả về

  
      
          Running a Python script
          
          
      
          
      
  
  

  2 chuỗi này cho mẫu. Chúng tôi có thể tạo nhiều thẻ mẫu hơn ở đây để thực hiện các tác vụ cụ thể và phổ biến

• Bây giờ chúng tôi đã tạo thẻ mẫu đầu tiên của mình, đã đến lúc tải nó vào trong mẫu HTML của chúng tôi và sử dụng nó

  {% load static %}
  {% load my_custom_tags %}
  
  
  
  	
      	Intro
    	
      
  		
  {% my_tag %}
      
  
  

  Trước tiên, chúng tôi tải mô-đun

  a = 2000
  b = 21
  print(f"a = {a}")
  print(f"b = {b}")
  print(f"a + b = {a + b}")
  

  9 bên trong mẫu. Sau khi mô-đun được tải, giờ đây chúng ta có thể sử dụng các thẻ mẫu được xác định bên trong mô-đun

  
      
          Running a Python script
          
          
      
          
      
  
  

  4. Lưu ý rằng điều quan trọng trước tiên là tải một mô-đun bằng các thẻ mẫu tùy chỉnh trước khi sử dụng các thẻ mẫu đó

Thay vì sử dụng thẻ mẫu, chúng ta cũng có thể tạo một điểm cuối và tạo một yêu cầu AJAX tới điểm cuối đó để thực hiện một số tác vụ hoặc lấy một số dữ liệu. Chúng tôi có thể sử dụng

    
        Running a Python script
        
        
    
        
    

5 hoặc

    
        Running a Python script
        
        
    
        
    

6 hoặc bất kỳ phương pháp khả dụng nào khác để thực hiện yêu cầu AJAX. Trong khi tạo điểm cuối để xử lý yêu cầu AJAX, điều quan trọng là phải đảm bảo rằng điểm cuối được bảo mật và không cho phép truy cập dễ dàng vào dữ liệu nhạy cảm hoặc các tính năng của trang web. Vì bất kỳ ai cũng có thể thực hiện các yêu cầu AJAX nếu họ biết điểm cuối, nên chúng tôi có thể thêm xác thực CSRF (

    
        Running a Python script
        
        
    
        
    

7) vào yêu cầu đó và định cấu hình để chỉ xử lý các yêu cầu POST. Dữ liệu POST phải chứa mã thông báo CSRF

Chúng ta có thể kết nối Python với HTML không?

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

Làm cách nào để gọi hàm Python từ nút HTML?