Hướng dẫn how do i run a python script button in html? - làm cách nào để chạy nút tập lệnh python trong html?

Tôi có một số tập lệnh Python mà tôi đã lưu trên máy tính của mình, vì tò mò tôi đã tạo một tệp HTML chỉ có một nút. Thay vào đó, khi đi vào thiết bị đầu cuối và chạy



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

6, tôi muốn làm cho nó như vậy khi nút đó được nhấp vào, sẽ khởi động một trong những tập lệnh Python của tôi. Điều này có thể/Làm thế nào nó có thể được thực hiện?

Ví dụ: mục đích chúng tôi sẽ gọi tập lệnh sẽ được chạy



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

7. Tôi đã thực hiện một nghiên cứu nhỏ nhưng đã đưa ra không có gì hứa hẹn. Tôi biết mã sau không chính xác nhưng chỉ cho điểm bắt đầu ở đây là tệp HTML của tôi.



    
        

           

        
    

Câu hỏi này được gắn thẻ với



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

8


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

9
mkdir pyscript_demo
0


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

8


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

9
mkdir pyscript_demo
0

~ Được hỏi vào 2018-01-31 22:14:41

Có nhiều cách khác nhau để thực hiện nó, kỹ thuật rất đơn giản với hòa bình an ninh, ở đây có thể giúp bạn

1. Đầu tiên bạn cần cài đặt Flask

mkdir pyscript_demo
1 trong dấu nhắc lệnh của mình, đây là một bộ vi xử lý Python, đừng sợ rằng bạn cần phải có kiến ​​thức trước để tìm hiểu rằng, nó thực sự đơn giản và chỉ là một vài dòng mã. Nếu bạn muốn bạn học bình nhanh chóng cho người mới hoàn chỉnh, đây là hướng dẫn mà tôi cũng học từ Hướng dẫn về Flask cho người mới bắt đầu [YouTube] First you need to install Flask
mkdir pyscript_demo
1
in your command prompt, which is a python microframework, don't be afraid that you need to have another prior knowledge to learn that, it's really simple and just a few line of code. If you wish you learn Flask quickly for complete novice here is the tutorial that I also learn from Flask Tutorial for beginner [YouTube]

2. Tạo một thư mục mới - Tệp 1 sẽ là Server.py
- 1st file will be server.py

_x000D_

_x000D_

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]

_x000D_

_x000D_

_x000D_

-2nd Tạo một thư mục con khác bên trong thư mục trước và đặt tên cho nó là tệp mẫu sẽ là HTML FileIndex.html của bạntemplates file will be your html file
index.html

_x000D_

_x000D_

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_

_x000D_

_x000D_

_x000D_

-2nd Tạo một thư mục con khác bên trong thư mục trước và đặt tên cho nó là tệp mẫu sẽ là HTML FileIndex.html của bạn. To run, open command prompt to the New folder directory, type

mkdir pyscript_demo
2 to run the script, then go to browser type
mkdir pyscript_demo
3, then you will see button. You can click and route to destination script file you created.

3 .. Để chạy, mở lệnh nhắc lệnh đến thư mục thư mục mới, nhập

mkdir pyscript_demo
2 để chạy tập lệnh, sau đó chuyển đến trình duyệt loại
mkdir pyscript_demo
3, sau đó bạn sẽ thấy nút. Bạn có thể nhấp và định tuyến đến tệp tập lệnh đích bạn đã tạo.

Hy vọng điều này hữu ích. Cảm ơn.

Vì bạn đã yêu cầu một cách để hoàn thành việc này trong một trang

mkdir pyscript_demo
4, tôi đang trả lời điều này. Tôi cảm thấy không cần phải đề cập đến những cảnh báo và ý nghĩa nghiêm trọng sẽ đi cùng với điều này .. Tôi tin rằng bạn biết sự bảo mật của tập lệnh
mkdir pyscript_demo
5 của bạn tốt hơn tôi :-]

Tôi sẽ sử dụng chức năng

