> 백엔드 개발 > 파이썬 튜토리얼 > Python의 플라스크 프레임 워크 소개

Python의 플라스크 프레임 워크 소개

Joseph Gordon-Levitt
풀어 주다: 2025-02-28 10:23:27
원래의
485명이 탐색했습니다.

이 튜토리얼은 가벼운 파이썬 웹 프레임 워크 인 Flask를 사용하여 간단한 2 페이지 페이지 웹 사이트를 구축하는 것을 보여줍니다. 정적 컨텐츠에 중점을 둔 기초 워크 플로를 설정하고보다 복잡한 응용 프로그램을 위해 쉽게 확장 할 수 있습니다.

플라스크 설치 시작하기 전에 플라스크를 설치하십시오. 문제가 발생하면 온라인 리소스를 참조하거나 문제를 자세히 설명하는 의견을 남겨주세요.

virtualenv 설정 우리는 virtualenv를 사용 하여이 프로젝트를 위해 고립 된 파이썬 환경을 만듭니다. 이것은 다른 시스템 라이브러리와의 충돌을 방지합니다 virtualenv가 이미 설치되어 있는지 확인하십시오
그렇지 않은 경우 설치하십시오

가상 환경을 생성하고 활성화하십시오 :

이제 플라스크를 설치하십시오 :

프로젝트 구조

디렉토리 내에서 다음과 같이 프로젝트를 구성하십시오 :

아래 다이어그램은 응용 프로그램 흐름을 보여줍니다 :

사용자 요청 (예 : )은
$ virtualenv --version
로그인 후 복사
파일에 도달합니다 <🎜 🎜> <<> <🎜 폴더에서 해당 템플릿을 찾습니다 템플릿은 <🎜 폴더에서 정적 자산 (이미지, CSS, JavaScript)에 액세스합니다. 렌더링 된 html은

를 통해 브라우저로 반환됩니다.

홈 페이지 만들기 <🎜 🎜 🎜> 반복적 인 HTML 보일러 플레이트를 피하기 위해 웹 템플릿을 사용합니다. 플라스크는 Jinja2 템플릿 엔진을 사용합니다 먼저, 기본 레이아웃 템플릿을 만듭니다 : <🎜 🎜> <🎜 🎜> <<> app/템플릿/레이아웃 .html
$ pip install virtualenv
로그인 후 복사
<🎜 🎜>

다음, 홈페이지 템플릿을 만듭니다 : <🎜 🎜> <🎜 🎜> <<> app/템플릿/home.html

<🎜 🎜>
$ virtualenv flaskapp
$ cd flaskapp
$ . bin/activate
로그인 후 복사
이제 URL을 템플릿에

: <🎜 🎜>에 매핑하십시오

<<> app/lours.py
pip install Flask
로그인 후 복사
<🎜 🎜>
CSS 스타일을 <🎜 🎜>에 추가하십시오. > 앱을 실행하고 방문하면

가 홈페이지가 표시됩니다.

정보 페이지 및 내비게이션 추가 <🎜 🎜

"About"페이지를 만들고 탐색 링크를 추가하겠습니다 "정보"템플릿을 만듭니다 : <🎜 🎜> flaskapp <<> app/templates/about.html

<🎜 🎜>
<code>flaskapp/
├── app/
│   ├── static/
│   │   ├── css/
│   │   ├── img/
│   │   └── js/
│   ├── templates/
│   ├── routes.py
│   └── README.md
└── ...</code>
로그인 후 복사

update 정보 페이지 경로를 포함 시키려면 :

app/lours.py

An Introduction to Python’s Flask Framework

에 내비게이션 링크를 추가하십시오 내비게이션 스타일을 에 추가하십시오 이제

결론 이 튜토리얼은 기본 플라스크 응용 프로그램을 보여줍니다.보다 복잡한 웹 애플리케이션을 구축하기위한 확장 가능한 워크 플로우를 보여줍니다. 플라스크의 단순성과 힘은 다양한 웹 개발 프로젝트를위한 훌륭한 선택입니다.

위 내용은 Python의 플라스크 프레임 워크 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