Flask를 Pycharm에서 html과 css를 사용해 보았습니다.

여러분, 안녕하세요. 나카가와( 🌸 )입니다. 최근 Flask를 시작했습니다. 일본에서의 web 개발에서는, python보다 ruby ​​쪽이 주류로 인기도 있다고 생각합니다만, 해외에서는 python도 web 개발로 상당히 사용되고 있는 것 같습니다. 파이썬은 아직 일본에서 침투하지 않았기 때문에 파이썬 자체는 해외 서비스에서 배웠습니다. 파이썬의 웹 개발에서는 Flask가 사용되기도 하고 있습니다만, 일본에서의 정보가 적기 때문에 정보 수집에 조금 이르렀습니다만, python도 해외의 서비스로 학습했기 때문에 Flask도 해외의 서비스 에서 학습하려고 무사히 조금씩 할 수 있게 되어 있습니다.

개발 환경은 Pycharm


나는 기본 파이썬 개발 환경이 pycharm입니다. 영어로 쓰여지고 기능이 많기 때문에 영어를 전혀 할 수 없는 사람에게는 어려울지도 모릅니다. 영어가 특기라는 사람에게는 꼭 추천입니다.
pycharm의 도입 방법은 아래의 링크를 알기 쉽습니다.
Pycharm의 도입 방법

flask 라이브러리도 설치해야 합니다. 그 도입 방법도 아래 링크에서 참고로 가면 좋다고 생각합니다.
PyCharm으로 라이브러리 설치

아래의 동영상은 영어입니다만 환경 개발은 동영상이 이해하기 쉽다고 생각하므로 일단 붙여 둡니다.
( htps: //같다. 베 / 쨩 j ↓ 오 j Q )

파이썬 코드



python.py
from flask import Flask,render_template

app = Flask(__name__)

@app.route("/")
@app.route("/<user>")
def index(user=None):
    return render_template("user.html", user=user)

@app.route('/profile/<name>')
def profile(name):
    return render_template("python.html",name=name)

@app.route("/shopping")
def shopping():
    food = ["Cheese","Tuna","Beaf"]
    return render_template("shopping.html",food=food)

if __name__ == '__main__':
    app.run()

CSS



<h4>HTMLコード</h4>
```shopping.html
<!doctype html>
<ul>
    {% for item in food %}
        <li>{{ item }}</li>
    {% endfor %}
</ul>

user.html
<!doctype html>
<ul>
    <!doctype html>

{% if user %}
    <h1>Hello {{ user }}</h1>
{% else %}
    <h1>Plaese log in </h1>
{% endif %}
</ul>

python.html
<!doctype html>
<title>welcome to </title>
<link rel="stylesheet" type="text/css" href="{{url_for('static',filename='new.css') }}">
<h1>Hey there {{ name }}</h1>

CSS


h1 {
  color: deepskyblue
}

웹 서버를 시작한 후의 이미지








참고로 한 동영상



이번 참고로 한 것은 영어이지만 youtube의 동영상입니다.
꼭 Flask에 관심이 있으시면 아래 링크를 참조하십시오.
( htps //w w. 요츠베. 이 m/와 tch? v=t24조 k06와 8 )
( htps //w w. 요츠베. 이 m/와 tch? v = 아오보 S0 레 St4 )

좋은 웹페이지 즐겨찾기