mkdir pyscript_demo
6 trong thư viện
mkdir pyscript_demo
7. Điều này sẽ cho phép bạn gọi tập lệnh
mkdir pyscript_demo
8 của bạn miễn là tập lệnh nằm trong thư mục HTML có thể truy cập công khai ... nói rằng đây là phần mà tôi nói với bạn về các biện pháp phòng ngừa bảo mật ...as long as the script is in the publicly accessible html directory ... That said this is the part where I tell you to heed security precautions ...



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

Ngoài ra, điều đáng chú ý là tập lệnh của bạn sẽ phải có quyền thích hợp cho người dùng

mkdir pyscript_demo
9 để có thể chạy nó ... có thể cần thiết ...
cd pyscript_demo
0 và/hoặc
cd pyscript_demo
1.

~ Đã trả lời vào ngày 2018-01-31 22:27:58

Click me_x000D_ _x000D_ 0

Trong thẻ

mkdir .vscode && cd .vscode
6, chúng tôi có
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
84 với thuộc tính
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
85 chứa một số lớp là một phần của tệp
{
  "editor.formatOnSave": false
}
2. Thẻ
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
84 cũng có thuộc tính
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
88, gắn một sự kiện
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
89 vào nút. Thuộc tính
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
88 chấp nhận tên hàm
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
91, sẽ là hàm chạy khi nhấp vào nút.

Tiếp theo, chúng ta có phần tử

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
81 với ID là
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
45. Chúng tôi sẽ sửa đổi phần tử trong
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
46 với hàm
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
91 mà chúng tôi xác định.

Cuối cùng, chúng tôi liên kết đến tệp

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
96, trong đó sẽ chứa chức năng xử lý sự kiện.

Hãy để xác định

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
96 và thêm các mục sau:

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
1

Hàm

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
91 có tham số,
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
99, đây là đối tượng sự kiện được truyền tự động đến chức năng khi bạn nhấp vào nút. Bên trong hàm, chúng tôi gọi phương thức Pyscript từ ____ ____154, có hai đối số: ID phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
45 và giá trị chúng tôi muốn viết, trong trường hợp của chúng tôi,
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
02.

Đảm bảo rằng máy chủ của bạn đang chạy:

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
2

Sau đó truy cập URL

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
03 trong Chrome. Khi trang tải, nhấp vào nút và một thông báo đọc Bạn đã nhấp vào nút, sẽ xuất hiện:

Click me_x000D_ _x000D_ 04 cho phép bạn truy cập vào các phương thức JavaScript, như

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
05,
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
06,
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
07, v.v., để truy cập và thao tác các phần tử HTML. Với những điều này, bạn sẽ có thể kết hợp JavaScript và Python để thực hiện một số thao tác DOM tuyệt vời. Đây là một ví dụ:

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
3

Như bạn có thể thấy, chúng tôi đang trộn các phương thức mã Python như

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
08 cùng với các thuộc tính JavaScript
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
09 hoặc
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
10.

Trong phần này, chúng tôi chủ yếu sẽ tập trung vào các phương thức

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
10 và thuận tiện, Pyscript thực hiện nó trong phạm vi Python tự động. Chúng tôi đã giành chiến thắng thậm chí cần nhập mô -đun
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
04 để sử dụng các phương thức
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
10.

Tạo tệp

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
14 và thêm mã sau:

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
4

Trong thẻ

mkdir .vscode && cd .vscode
6, chúng tôi chỉ có một phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
41 trống với ID là
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
42. Tiếp theo, chúng tôi tham khảo
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
18 sẽ chứa mã Python của chúng tôi.

Tạo tệp

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
18 và thêm các nội dung sau:

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
5

Trong dòng đầu tiên, chúng tôi gọi phương thức

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
05 của mô -đun
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
10 với
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
22 là đối số của nó. Phương thức sẽ tìm và trả về một phần tử với ID là
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
42, đó là phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
41 trong tệp
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
14.

Trong dòng thứ hai, chúng tôi tạo một danh sách các văn bản điều hướng và lưu trữ nó trong biến

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
26. Sau đó, chúng tôi lặp lại danh sách
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
26. Trên mỗi lần lặp, chúng tôi gọi phương thức
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
06 với chuỗi
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
29 để tạo phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
64.

