3. 플라스크 웹 개발 기본 구조

3. 플라스크 웹 개발 기본 구조

728x90

1. 플라스크 웹 기본구조

html 파일은 반드시 templates 폴더에 저장되어 있어야 한다. templates 철자는 한글자라도 틀리면 안된다.

from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/about') def about(): return render_template('about.html') if __name__ == "__main__": app.run(host= "0.0.0.0", debug=True)

2. 플라스크 기반 웹 페이지 구조

layout.html 페이지는 웹 사이트 전체적인 구조를 보여주고 해당 페이지는 layout.html를 기반으로 해당되는 부분만 처리해서 웹 페이지를 구성한다.

layout.html 페이지에서 부트스트랩 CDN, 폰트, css 등 페이지를 꾸미는 요소와 연결시키고

index.html는 layout.html을 단지 연결해서 구성하면 된다.

layout.html 구조에서 특정 부분에 다른 html 을 불러오기 위해 사용되는 구문 {% block body %} {% endblock %} 이고 다른 html 페이지에서 layout.html을 참조하는 구문은 {% extends "layout.html" %}이다.

1. layout.html

생태정보 서비스 .red { background-color: red; } {% block body %} {% endblock %}

2. index.html

{% extends "layout.html" %} {% block body %} 국립공원 생태정보 서비스 Lorem ipsum dolor sit amet, consectetur adipisicing elit. Cum cupiditate deleniti dolores dolorum ea eligendi inventore iste itaque numquam omnis quas quidem quo recusandae, reiciendis similique tempore ut. Ipsam, necessitatibus? It uses utility classes for typography and spacing to space content out within the larger container. Learn more {% endblock %}

728x90

반응형

from http://ecogis.tistory.com/156 by ccl(A) rewrite - 2021-08-23 13:26:58