Hướng dẫn how do you pass a variable from html to python? - làm thế nào để bạn chuyển một biến từ html sang python?

Question

Bạn có thể sử dụng một ứng dụng web Bình đơn giản để làm điều này.

Nội dung chính Show

Ví dụ URL đơn giản: Nhận phương thức
Ví dụ hình thức đơn giản: Nhận phương thức
Kết hợp các biến và một số logic
Làm cách nào để chuyển dữ liệu từ biểu mẫu HTML sang tệp Python?
Làm thế nào để bạn kết nối giữa HTML và Python?
Làm thế nào để bạn chuyển một biến JavaScript cho một bình python?

Bạn có thể tạo một tệp HTML có biểu mẫu đầu vào HTML như thế này:

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/get-text', methods=['GET', 'POST'])
def foo():
    bar = request.form['test']

if __name__ == '__main__':
    app.run()

0

<form action="/get-text" method="POST">
    <input type="text" name="test">
    <input type="submit" value="Go">
</form>

Ứng dụng bình của bạn sẽ trông như thế này ở dạng đơn giản nhất.

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/get-text', methods=['GET', 'POST'])
def foo():
    bar = request.form['test']

if __name__ == '__main__':
    app.run()

1

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/get-text', methods=['GET', 'POST'])
def foo():
    bar = request.form['test']

if __name__ == '__main__':
    app.run()

Phân cấp tệp sẽ trông như thế này:

- app
    - templates
        - index.html
    - app.py

Khi người dùng nhấn nút

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/get-text', methods=['GET', 'POST'])
def foo():
    bar = request.form['test']

if __name__ == '__main__':
    app.run()

2 trên biểu mẫu HTML, mã trong hàm

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/get-text', methods=['GET', 'POST'])
def foo():
    bar = request.form['test']

if __name__ == '__main__':
    app.run()

3 sẽ được thực thi và văn bản sẽ được lưu trữ trong biến

from flask import Flask, request, render_template

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/get-text', methods=['GET', 'POST'])
def foo():
    bar = request.form['test']

if __name__ == '__main__':
    app.run()

4.

Phương thức GET gửi thông tin người dùng được mã hóa được thêm vào yêu cầu trang. Trang và thông tin được mã hóa được phân tách bởi? ký tự như sau -

http://www.test.com/cgi-bin/hello.py?key1=value1&key2=value2

Phương thức GET là phương thức mặc định để truyền thông tin từ trình duyệt sang máy chủ web và nó tạo ra một chuỗi dài xuất hiện trong vị trí của trình duyệt: hộp. Không bao giờ sử dụng phương thức Get nếu bạn có mật khẩu hoặc thông tin nhạy cảm khác để chuyển đến máy chủ.

Phương thức GET có giới hạn kích thước: Chỉ có 1024 ký tự có thể được gửi trong chuỗi yêu cầu. Phương thức GET gửi thông tin bằng tiêu đề Query_String và sẽ có thể truy cập được trong chương trình CGI của bạn thông qua biến môi trường Query_String.

Bạn có thể truyền thông tin bằng cách kết hợp các cặp khóa và giá trị cùng với bất kỳ URL nào hoặc bạn có thể sử dụng thẻ HTML để truyền thông tin bằng phương thức GET.

Ví dụ URL đơn giản: Nhận phương thức

Dưới đây là một URL đơn giản, chuyển hai giá trị cho chương trình hello_get.py bằng phương thức Get.

Dưới đây là tập lệnh hello_get.py để xử lý đầu vào được đưa ra bởi trình duyệt web. Chúng tôi sẽ sử dụng mô -đun CGI, giúp việc truy cập thông tin được truyền -hello_get.py script to handle input given by web browser. We are going to use cgi module, which makes it very easy to access passed information −

Thí dụ

#!/usr/bin/python
# Import modules for CGI handling
import cgi, cgitb
# Create instance of FieldStorage
form = cgi.FieldStorage()
# Get data from fields
first_name = form.getvalue('first_name')
last_name = form.getvalue('last_name')
print "Content-type:text/html\r
\r
"
print "<html>"
print "<head>"
print "<title>Hello - Second CGI Program</title>"
print "</head>"
print "<body>"
print "<h2>Hello %s %s</h2>" % (first_name, last_name)
print "</body>"
print "</html>"

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Hello ZARA ALI

