Flask에서 jinja2의 계승 실현 방법 및 실례

2855 단어 Flaskjinja2계승
계승의 사용에 있어서 우리가 가장 먼저 접촉한 것은 부류와 자류의 계승이다.그러나 Flask 프레임워크의 계승은 간단해야 한다. 원본 파일이 하나만 있으면 계승하고 수정할 수 있다.수정된 내용에 있어서는 키워드를 통해 실현할 수 있다.다음은 Flask에서 jinja2의 계승의 실현에 대해 이론적인 소개를 한 다음에 실례를 가져와 연습하도록 하겠습니다.

1. 설명


Jinja2에서 가장 강력한 부분은 템플릿 계승이다.템플릿 상속을 통해 기본 (프레임) 파일을 만들고 다른 파일은 상속한 다음 필요에 따라 수정할 수 있습니다.
jinja2의 프레임워크 파일에서 block 키워드를 사용하여 포함된 내용을 수정할 수 있음을 표시합니다.

2. 인스턴스


<!DOCTYPE html>
<html>
<head>
  {% block head %}
  <link rel="stylesheet" href="style.css" rel="external nofollow" />
  <title>{% block title %}{% endblock %} - My Webpage</title>
  {% endblock %}
</head>
<body>
<div id="content">{% block content %}{% endblock %}</div>
<div id="footer">
  {% block footer %}
  <script>This is javascript code </script>
  {% endblock %}
</div>
</body>
</html>
여기서는 사방 블록, 즉:head,title,content,footer를 정의합니다.그러면 어떻게 계승과 변수 교체를 진행합니까?아래의 서류를 주의해서 보아라

{% extend "base.html" %}    #  base.html 
{% block title %} Dachenzi {% endblock %}  #  title 
{% block head %}
{
{ super() }}    #  
<style type='text/css'>
.important { color: #FFFFFF }
</style>
{% endblock %}  
#  
인스턴스 확장:
템플릿 상속
아버지:

<!DOCTYPE html>
<html>
<head>
 <title> </title>
</head>
<body>
 <span> </span>
 <div id="content">{% block content %}{% endblock %}</div>
</body>
</html>

{% block content%} {% endblock%}로 jinja2를 포함하는 글꼴 섹션;
자:

<!DOCTYPE html>
<html>
<head>
 <title> </title>
</head>
<body>
 {% extend "jinja2_ .html"%}
 {% block content %}
 <p class="importtant"> </p>
</body>
</html>

{% extends "jinja2_템플릿 계승.html"%} 라벨이 관건입니다. 템플릿 엔진에 이 템플릿이 다른 템플릿에서 계승되었음을 알려 줍니다.이 탭은 하위 템플릿의 첫 번째 탭이어야 합니다. 해석기는 자동으로 아버지의 내용을 하위 템플릿에 복사합니다!
결과는 다음과 같다.

<!DOCTYPE html>
<html>
<head>
 <title> </title>
</head>
<body>
 <span> </span>
 <div id="content">
   <p class="importtant"> </p>
  </div>
</body>
</html>

이 글은 Flask에서 jinja2의 계승 실현 방법과 실례에 대한 소개입니다. 더 많은 Flask에서 jinja2의 계승이 어떻게 실현되는지에 대한 내용은 저희 이전의 글을 검색하거나 아래의 관련 글을 계속 훑어보십시오. 앞으로 많은 응원 부탁드립니다!

좋은 웹페이지 즐겨찾기