Sau đó, chúng tôi thêm văn bản vào phần tử

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
64 bằng thuộc tính
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
32 và thêm tên lớp
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
33 vào phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
64 bằng thuộc tính
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
35. Cuối cùng, chúng tôi nối phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
64 vào phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
41 bằng cách gọi
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
07 với phần tử
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
39 làm đối số.

Đảm bảo rằng tệp của bạn được lưu và máy chủ vẫn đang chạy. Truy cập

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
40 và bạn sẽ thấy một trang giống như sau:

Click me_x000D_ _x000D_ 33, mà chúng tôi đặt trong Python:

Click me_x000D_ _x000D_ 44 đến API để truy xuất dữ liệu. API chúng tôi sẽ sử dụng là API dữ liệu ngẫu nhiên. Chúng tôi sẽ tạo một nút bằng một sự kiện nhấp chuột để chạy một hàm gọi API mỗi khi nhấp vào nút.

Tạo tệp

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
45 trong thư mục của bạn và thêm các nội dung sau:

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
6

Mã nên quen thuộc vào thời điểm này. Phần quan trọng nhất là thẻ

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
84, có thuộc tính
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
47 chấp nhận hàm
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
48. Hàm sẽ nằm trong tệp
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
49 được liên kết ở phía dưới. Hãy để đi trước và tạo tập tin.

Trong trình soạn thảo văn bản của bạn, hãy tạo một tệp mới có tên

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
49 với các nội dung sau:

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
7

Trong dòng đầu tiên, chúng tôi nhập phương thức

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
51 từ mô -đun
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
52, cho phép chúng tôi thực hiện các yêu cầu mạng không đồng bộ. Trong dòng thứ hai, chúng tôi nhập mô -đun
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
53, là một phần của thư viện tiêu chuẩn Python và cung cấp các từ khóa
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
54 và
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
55 hữu ích để tạo các hàm không đồng bộ.

Tiếp theo, chúng tôi xác định hàm không đồng bộ

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
48 bằng cách tiền tố nó với từ khóa
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
54 từ mô -đun
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
53. Trong hàm, chúng tôi gọi phương thức
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
51 chấp nhận hai đối số:

  • _x000D_
    _x000D_
    _x000D_
    Test _x000D_
         _x000D_
        _x000D_
            

    My Website

    _x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
    60: Điểm cuối API
  • _x000D_
    _x000D_
    _x000D_
    Test _x000D_
         _x000D_
        _x000D_
            

    My Website

    _x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
    61: Loài phương pháp HTTP bạn muốn sử dụng, đó là phương pháp
    _x000D_
    _x000D_
    _x000D_
    Test _x000D_
         _x000D_
        _x000D_
            

    My Website

    _x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
    44 ở đây.

Khi

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
51 chạy, nó trả về một đối tượng, sau đó được lưu trữ trong biến
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
64. Trong dòng sau, chúng tôi gọi
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
65 trên đối tượng
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
64 để phân tích JSON và trả về từ điển Python, sau đó được lưu trữ trong biến
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
67.

Trong một vài dòng tiếp theo, bạn trích xuất tên, tên đệm và họ từ

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
67 Dict và lưu trữ chúng trong các biến tương ứng của chúng. Cuối cùng, chúng tôi kết hợp các tên bằng cách sử dụng các chuỗi F Python và gọi phương thức
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
69 để ghi dữ liệu trong phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
44 với ID là
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
45.

Hãy chắc chắn rằng máy chủ của bạn đang chạy và truy cập trang

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
72. Khi trang tải, nhấp vào nút
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
73. Bạn sẽ thấy rằng một tên mới được tạo mỗi khi nhấp vào nút:

Click me_x000D_ _x000D_ 04.

Để sử dụng lưu trữ cục bộ, chúng tôi sẽ tạo một khu vực văn bản cho phép người dùng nhập nhận xét. Nếu họ muốn lưu bình luận, họ sẽ nhấp vào nút

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
76 sẽ chạy chức năng lưu dữ liệu trong bộ nhớ cục bộ. Mỗi khi trang được truy cập, dữ liệu sẽ được truy xuất từ ​​lưu trữ cục bộ và khu vực văn bản sẽ được đặt thành dữ liệu.