Ví dụ hình thức đơn giản: Nhận phương thức

Ví dụ này vượt qua hai giá trị bằng cách sử dụng mẫu HTML và nút gửi. Chúng tôi sử dụng cùng một tập lệnh CGI hello_get.py để xử lý đầu vào này.

<form action = "/cgi-bin/hello_get.py" method = "get">
First Name: <input type = "text" name = "first_name"> <br />
Last Name: <input type = "text" name = "last_name" />
<input type = "submit" value = "Submit" />
</form>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

Ví dụ hình thức đơn giản: Nhận phương thức

Ví dụ này vượt qua hai giá trị bằng cách sử dụng mẫu HTML và nút gửi. Chúng tôi sử dụng cùng một tập lệnh CGI hello_get.py để xử lý đầu vào này.
Dưới đây là đầu ra thực tế của biểu mẫu trên, bạn nhập tên trước và tên cuối cùng và sau đó nhấp vào nút Gửi để xem kết quả.
Cập nhật ngày 31 tháng 1-2020 07:59:46
Câu hỏi và câu trả lời liên quan
Vượt qua thông tin bằng phương pháp bài viết trong Python
Làm thế nào để có được một thông tin hệ thống tệp bằng Python?
Làm thế nào để có được thông tin dịch vụ với phương thức WMI bằng PowerShell?
Chuyển đến phương thức Geticon trong SAPUI5
Chuyển mảng cho phương pháp trong java
Thông tin sử dụng tài nguyên sử dụng Python
Làm thế nào để có được thông tin ổ đĩa đầy đủ bằng C#?
Làm thế nào để có được thông tin đĩa bằng PowerShell?
Chuyển tham số trống cho một phương thức trong JavaScript
Nhận thông tin giới hạn máy cho các loại số nguyên trong Python
Nhận thông tin giới hạn máy cho các loại float trong Python
Nhận () Phương pháp cho từ điển trong Python

Kết hợp các biến và một số logic

Trong hướng dẫn phát triển web Flask này với Python, chúng tôi bao gồm việc bổ sung các biến bình trong HTML, mẫu và một số logic của bạn.

Ý tưởng ở đây là chúng ta có thể sử dụng Python để tạo các biến xuất hiện trong các trang của chúng ta. Lấy một bảng, ví dụ, với các giá trị trong đó tương ứng với giá của các mặt hàng trong một cửa hàng. Chúng tôi muốn bảng này năng động với giá thay đổi trong cơ sở dữ liệu của chúng tôi, vì vậy chúng tôi muốn điền vào bảng bằng các biến thay vì phải chỉnh sửa thủ công HTML mỗi khi giá thay đổi.

Để làm điều này, chúng tôi cũng sử dụng các mẫu, đó là mã HTML đóng vai trò là "mẫu" cho trang web của chúng tôi. Các mẫu chứa một loạt mã HTML mà chúng tôi mong đợi thường sử dụng với trang web của chúng tôi, với một số khía cạnh biến và động khác biệt giữa các trang. Hình thức cơ bản nhất của mẫu là một hình thức chứa mọi thứ từ thanh điều hướng của bạn trở lên. Vì điều này thường vẫn giống hệt nhau trên mỗi trang của trang web của bạn, đây sẽ là một ví dụ về những gì bạn muốn mẫu.

Chúng tôi cũng bao gồm bằng cách sử dụng Try-Except để xử lý lỗi. Có thể hữu ích khi có các ngoại lệ ghi lại các lỗi trong tệp nhật ký ít nhất.

Đầu tiên, một ví dụ nhanh về Try-Except trả về một chuỗi từ ngoại lệ:

  from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def homepage():
    try:
        x += 5
        return "Hi there"
    except Exception, e:
        return str(e)

if __name__ == "__main__":
    app.run()

