Flask bao gồm HTML

Cài đặt Jinja

Trước khi khám phá bất kỳ gói mới nào, bạn nên tạo và kích hoạt một môi trường ảo. Bằng cách đó, bạn đang cài đặt bất kỳ phụ thuộc dự án nào trong môi trường ảo của dự án thay vì trên toàn hệ thống

Chọn hệ điều hành của bạn bên dưới và sử dụng lệnh dành riêng cho nền tảng của bạn để thiết lập môi trường ảo

PS> python -m venv venv
PS> .\venv\Scripts\activate
[venv] PS>

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Với các lệnh trên, bạn tạo và kích hoạt một môi trường ảo có tên

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Sau khi bạn đã tạo và kích hoạt môi trường ảo của mình, đã đến lúc cài đặt Jinja với

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

________số 8_______

Đừng quên

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

Điều đáng chú ý là mặc dù phiên bản chính hiện tại thực sự lớn hơn

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Để làm cho mọi thứ trở nên khó hiểu hơn, sau khi cài đặt Jinja với chữ hoa

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

>>>

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

Khi bạn cố gắng nhập

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

>>> import Jinja2
Traceback [most recent call last]:
  ...
ModuleNotFoundError: No module named 'Jinja2'

>>> import jinja2
>>> # No error

Kết xuất mẫu Jinja đầu tiên của bạn

Với Jinja được nhập, bạn có thể tiếp tục tải và hiển thị mẫu đầu tiên của mình

>>>

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

Thành phần cốt lõi của Jinja là lớp

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

Những gì bạn vừa làm có vẻ không ấn tượng hơn nhiều so với việc sử dụng một chuỗi được định dạng bằng Python thuần túy. Tuy nhiên, ví dụ này cho thấy hai bước quan trọng mà bạn thường thực hiện khi sử dụng Jinja

1. Tải một mẫu. Tải một nguồn có chứa các biến giữ chỗ. Theo mặc định, chúng được đặt trong một cặp dấu ngoặc nhọn [

   >>> import jinja2
   >>> environment = jinja2.Environment[]
   >>> template = environment.from_string["Hello, {{ name }}!"]
   >>> template.render[name="World"]
   'Hello, World!'
   

   6]
2. Kết xuất mẫu. Điền vào chỗ dành sẵn với nội dung. Bạn có thể cung cấp từ điển hoặc ngữ cảnh. Trong trường hợp này, bạn đã điền vào trình giữ chỗ để bạn nhận được ______18_______7 quen thuộc làm đầu ra

Mẫu nguồn mà bạn đang tải có thể là một chuỗi ký tự. Nhưng mọi thứ trở nên thú vị hơn khi bạn làm việc với tệp và cung cấp tệp văn bản dưới dạng mẫu

Sử dụng tệp bên ngoài làm mẫu

Nếu bạn muốn làm theo các ví dụ trong hướng dẫn này, thì bạn có thể tiếp tục và tạo một thư mục mới để làm việc trong đó. Bên trong thư mục làm việc của bạn, tạo một thư mục có tên

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

Bạn sẽ lưu trữ bất kỳ mẫu sắp tới nào trong thư mục

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

Hãy tưởng tượng rằng bạn là một giáo viên muốn gửi kết quả cho những học sinh có thành tích tốt. Mẫu

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

Tiếp theo, tạo một tệp Python có tên

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

Khi bạn tạo môi trường Jinja với

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

Lưu ý rằng các khóa của từ điển

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

Khi bạn gọi

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

Bạn vừa tạo một tệp cho từng học sinh của mình. Ví dụ, hãy xem

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

Các biến của mẫu

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

Sử dụng câu lệnh if