Tạo tệp

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
77 và thêm các nội dung sau:

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
8

Trong thẻ

mkdir .vscode && cd .vscode
6, chúng tôi tạo thẻ
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
79 với ID
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
80. Chúng tôi sẽ sử dụng ID này để có được một tham chiếu về phần tử khu vực văn bản trong Python. Tiếp theo, chúng tôi có một nút có
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
76 là ID của nó và một sự kiện nhấp chuột sẽ gọi hàm
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
82, mà chúng tôi đã định nghĩa. Cuối cùng, chúng tôi tham khảo
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
83, trong đó sẽ chứa mã Python của chúng tôi. Hãy để tạo ra các tập tin ngay bây giờ.

Tạo

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
83 và thêm các mục sau:

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
9

Đầu tiên, chúng tôi nhập đối tượng

cd pyscript_demo
7 từ mô -đun
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
04. Tiếp theo, chúng tôi xác định hàm
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
87, lấy
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
99 làm tham số. Bên trong hàm, chúng tôi gọi lớp
cd pyscript_demo
6 với ID
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
80 để có được tham chiếu của khu vực văn bản. Khi phương thức tìm thấy khu vực văn bản, chúng tôi sử dụng thuộc tính
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
91 để lấy nội dung vùng văn bản và lưu trữ giá trị trong biến
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
92. Trong dòng tiếp theo, chúng tôi gọi phương thức
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
93 của đối tượng
cd pyscript_demo
7 để lưu văn bản nhận xét trong đối tượng
cd pyscript_demo
7 dưới phím
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
80.

Bây giờ, hàm

_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
87 sẽ chỉ chạy khi nhấp vào nút
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
76. Tuy nhiên, tiến hành bên ngoài chức năng
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
87, các dòng theo chức năng sẽ chỉ thực thi trong quá trình tải trang.

Khi trang được tải lần đầu tiên, chúng tôi sử dụng câu lệnh



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

00 để kiểm tra xem đối tượng
cd pyscript_demo
7 có dữ liệu dưới khóa
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
80 không. Nếu đúng, chúng tôi tham chiếu khu vực văn bản bằng lớp
cd pyscript_demo
6 và lưu trữ thể hiện của nó trong biến


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

04. Tiếp theo, chúng tôi gọi phương thức
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
54 của ví dụ


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

04 để cập nhật nội dung vùng văn bản với dữ liệu từ lưu trữ cục bộ.

Hãy chắc chắn rằng máy chủ của bạn đang chạy và truy cập



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

07. Nhập bất kỳ văn bản bạn thích và nhấp vào nút Lưu.Save button.

Click me_x000D_ _x000D_ 05 với bộ chọn ID



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

19, có tham chiếu của phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
41. Trong dòng thứ hai, chúng tôi gọi phương thức


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

21 với tên tệp


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

09 và lưu trữ đối tượng tệp là


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

23.

Trong câu lệnh



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

24, chúng tôi lặp lại trên mỗi dòng được lưu trữ trong đối tượng tệp


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

23. Trong mỗi lần lặp, chúng tôi tạo một phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
64 bằng phương pháp
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
10 đối tượng ____ ____206. Tiếp theo, chúng tôi đặt nội dung văn bản
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
64 thành giá trị trong biến


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

30 bằng thuộc tính


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

31 của thể hiện


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

32. Cuối cùng, chúng tôi nối phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
64 vào phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
41 bằng cách gọi
_x000D_
_x000D_
_x000D_
Test _x000D_
     _x000D_
    _x000D_
        

My Website

_x000D_ _x000D_ _x000D_ _x000D_ _x000D_ Click me_x000D_ _x000D_
07 với


      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

32 làm đối số.

Khởi động lại máy chủ [nếu bạn dừng nó trước đó]:

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
2

Truy cập URL



      
  
  
    

    

    
        function goPython[]{
            $.ajax[{
              url: "MYSCRIPT.py",
             context: document.body
            }].done[function[] {
             alert['finished python script'];;
            }];
        }
    
  

