Python Flask No.4_Flask与HTML的结合

Python Flask No.4_Flask与HTML的结合

1.在pycharm的flask项目中的templates中新建好html的界面
2.在app.py中第一行from flask import Flask后面加上,render_template
3.将app.py中原本的格式改成

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

4.执行项目，弹出的网页就不再是简单的Hello_World的了，而是自己设计好的HTML页面
5注意：CSS、JS等静态资源一般放在static下面，引用的时候要注意 …/static/css/XX.css，当然，官方推荐使用url_for函数，例如

<link rel="stylesheet" href="{{url_for('static',filename='css/index.css')}}">     
<script src="{{url_for('static',filename='js/index.js')}}"></script> 
<img src="{{url_for('static',filename='image/zhiliao.png')}}" alt="">

这样做可以不用考虑css与html的位置层级关系

我的一个疑问：(初学者不懂可以不看)，我的理解是数据库存图片一般是存路径，直接存…/static/img/XX.jpg应该比到时候用url_for解析方便吧？期待有高手发表一下见解

6.后记：接下来会介绍如何利用Python将HTML表单数据从前端传到后端