Trong ví dụ ở phần trước, bạn đã lập trình tạo các thông báo tùy chỉnh cho các học sinh giỏi nhất của mình. Bây giờ là lúc để xem xét tất cả các sinh viên của bạn. Thêm hai học sinh có điểm thấp hơn vào

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Bạn thêm điểm của Fritz và Sirius vào danh sách

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Ngoài các biến mà bạn đã sử dụng trước đây, giờ đây bạn cũng đang sử dụng câu lệnh điều kiện với khối Jinja. Thay vì sử dụng một cặp dấu ngoặc nhọn kép, bạn tạo các khối Jinja bằng một dấu ngoặc nhọn và một dấu phần trăm [

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

Trong khi bạn có thể coi các biến thông thường là các chuỗi con, các khối Jinja bao bọc một phần lớn hơn trong mẫu của bạn. Đó là lý do tại sao bạn cũng cần nói cho Jinja biết khối của bạn kết thúc ở đâu. Để đóng một khối, bạn sử dụng lại chính các từ khóa đó, với tiền tố

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

Trong ví dụ trên, bạn đang bắt đầu một khối

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

Trong ví dụ trên, các sinh viên đồng ý rằng họ muốn lấy 80 điểm làm điểm chuẩn cho hiệu suất thử thách Python của họ. Vui lòng thay đổi

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

Đòn bẩy cho vòng lặp

Bạn cũng có thể kiểm soát luồng mẫu của mình bằng

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Tạo một tệp mới có tên

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Tại đây, bạn đang tạo một trang HTML lặp qua từ điển

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Bạn có thể kết hợp các câu lệnh

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Tùy thuộc vào điểm số của học sinh, bạn hiển thị biểu tượng cảm xúc mặt cười hoặc mặt buồn. Note that you can put the block expressions on a single line, too

Go on and update

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

In addition to the

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Note. Using

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Với một từ điển chứa tất cả ngữ cảnh của mẫu của bạn, bạn có thể gọi

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

>>>

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

You can view the rendered HTML file in your code editor. However, since you’re working with HTML now, you can also have a look at the file in your browser

Like in Python scripts, you can control the flow of Jinja templates with the

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

With templates, you can create building blocks for larger websites without duplicating your front-end code. That’s why web frameworks like Flask leverage the power of Jinja templates. In the next section, you’ll learn how to use Flask to render data from the back end into the web pages of the front end

cài đặt bình

You can continue working in the same directory and virtual environment that you created in the previous section. Khi bạn đang ở trong môi trường ảo đang hoạt động của mình, hãy tiếp tục và cài đặt Flask

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

With Flask installed, continue to create your first route to verify that Flask works as expected. Create a file named

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

When you put an

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

To see your home page in the browser, start your Flask development web server

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Now your Flask app is running in

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

To see your home page, visit

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Awesome, you now have a running Flask app. In the next section, you’ll implement Jinja templates in your Flask app

Add a Base Template

So far, your Flask app returns a string. You could enhance your string by adding HTML code, and Flask would render it for you. But as you learned in the previous section, using templates makes rendering content much more convenient for you

Create a new template named

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

In

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python -m pip install Jinja2

By default, Flask expects your templates in a

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Note. Usually, you’d improve your website’s look with CSS and add some functionality with JavaScript. Bởi vì bạn đang tập trung vào cấu trúc nội dung trong hướng dẫn này, nên bạn sẽ giữ cho ứng dụng web của mình hầu như không được tạo kiểu

Restart your Flask development server if it hasn’t updated automatically already. Then visit

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Flask rendered the

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Add Another Page

In one of the , you used

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

Đảm bảo rằng

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

[venv] $ python -m pip install Jinja2

Các điều chỉnh duy nhất cho phiên bản cũ hơn được đánh dấu ở trên

• Dòng 7 thêm tiêu đề trang động
• Dòng 11 nâng cao tiêu đề đầu tiên

Để truy cập trang kết quả trong ứng dụng web của bạn, bạn phải tạo một lộ trình. Thêm đoạn mã sau vào

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python -m pip install Jinja2

Trong một ứng dụng web chính thức, bạn có thể lưu trữ dữ liệu trong cơ sở dữ liệu bên ngoài. Hiện tại, bạn giữ

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Flask's

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Khi bạn truy cập

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

Bây giờ bạn có một trang chủ và một trang hiển thị kết quả của học sinh. That’s a great start for a web app

Trong phần tiếp theo, bạn sẽ học cách tận dụng sức mạnh của các mẫu nhiều hơn nữa bằng cách lồng chúng vào nhau. You’ll also add a navigation menu to your project so that users can conveniently jump from page to page

Điều chỉnh mẫu cơ sở của bạn

Khi bạn sử dụng kế thừa mẫu của Jinja, bạn có thể di chuyển cấu trúc chung của ứng dụng web của mình sang mẫu cơ sở gốc và để các mẫu con kế thừa mã đó

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python -m pip install Jinja2

You use the

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python write_messages.py
.. wrote message_sandrine.txt
.. wrote message_gergeley.txt
.. wrote message_frieda.txt

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Lưu ý rằng bạn cũng đặt tên cho các khối của mình. Với đối số

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Ghi chú. Tên của các khối nội dung của bạn phải là duy nhất bên trong mỗi mẫu. Nếu không, Jinja sẽ bối rối không biết chọn khối nào để thay thế

Nội dung mà bạn có ở giữa các thẻ

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

You can also decide not to add fallback content in between

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Trong

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Trong phần tiếp theo, bạn sẽ chuẩn bị mẫu con của mình để làm việc với

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Mở rộng mẫu con

Bạn hiện có một mẫu

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python -m pip install Jinja2

Để kết nối mẫu con với mẫu gốc, bạn phải thêm thẻ

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Child templates also contain

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Lưu ý rằng

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Bạn không cần điều chỉnh chế độ xem

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

Keep in mind that any content outside the child template’s blocks won’t appear on your rendered page. Ví dụ: nếu bạn muốn thêm điều hướng vào

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Bao gồm một Menu điều hướng

The navigation of a website is usually displayed on every page. Với cấu trúc mẫu cơ sở và mẫu con của bạn, tốt nhất bạn nên thêm mã cho menu điều hướng vào

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Instead of adding the navigation menu code directly into

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Các mẫu được bao gồm là các phần có chứa một phần mã HTML đầy đủ. To indicate that a template is meant to be included, you can prefix its name with an underscore [

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Follow the prefix-based naming scheme and create a new template named

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

[venv] $ python -m pip install Jinja2

Note that

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

When you use

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Include

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python -m pip install Jinja2

Instead of adding the navigation menu code directly into

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Trang kết quả của bạn kế thừa mã từ mẫu cơ sở của bạn. When you click a link in the navigation menu, the URL in your address bar changes based on your current page

Điều chỉnh các mục menu của bạn

Jinja cung cấp một loạt. Nếu bạn kiểm tra chúng, thì bạn sẽ nhận thấy rằng chúng trông giống với các hàm dựng sẵn của Python và

Trước khi bạn tiếp tục, hãy xem lại phần

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python -m pip install Jinja2

Hiện tại, các mục menu của bạn được hiển thị bằng chữ thường để khớp với tên của chế độ xem. Nếu

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Tuy nhiên, bạn có thể điều chỉnh hiển thị của

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Bạn chỉ định biến và sau đó là ký hiệu ống dẫn [_______8_______10], tiếp theo là bộ lọc. Trong một số trường hợp, bạn có thể chỉ định đối số trong ngoặc đơn

Trong menu điều hướng của bạn, bạn bàn giao biến

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Truy cập

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Hoàn hảo, các mục menu hiện được viết hoa. Bạn đã triển khai tính năng đầu tiên trong danh sách yêu cầu của mình. Đã đến lúc giải quyết yêu cầu tính năng tiếp theo

Sắp xếp danh sách kết quả của bạn

Hiện tại, kết quả của học sinh xuất hiện theo thứ tự như bạn đã định nghĩa chúng trong từ điển ở

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python -m pip install Jinja2

Mở

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

[venv] $ python -m pip install Jinja2

Bộ lọc

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Của bạn

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

[venv] $ python -m pip install Jinja2

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

[venv] $ python -m pip install Jinja2

Chuyển đến

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Bạn đã sử dụng bộ lọc

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Đầu tiên, bạn sắp xếp sinh viên của bạn theo tên. Nếu có hai sinh viên trùng tên, thì bạn sắp xếp họ theo điểm số của họ. Tất nhiên, những sinh viên có cùng tên thực sự cần một số khác biệt ngoài điểm số của họ, nhưng với mục đích của ví dụ này, việc sắp xếp này là đủ

Bạn đảo ngược thứ tự của

{# templates/message.txt #}

Hello {{ name }}!

I'm happy to inform you that you did very well on today's {{ test_name }}.
You reached {{ score }} out of {{ max_score }} points.

See you tomorrow!
Anke

Ghi chú. Ngược lại với việc sử dụng Booleans trong Python, bạn nên viết Booleans trong Jinja bằng chữ thường

Bạn sử dụng các bộ lọc để chuyển đổi dữ liệu trong các mẫu của mình một cách độc lập với phần cuối của bạn. Khi áp dụng bộ lọc cho một biến, bạn có thể thay đổi giá trị của biến cho người dùng mà không thay đổi bất kỳ cấu trúc dữ liệu cơ bản nào

Kiểm tra để tìm hiểu thêm về các bộ lọc mẫu

Nếu bạn muốn đưa nhiều logic hơn nữa vào các mẫu của mình, thì bạn có thể tận dụng các macro. Trong phần tiếp theo, bạn sẽ khám phá các macro bằng cách triển khai thêm ba tính năng trong ứng dụng Flask của mình

Triển khai Chế độ tối

Đối với một số học sinh, cách phối màu sáng tối sẽ hấp dẫn hơn về mặt thị giác. Để phục vụ cho tất cả học viên của mình, bạn sẽ thêm tùy chọn chuyển sang chế độ tối với văn bản màu sáng trên nền tối

Thêm tệp

[venv] $ python -m pip install Jinja2

>>> import jinja2
>>> environment = jinja2.Environment[]
>>> template = environment.from_string["Hello, {{ name }}!"]
>>> template.render[name="World"]
'Hello, World!'

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Bạn xác định một macro với khối

[venv] $ python -m pip install Jinja2

Đối với macro

[venv] $ python -m pip install Jinja2

Để tránh phục vụ một trang web có chủ đề tối theo mặc định, bạn muốn cung cấp cho sinh viên của mình tùy chọn để chuyển đổi thiết kế. Khi họ thêm

[venv] $ python -m pip install Jinja2

Ở dòng 4, bạn đang sử dụng đối tượng

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Nếu tham số chế độ tối tồn tại trong yêu cầu GET, thì bạn hiển thị liên kết có tùy chọn chuyển sang chế độ sáng trong dòng 5 và thêm thẻ

[venv] $ python -m pip install Jinja2

Để sử dụng macro của bạn, bạn phải nhập chúng vào mẫu cơ sở của mình. Cũng giống như câu lệnh

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Tùy thuộc vào tham số GET của yêu cầu, bạn hiển thị chế độ tối và hiển thị liên kết để chuyển sang chủ đề màu khác

Bằng cách cung cấp

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Bạn có thể thử cung cấp

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Làm nổi bật học sinh giỏi nhất của bạn

Một lý do khác để giới thiệu macro cho dự án Flask của bạn là đặt một số logic vào ngăn riêng của nó. Giống như các mẫu lồng nhau, chức năng gia công phần mềm cho macro có thể dọn dẹp mẫu gốc của bạn

Để làm nổi bật học sinh giỏi nhất của bạn bằng biểu tượng cảm xúc ngôi sao, hãy dọn dẹp

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Lưu ý rằng bạn không nhập

[venv] $ python -m pip install Jinja2

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Thay vì thêm nhiều mã hơn vào một mục danh sách trong

Hello Gergeley!

I'm happy to inform you that you did very well on today's Python Challenge.
You reached 87 out of 100 points.

See you tomorrow!
Anke

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

# write_messages.py

from jinja2 import Environment, FileSystemLoader

max_score = 100
test_name = "Python Challenge"
students = [
    {"name": "Sandrine",  "score": 100},
    {"name": "Gergeley", "score": 87},
    {"name": "Frieda", "score": 92},
]

environment = Environment[loader=FileSystemLoader["templates/"]]
template = environment.get_template["message.txt"]

for student in students:
    filename = f"message_{student['name'].lower[]}.txt"
    content = template.render[
        student,
        max_score=max_score,
        test_name=test_name
    ]
    with open[filename, mode="w", encoding="utf-8"] as message:
        message.write[content]
        print[f".. wrote {filename}"]

[venv] $ python -m pip install Jinja2

Macro

[venv] $ python -m pip install Jinja2

1. Từ điển

   [venv] $ python -m pip install Jinja2
   

   59 hiện tại
2. Danh sách

   # write_messages.py
   
   from jinja2 import Environment, FileSystemLoader
   
   max_score = 100
   test_name = "Python Challenge"
   students = [
       {"name": "Sandrine",  "score": 100},
       {"name": "Gergeley", "score": 87},
       {"name": "Frieda", "score": 92},
   ]
   
   environment = Environment[loader=FileSystemLoader["templates/"]]
   template = environment.get_template["message.txt"]
   
   for student in students:
       filename = f"message_{student['name'].lower[]}.txt"
       content = template.render[
           student,
           max_score=max_score,
           test_name=test_name
       ]
       with open[filename, mode="w", encoding="utf-8"] as message:
           message.write[content]
           print[f".. wrote {filename}"]
   

   0 đầy đủ

Nếu bạn đã truy cập trang của mình bây giờ, bạn sẽ gặp lỗi vì Flask không thể tìm thấy macro mà bạn đang tham chiếu. Tiếp tục và thêm macro mới của bạn vào

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Jinja cho phép bạn xác định các biến của riêng mình bên trong một mẫu với khối

[venv] $ python -m pip install Jinja2

Trong

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Khi bạn biết điểm cao nhất trong số các học sinh của mình, sau đó bạn kiểm tra điểm của học sinh hiện tại của bạn so với điểm đó từ dòng 8 đến 14

Truy cập

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Ngoài biểu tượng cảm xúc mặt cười hoặc buồn mà bạn đã hiển thị trước đây, giờ đây, bạn hiển thị biểu tượng cảm xúc ngôi sao cho học sinh có thành tích tốt nhất của mình

Đánh dấu trang hiện tại

Tính năng cuối cùng mà bạn triển khai sẽ cải thiện menu điều hướng của bạn. Hiện tại, menu điều hướng vẫn giữ nguyên trên cả hai trang. Trong phần này, bạn sẽ tạo một macro đánh dấu mục menu của trang hiện tại bằng một mũi tên

Thêm một macro khác vào

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Macro

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Ngoài ra, bạn kiểm tra chế độ màu. Nếu

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Thay thế liên kết mục menu trong

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

[venv] $ python -m pip list
Package    Version
---------- -------
Jinja2     3.x
...

Bằng cách thêm macro

[venv] $ python -m pip install Jinja2

[venv] $ python -m pip install Jinja2

Truy cập

$ python3 -m venv venv
$ source venv/bin/activate
[venv] $

Macro là một tính năng mạnh mẽ của Jinja. Tuy nhiên, bạn không nên lạm dụng chúng. Trong một số trường hợp, có thể tốt hơn nếu đưa logic vào phần cuối thay vì để các mẫu của bạn thực hiện công việc

Sẽ luôn có những trường hợp khó khăn mà bạn phải quyết định xem bạn có thêm mã trực tiếp vào mẫu của mình hay không, chuyển nó sang một mẫu được bao gồm hay tạo macro thay thế. Nếu mã mẫu của bạn vật lộn quá nhiều với cấu trúc dữ liệu, thì đó thậm chí có thể là dấu hiệu cho thấy logic mã của bạn thuộc về mặt sau của ứng dụng