1.虚拟环境下载
pip install virtualenv
在cmd创建虚拟环境
virtualenv webenv 默认位置在c:/user/administer/webenv
进入虚拟环境
cd c:/user/administer/webenv
activate
退出虚拟环境
deactivate
注意事项 : 使用pip安装软件需要先进入虚拟环境
(webenv) C:\Users\Administrator\webenv\Scripts>
2.安装Flask模块
Flask快速建站:可以根据需求自己添加相应模块
进入虚拟环境
Pip install flask
3.Flask使用
使用上述新建的虚拟环境新建工程
新建main.py
from flask import Flask
4.创建app并且启动
if __name__ == "__main__":
app.run()
5.绑定路由
每个路由对应视图函数
# 将 http://127.0.0.1:5000/ 和index视图函数绑定
@app.route('/')
def index():
return "<h1>hellozzy</h1>"
6.使用模板
在工程根目录新建文件夹 templates
在templates下方新建**.html
引入render_template模块
return render_template('index.html')
7.引入静态文件
项目根目录(和templates同级目录)新建static文件夹
内部存放css img js文件
引入案例
<img src="/static/img/classobject.png" >
<link rel="stylesheet" type="text/css" href="../static/css/main.css"/>
8.模板变量,模板表达式
在加载index.html模板时传入 booklist参数 和username参数
return render_template('index.html', booklist= ["倚天屠龙记","神雕侠侣","天龙八部"], username="zzy")
模板变量
{{username}}
模板表达式
{% if booklist %}
<p>图书列表</p>
<ul>
{% for book in booklist %}
<li> {{book}} </li>
{% endfor %}
</ul>
{% else %}
<p>没有图书列表</p>
{% endif %}
HTML代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>首页--{{username}}</title>
</head>
<body>
<h1>hello--<small>{{username}}</small></h1>
{% if booklist %}
<p>图书列表</p>
<ul>
{% for book in booklist %}
<li>{{book}}</li>
{% endfor %}
</ul>
{% else %}
<p>没有图书列表</p>
{% endif %}
</body>
</html>
Python代码:
from flask import Flask,render_template
app = Flask(__name__)
# 将http://127.0.0.01:5000/和index视图函数绑定
@app.route("/")
def index():
# return "<h1>hellozwx</h1>"
return render_template("index.html",booklist = ["倚天屠龙记","小李飞刀","天龙八部"],username = "wlh")
if __name__ == "__main__":
# app.run(host="192.168.12.154",port=8888)
app.run()
下载步骤图解
配置Python:打开pycharm
将untitled文件夹直接拖动到HTML中,两边文件同步,