Trên đây sẽ trả về lỗi mà x không được xác định trong trình duyệt, thay vì lỗi HTTP. Bạn có thể sử dụng điều này để xử lý một số lỗi trên trang của bạn. Tôi không khuyên bạn nên thực sự hiển thị lỗi cho trang, nhưng thay vào đó bạn có thể đăng nhập các lỗi vào tệp hoặc gửi cho mình một email xảy ra lỗi và một số thông tin về nó. Có các tùy chọn xử lý lỗi HTML tùy chỉnh với bình mà chúng tôi cũng sẽ bao gồm sau đó, như 404 không tìm thấy. Không phải là một ý tưởng tốt để hiển thị các lỗi cho người dùng trong trình duyệt, vì điều này thường có thể cung cấp cái nhìn sâu sắc trực tiếp về các hoạt động bên trong của trang web của bạn. Đối với người dùng điển hình, điều này là ổn, nhưng hiển thị dữ liệu này cho một hacker, người có thể có mục đích gây ra các lỗi này, điều này có thể rất tệ.

Tiếp theo, mẫu.

Trong thư mục mẫu của bạn, thêm phần sau là "index.html"

  
<!DOCTYPE html>
<html lang="en">

<head>

</head>

<body class="body">
	<header>
		
	</header>
	 <body>
	   <h3>{{ title }}</h3>
	   <br>
		{% for p in paragraph %}
		<p>{{ p }}</p>
		{% endfor %}
	 </body>

</html>

Xem {{title}}? Đây là cách chúng tôi có thể chuyển các biến từ Python sang trang HTML của chúng tôi. Vì vậy, niềng răng xoăn đôi biểu thị các biến. Bạn sẽ thấy cách chúng tôi chuyển chúng đến trang Index, nhưng chúng được truyền dưới dạng tham số chức năng.

Tiếp theo, bạn có thể thấy:

                  
        {% for p in paragraph %}
		<p>{{ p }}</p>
	{% endfor %}

Bất cứ khi nào bạn nhìn thấy niềng răng xoăn với các biểu tượng phần trăm, điều đó có nghĩa là một tuyên bố đang được gọi. Trong trường hợp này, một vòng lặp. Chúng ta cũng có thể làm nếu, khác, và Elif rất dễ dàng. Tuy nhiên, hãy lưu ý rằng chúng tôi cũng được yêu cầu sử dụng các câu lệnh "kết thúc". HTML không hoạt động như Python theo nghĩa là các tab biểu thị các khối mã. Không nói rõ ràng nơi kết thúc của vòng lặp hoặc câu lệnh, bạn sẽ thấy mình bị lỗi.

Nếu bạn đang theo dõi qua các video, hãy đảm bảo bạn xem cả hai, có hai video về chủ đề này trước khi chúng tôi vào Bootstrap.

Hướng dẫn tiếp theo:

Làm cách nào để chuyển dữ liệu từ biểu mẫu HTML sang tệp Python?

Để đăng dữ liệu biểu mẫu HTML lên máy chủ ở định dạng được mã hóa URL bằng Python, bạn cần thực hiện yêu cầu POST HTTP cho máy chủ và cung cấp dữ liệu biểu mẫu HTML trong phần thân của thông báo Python Post. Bạn cũng cần chỉ định kiểu dữ liệu bằng cách sử dụng tiêu đề yêu cầu loại nội dung: Ứng dụng/X-www-form-urlencoded.make an HTTP POST request to the server and provide the HTML form data in the body of the Python POST message. You also need to specify the data type using the Content-Type: application/x-www-form-urlencoded request header.

Làm thế nào để bạn kết nối giữa HTML và Python?

HTML và CSS cho các 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.....

Kiểu nội dung của bạn với CSS.Thêm màu sắc vào 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.....

Conclusion..

Làm thế nào để bạn chuyển một biến JavaScript cho một bình python?

Chuyển một biến JavaScript sang biến python trong bình, chúng tôi có hàm onclick () đang gọi hàm javaScript sendUserInfo () của chúng tôi.Bây giờ, có một vài điều khoản để hiểu ở đây.GetEuityByID là một phương thức trả về các giá trị có ID khớp với chuỗi được đưa ra trong phương thức.We have an onclick() function that is calling our senduserinfo() JavaScript function. Now, there are a few terms to understand here. getElementByID is a method that returns the values whose id matches the string given in the method.

programming python