Hướng dẫn how does flask work with html? - làm thế nào để bình hoạt động với html?

Bình là gì? ¶

Flask là một khung web. Điều này có nghĩa là Flask cung cấp cho bạn các công cụ, thư viện và công nghệ cho phép bạn xây dựng một ứng dụng web. Ứng dụng web này có thể là một số trang web, blog, wiki hoặc đi lớn như ứng dụng lịch dựa trên web hoặc trang web thương mại.

Bình là một phần của các loại của khung hình vi mô. Định thức vi mô thường là khung công tác ít hoặc không phụ thuộc vào các thư viện bên ngoài. Điều này có ưu và nhược điểm. Ưu điểm sẽ là khung là nhẹ, có rất ít sự phụ thuộc để cập nhật và theo dõi các lỗi bảo mật, nhược điểm là một thời gian bạn sẽ phải tự mình làm việc nhiều hơn hoặc tăng danh sách các phụ thuộc bằng cách thêm plugin. Trong trường hợp của bình, các phụ thuộc của nó là:

  • Werkzeug một thư viện tiện ích WSGI
  • jinja2 là công cụ mẫu của nó

Ghi chú

WSGI về cơ bản là một giao thức được xác định để ứng dụng Python có thể giao tiếp với máy chủ web và do đó được sử dụng làm ứng dụng web bên ngoài CGI.

Động cơ mẫu là gì? ¶

Bạn đã bao giờ xây dựng một trang web chưa? Bạn có phải đối mặt với vấn đề để giữ phong cách của trang web nhất quán, bạn đã phải viết nhiều lần cùng một văn bản? Bạn đã bao giờ cố gắng thay đổi phong cách của trang web như vậy?

Nếu trang web của bạn chỉ chứa vài trang, việc thay đổi phong cách của nó sẽ khiến bạn mất một thời gian nhưng có thể thực hiện được. Tuy nhiên, nếu bạn có nhiều trang (ví dụ như danh sách các mặt hàng bạn bán trong cửa hàng của mình), nhiệm vụ này sẽ trở nên quá sức.

Sử dụng các mẫu, bạn có thể đặt bố cục cơ bản cho các trang của mình và đề cập đến yếu tố nào sẽ thay đổi. Bằng cách này, bạn có thể xác định tiêu đề của mình một lần và giữ cho nó nhất quán trên tất cả các trang của trang web của bạn và nếu bạn cần thay đổi tiêu đề của mình, bạn sẽ chỉ phải cập nhật nó ở một nơi.

Sử dụng một công cụ mẫu sẽ giúp bạn tiết kiệm rất nhiều thời gian khi tạo ứng dụng của bạn mà còn khi cập nhật và duy trì nó.

Ứng dụng Hello Hello World trong bình thường

Chúng tôi sẽ thực hiện một ứng dụng rất cơ bản với Flask.

  • Tạo cấu trúc của dự án

mkdir -p hello_flask/{templates,static}

Đây là cấu trúc cơ bản của ứng dụng web của bạn:

$ tree hello_flask/
hello_flask/
|-- static
`-- templates

Thư mục

$ tree hello_flask/
hello_flask/
|-- static
`-- templates
0 là nơi các mẫu sẽ được đặt. Thư mục
$ tree hello_flask/
hello_flask/
|-- static
`-- templates
1 là nơi mà bất kỳ tệp nào (hình ảnh, CSS, JavaScript) cần thiết cho ứng dụng web sẽ được đặt.

  • Tạo tệp ứng dụng

cd hello_flask
vim hello_flask.py

Đặt mã sau trong tệp này:

#!/usr/bin/env python

import flask


# Create the application.
APP = flask.Flask(__name__)


@APP.route('/')
def index():
    """ Displays the index page accessible at '/'
    """
    return flask.render_template('index.html')


if __name__ == '__main__':
    APP.debug=True
    APP.run()

  • Tạo mẫu
    $ tree hello_flask/
    hello_flask/
    |-- static
    `-- templates
    
    2

Đặt mã sau trong tệp này


<html lang='en'>
<head>
  <meta charset="utf-8" />
  <title>Hello world!title>
  <link type="text/css" rel="stylesheet"
        href="{{ url_for('static',
              filename='hello.css')}}" />
head>
<body>

It works!

body>
html>

  • Chạy ứng dụng bình

Truy cập http://127.0.0.1:5000/ Điều này chỉ đơn giản là hiển thị cho bạn màu đen trên màu trắng văn bản. Nó hoạt động! (Xem hình bên dưới).

Hướng dẫn how does flask work with html? - làm thế nào để bình hoạt động với html?

Sử dụng các đối số trong bình

Trong phần này, chúng tôi sẽ xem cách sử dụng một trang theo URL được sử dụng bởi người dùng.

Đối với điều này, chúng tôi sẽ cập nhật

$ tree hello_flask/
hello_flask/
|-- static
`-- templates
3.

  • Thêm mục sau trong
    $ tree hello_flask/
    hello_flask/
    |-- static
    `-- templates
    
    3

@APP.route('/hello//')
def hello(name):
    """ Displays the page greats who ever comes to visit it.
    """
    return flask.render_template('hello.html', name=name)

  • Tạo mẫu sau
    $ tree hello_flask/
    hello_flask/
    |-- static
    `-- templates
    
    5


<html lang='en'>
<head>
    <meta charset="utf-8" />
    <title>Hellotitle>
    <link type="text/css" rel="stylesheet"
          href="{{ url_for('static',
               filename='hello.css')}}" />
head>
<body>

      Hello {{name}}

body>
html>

  • Chạy ứng dụng bình

Truy cập http://127.0.0.1:5000/ Điều này chỉ đơn giản là hiển thị cho bạn màu đen trên màu trắng văn bản. Nó hoạt động! (Xem hình bên dưới).

Sử dụng các đối số trong bình

Hướng dẫn how does flask work with html? - làm thế nào để bình hoạt động với html?

Trong phần này, chúng tôi sẽ xem cách sử dụng một trang theo URL được sử dụng bởi người dùng.

Đối với điều này, chúng tôi sẽ cập nhật

$ tree hello_flask/
hello_flask/
|-- static
`-- templates
3.