37 và bạn sẽ thấy nội dung từ tệp PlainText được hiển thị trên trang:

Nếu bạn kiểm tra các yếu tố, bạn sẽ thấy rằng có bốn yếu tố

from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
64 được nối với phần tử
from flask import Flask, render_template_x000D_
app = Flask[__name__]_x000D_
_x000D_
@app.route['/']_x000D_
def index[]:_x000D_
  return render_template['index.html']_x000D_
_x000D_
@app.route['/my-link/']_x000D_
def my_link[]:_x000D_
  print ['I got clicked!']_x000D_
_x000D_
  return 'Click.'_x000D_
_x000D_
if __name__ == '__main__':_x000D_
  app.run[debug=True]
41.

Với điều đó, bây giờ bạn có thể đọc các tệp trong hệ thống tệp. Bạn có thể sử dụng cùng một cách tiếp cận để đọc các tệp CSV và nhiều định dạng tệp khác.

Sự kết luận

Trong hướng dẫn này, chúng tôi đã học cách sử dụng pyscript repl, tạo các mô-đun tùy chỉnh, sử dụng các mô-đun từ thư viện tiêu chuẩn Python và nhập các mô-đun bên thứ ba. Chúng tôi cũng đã học cách truy cập và thao tác các phần tử bằng Pyscript, thực hiện các yêu cầu API, sử dụng

cd pyscript_demo
7 và đọc tệp Plaintext từ hệ thống tệp.

Để khám phá Pyscript hơn nữa, hãy truy cập trang chủ Pyscript. Ngoài ra, hãy xem trang Tài liệu Pyodide để tìm hiểu thêm về các khả năng mà nó cho phép trong trình duyệt.

Bạn đang thêm các thư viện JS mới để cải thiện hiệu suất hoặc xây dựng các tính năng mới? Điều gì sẽ xảy ra nếu họ làm điều ngược lại?

Không có nghi ngờ gì về việc Frontends đang trở nên phức tạp hơn. Khi bạn thêm các thư viện JavaScript mới và các phụ thuộc khác vào ứng dụng của bạn, bạn sẽ cần nhiều khả năng hiển thị hơn để đảm bảo người dùng của bạn không gặp phải các vấn đề không xác định.

Logrocket là một giải pháp giám sát ứng dụng Frontend cho phép bạn phát lại các lỗi JavaScript như thể chúng đã xảy ra trong trình duyệt của riêng bạn để bạn có thể phản ứng với lỗi hiệu quả hơn.

//logrocket.com/signup/

Logrocket hoạt động hoàn hảo với bất kỳ ứng dụng nào, bất kể khung và có các plugin để đăng nhập bối cảnh bổ sung từ Redux, Vuex và @ngrx/Store. Thay vì đoán tại sao các vấn đề xảy ra, bạn có thể tổng hợp và báo cáo về trạng thái của ứng dụng của bạn khi xảy ra vấn đề. Logrocket cũng theo dõi hiệu suất ứng dụng của bạn, báo cáo các số liệu như tải CPU của máy khách, sử dụng bộ nhớ máy khách và hơn thế nữa.

Xây dựng một cách tự tin - bắt đầu giám sát miễn phí.

Bạn có thể đặt kịch bản Python trong HTML không?

Dự án Pyscript mới cho phép bạn nhúng các chương trình Python trực tiếp vào các trang HTML và thực hiện chúng trong trình duyệt mà không có bất kỳ yêu cầu dựa trên máy chủ nào. and execute them within the browser without any server-based requirements.

Làm thế nào chúng ta có thể thực thi mã python bằng nút HTML django?

Cách chạy tập lệnh Python bằng cách nhấp vào nút HTML..
Bước 1: Cài đặt PIP Django.....
Bước 2: Mở cửa sổ nhắc nhở của bạn và tạo một thư mục gọi là "Django-Webapp" ....
Bước 3: Trong cửa sổ nhắc nhở của bạn, điều hướng đến Django-Webapp & Run Django-Admin StartProject GeniusVoice [hoặc tên dự án Django của riêng bạn].

Bài Viết Liên Quan

Toplist mới

Bài mới nhất

Chủ Đề