찾다
웹 프론트엔드CSS 튜토리얼플라스크에서 Jinja2와 템플릿 : 필수

Jinja2 : 플라스크 응용 프로그램의 효율적인 템플릿 엔진

Jinja2는 Django와 같은 비 XML 구문을 제공하면서 인라인 표현식 및 선택적 샌드 박스 환경을 지원하는 순수한 파이썬 작성 템플릿 엔진입니다. 작고 빠르며 사용하기 쉽고 독립형 템플릿 엔진입니다. 플라스크는 웹 애플리케이션을 빠르고 효율적으로 작성할 수있는 작은 파이썬 기반 웹 프레임 워크입니다.

이 일련의 튜토리얼은 플라스크의 관점에서 Jinja2 템플릿의 기본 지식을 설명합니다. 다음 섹션에서는 고급 템플릿 주제를 소개하고 플라스크 기반 애플리케이션에서 모듈 식적이고 확장 가능한 방식으로 템플릿을 레이아웃하는 방법을 배웁니다.

이 자습서는 플라스크의 기본 사항을 마스터하고 Python Application 개발을 위해 VirtualEnV를 사용하여 환경을 설정하기위한 모범 사례를 이해한다고 가정합니다.

설치 팩 플라스크에는 jinja2와 함께 제공되므로 플라스크 만 설치하면됩니다. 이 튜토리얼 시리즈는보다 안정적인 명령 줄 지원과 다른 많은 기능 및 개선 사항을 포함하는 Flask의 개발 버전을 사용하는 것이 좋습니다.

템플릿 엔진이 필요한 이유는 무엇입니까?

플라스크에서는 타사 템플릿 엔진없이 완전한 웹 응용 프로그램을 작성할 수 있습니다. if, else 및

블록의 간단한 예를 살펴 보겠습니다. 다음과 같이 페이지를 업데이트하십시오 flask_app/templates/home.html

이 템플릿이 아래 그림과 같이 상단 필터를 어떻게 확장하는지 시청하십시오.

이제 서버를 실행하는 경우 제품 이름이 모두 자본화되어 있음을 알 수 있습니다.

pip install https://github.com/mitsuhiko/flask/tarball/master

요약 이 튜토리얼에서는 플라스크 기반 애플리케이션에서 Jinja2 레이아웃 템플릿 구조를 사용하는 방법을 배웠습니다. 또한 블록을 사용하여 템플릿에서 상속을 활용하는 방법을 배웠습니다.

이 시리즈의 다음 부분에서는 사용자 정의 필터, 사용자 정의 컨텍스트 프로세서 및 매크로를 작성하는 방법을 배웁니다. {% %} home.html 이 기사는 업데이트되었으며 Esther Vaati의 기여를 포함합니다. Esther는 소프트웨어 개발자이자 Envato Tuts의 기고자입니다.

위 내용은 플라스크에서 Jinja2와 템플릿 : 필수의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
CSS 애니메이션 : 만들기가 어렵습니까?CSS 애니메이션 : 만들기가 어렵습니까?May 09, 2025 am 12:03 AM

cssanimationsarenherinly에 hardbutreepracticenderstandingofcsspropertiesandtimingflestions.1) startsimpleants withsimpleatslikeScalingabuttononHoverusingKeyframes.2) useAsingfuctionslikecubic-bezierfornateffects, 그러한 분위기, 3)

@keyframes CSS : 가장 많이 사용되는 트릭@keyframes CSS : 가장 많이 사용되는 트릭May 08, 2025 am 12:13 AM

@keyframesispopularduetoitstativerstatility 및 powerincreatingsmoothcssanimations.keytricksinclude : 1) states 사이에 moothtransitionsbettites, 2) 애니메이션 multiplepropertiessimultory, 3) vendorPixesforBrowsercompatibility, 4) 빗질을 사용하여

CSS 카운터 : 자동 번호 매기기에 대한 포괄적 인 안내서CSS 카운터 : 자동 번호 매기기에 대한 포괄적 인 안내서May 07, 2025 pm 03:45 PM

csScounterSearedTomanageAutomaticNumberingInberingInwebDesigns.1) 1) theCanbeusedfortablestoffContents, ListItems 및 CustomNumbering.2) AdvancedUsesInSinestedNumberingsystems.3) CreativeUseNvolvecust를 CreativeSinvolecust.4) CreativeSinvolvecust

스크롤 구동 애니메이션을 사용한 현대 스크롤 그림자스크롤 구동 애니메이션을 사용한 현대 스크롤 그림자May 07, 2025 am 10:34 AM

특히 모바일 장치에 스크롤 그림자를 사용하는 것은 Chris가 이전에 다룬 미묘한 UX입니다. Geoff는 애니메이션 타임 라인 속성을 사용하는 새로운 접근 방식을 다루었습니다. 또 다른 방법이 있습니다.

이미지 맵 재 방문이미지 맵 재 방문May 07, 2025 am 09:40 AM

빠른 새로 고침을 통해 실행합시다. 이미지 맵은 html 3.2로 돌아가는데, 먼저 서버 측 맵과 클라이언트 측지 맵은 맵 및 영역 요소를 사용하여 이미지를 통해 클릭 가능한 영역을 정의했습니다.

DEVS 상태 : 모든 개발자를위한 설문 조사DEVS 상태 : 모든 개발자를위한 설문 조사May 07, 2025 am 09:30 AM

Devs State Survey는 이제 참여에 개방되어 있으며, 이전 설문 조사와 달리 코드, 직장, 건강, 취미 등을 제외한 모든 것을 포함합니다. 

CSS 그리드는 무엇입니까?CSS 그리드는 무엇입니까?Apr 30, 2025 pm 03:21 PM

CSS 그리드는 복잡하고 반응이 좋은 웹 레이아웃을 만드는 강력한 도구입니다. 디자인을 단순화하고 접근성을 향상 시키며 이전 방법보다 더 많은 제어를 제공합니다.

CSS Flexbox 란 무엇입니까?CSS Flexbox 란 무엇입니까?Apr 30, 2025 pm 03:20 PM

기사는 반응 형 설계에서 공간의 효율적인 정렬 및 분포를위한 레이아웃 방법 인 CSS Flexbox에 대해 설명합니다. Flexbox 사용을 설명하고 CSS 그리드와 비교하고 브라우저 지원 세부 사항을 설명합니다.

See all articles

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

Video Face Swap

Video Face Swap

완전히 무료인 AI 얼굴 교환 도구를 사용하여 모든 비디오의 얼굴을 쉽게 바꾸세요!

뜨거운 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

VSCode Windows 64비트 다운로드

VSCode Windows 64비트 다운로드

Microsoft에서 출시한 강력한 무료 IDE 편집기

SublimeText3 영어 버전

SublimeText3 영어 버전

권장 사항: Win 버전, 코드 프롬프트 지원!

SublimeText3 Linux 새 버전

SublimeText3 Linux 새 버전

SublimeText3 Linux 최신 버전

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구