Thêm mục sau trong $ tree hello_flask/ hello_flask/ |-- static `-- templates 3

Tạo mẫu sau

$ tree hello_flask/
hello_flask/
|-- static
`-- templates
5

Truy cập http://127.0.0.1:5000/ Điều này chỉ đơn giản là hiển thị cho bạn màu đen trên màu trắng văn bản. Nó hoạt động!

  • Truy cập http://127.0.0.1:5000/hello/you Điều này sẽ trả lại cho bạn văn bản Xin chào bạn (xem hình bên dưới).


<html lang='en'>
<head>
  <meta charset="utf-8" />
  <title>{% block title %}{% endblock %} - Hello Flask!title>
  <link type="text/css" rel="stylesheet"
       href="{{ url_for('static',
                        filename='hello.css')}}" />
head>
<body>

{% block body %}{% endblock %}

body>
html>

  • Bất cứ điều gì bạn đặt phía sau
    $ tree hello_flask/
    hello_flask/
    |-- static
    `-- templates
    
    6 trong URL sẽ được trả lại cho bạn trong trang.

{% extends "master.html" %}

{% block title %}Home{% endblock %}

{% block body %}
It works!
{% endblock %}

Đây là lần đầu tiên bạn sử dụng mẫu, chúng tôi đã thiết lập một biến

$ tree hello_flask/
hello_flask/
|-- static
`-- templates
7 trong
$ tree hello_flask/
hello_flask/
|-- static
`-- templates
3 (xem dòng trả về của hàm
$ tree hello_flask/
hello_flask/
|-- static
`-- templates
9). Biến này sau đó được hiển thị trong chính trang bằng cách sử dụng cú pháp
cd hello_flask
vim hello_flask.py
0.

Công việc bổ sung/

  • Sử dụng các mẫu
  • Hiện tại cho mỗi trang, chúng tôi đã tạo một mẫu, đây thực sự là thực tế xấu, những gì chúng tôi nên làm là tạo một mẫu
    cd hello_flask
    vim hello_flask.py
    
    1 và có mỗi trang sử dụng nó.

Tạo mẫu

cd hello_flask
vim hello_flask.py
2

Điều chỉnh mẫu

$ tree hello_flask/
hello_flask/
|-- static
`-- templates
2

Để tạo một liên kết trong một mẫu, bình dựa vào hàm

#!/usr/bin/env python

import flask


# Create the application.
APP = flask.Flask(__name__)


@APP.route('/')
def index():
    """ Displays the index page accessible at '/'
    """
    return flask.render_template('index.html')


if __name__ == '__main__':
    APP.debug=True
    APP.run()
4. Hàm này lấy đối số đầu tiên chức năng bạn muốn gọi (liên kết đến). Các đối số sau đây là các đối số của chức năng (ví dụ: đối số
$ tree hello_flask/
hello_flask/
|-- static
`-- templates
7 của hàm
$ tree hello_flask/
hello_flask/
|-- static
`-- templates
9.

Điều chỉnh mẫu

$ tree hello_flask/
hello_flask/
|-- static
`-- templates
5 để thêm liên kết vào trang nhất

<a href="{{ url_for('index') }}"><button>Homebutton>a>

  • Là một bài tập, hãy thêm một liên kết trong trang đầu vào trang xin chào cho bạn.

Làm thế nào truyền dữ liệu từ bình sang html?

Từ bình Nhập bình, Render_Template, Yêu cầu ..
@app.route('/').
Sinh viên def ():.
trả về render_template ('student.html').
@app.Route ('/result', setree = ['post', 'get']).
Kết quả def ():.
Nếu request.method == 'Post':.
return render_template ("result.html", result = result).

Bình trong HTML là gì?

Flask là một khung web.Điều này có nghĩa là Flask cung cấp cho bạn các công cụ, thư viện và công nghệ cho phép bạn xây dựng một ứng dụng web.Ứng dụng web này có thể là một số trang web, blog, wiki hoặc đi lớn như ứng dụng lịch dựa trên web hoặc trang web thương mại.

Bạn có thể xây dựng một trang web với bình không?

Bạn thực sự có thể xây dựng các ứng dụng web mạnh mẽ với Python.Và đó là rất nhiều niềm vui.Trong hướng dẫn này, bạn sẽ tìm hiểu khung web Flask và bạn sẽ xây dựng một trang web từ đầu.Flask là một khung Python tuyệt vời để xây dựng các ứng dụng web và rất dễ học.. And it's a lot of fun. In this tutorial, you will learn the Flask web framework, and you will build a website from scratch. Flask is a great Python framework for building web applications, and it is easy to learn.

Làm thế nào để bạn hiển thị đầu ra Python trên trang HTML bình?

Tạo một trang HTML đơn giản để hiển thị văn bản.Tạo một tuyến đường và/và trở về nhà.html từ chức năng. Sau đó, hãy chạy tệp api.py của bạn và nhấp vào liên kết mà nó cung cấp sau khi chạy.create a route ”/” and return home. html from the function. Then run your api.py file and click on the link that it provides after running.