[개인플젝 : Waste-less] 2주차 개발로그 - Flask template rendering

rimu·2020년 4월 13일
1
post-custom-banner

1. app.py 파일 만들기, render-template 임포트

from flask import Flask, render_template
app = Flask(__name__)

if __name__ == '__main__':
    app.run('0.0.0.0', port=5000, debug=True)

2.template, static 폴더에 html, css, js파일 생성

html 파일 -> templates 폴더
css, js, image파일 -> static 폴더

반드시 이 규칙을 지켜줘야지 플라스크가 파일을 인식하고 렌더링 할 수 있음!

3. 라우팅

@app.route('/')
def home():
    return render_template('index.html')


@app.route('/mall')
def mall():
    return render_template('mall.html')

4.html파일에 css,js,image 삽입하는 규칙

이것 역시 플라스크가 인식할 수 있는 규칙으로 이야기해줘야한다.

<link
      rel="stylesheet"
      href="{{url_for('static', filename='styles.css')}}" />

<img src="{{ url_for('static', filename='images/1.png') }}" />

 <script
      type="text/javascript"
      src="{{ url_for('static', filename='mall.js') }}"></script>

5. 끝!

음하핫.. 이제 디자인 수정하러 가야겠다....

profile
Perfectly imperfect ✨
post-custom-banner

0개의 댓글