python web开发(一):Flask入门

1. Flask 简介

python的主流web框架有Django,tornado等,前两者功能全,适用于工业,而flask简单易上手。web应用程序最初目的是利用互联网交流工作文档。
<img src="https://gitee.com/funcheng/image/raw/master/image-20210526200024420.png"

2. Flask使用

2.1 入门

路由解析默认是@app.route("/") ,只需输入ip地址和端口即可

from flask import Flask

app = Flask(__name__)

# 路由解析: 通过用户访问的路径,匹配相应的函数(浏览器输入最后部分)
@app.route("/index")
def hello_word():
    return "你好"

if __name__ == "__main__":
    app.run(debug=True)   # True表示开始debug模型

输出:

D:\ProgramFiles\Anaconda\python.exe D:/Desktop/TEMP/Spider/program/flask_demo.py
 * Serving Flask app "flask_demo" (lazy loading)
 * Environment: production
   WARNING: Do not use the development server in a production environment.
   Use a production WSGI server instead.
 * Debug mode: on
 * Restarting with stat
 * Debugger is active!
 * Debugger PIN: 426-587-012
 * Running on http://127.0.0.1:5000/ (Press CTRL+C to quit)

在浏览器中输入http://127.0.0.1:5000/index 得到如下结果

2.2 传参

from flask import Flask

app = Flask(__name__)   # Flask有参数template_folder可以指定html模板存放位置,默认为当前项目下的`templates`文件夹

# 传入参数name 
@app.route("/user/<name>")
def hello_word(name):
    return "你好,%s"%name

if __name__ == "__main__":
    app.run(debug=True)   # True表示开始debug模型

浏览器输入http://127.0.0.1:5000/user/xiaofang 得到如下结果

image-20210526202902334

2.2.1 定义多个参数

@app.route("/user/<name>/<password>")
def hello_word(name, password):
    return "你好,%s,你的密码为%s"%(name,password)

注意:上面传入的参数默认是字符串类型

2.2.2 传入指定类型的参数:

支持int float

@app.route("/user/<name>/<int:id>")
def hello_word(name, id):
    return "你好%s,你的密码为%d"%(name,id)

image-20210526203612881
若定义多个路由函数,自动根据传入的参数及其类型来选择相应的函数执行,但是路由不能重,用户通过唯一路径访问不同函数

2.3 使用 render_template 打开网页

from flask import Flask, render_template

app = Flask(__name__)  # Flask有参数template_folder可以指定html模板存放位置,默认为当前项目下的`templates`文件夹

# 装饰器创建了网址 /(根网址) 和 函数index 的对应关系以后用户在浏览器上访问 host:port/网站自动执行该函数
@app.route("/")
def index():
    return render_template("index.html")

if __name__ == "__main__":
    app.run(debug=True)   # True表示开始debug模型, 还可通过host port等参数指定主机和端口

注意:目录结构如下图所示,必须包含 templates目录,且html文件必须放在templates 目录下,如若在网页中显示图像,则图像必须存放在static文件夹下

2.3.1 向页面传递变量

在html文件中{{}}直接访问变量,{% control %} 是控制语句,具体如下所示,展示了在html中使用普通变量、列表和字典

html 文件编写如下:重点看8到21行

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>
<body>
  {{ var1 }}: 你好啊<br/>           <!--用两个大括号嵌套是来访问变量-->

  欢迎光临,
  {% for item in var2 %}            <!--大括号和百分号结合作为控制结构,if语句也类似-->
      {{ item }}
  {% endfor %}

  个人信息:<br/>             <!--了解如何在页面打印表格,以及如何迭代--->
  <table border="1">        <!--表格是table-->
      {% for key, val in var3.items() %}
      <tr>        <!--一行是tr-->
          <td>{{key}}</td>   <!--一行中的一列是td-->
          <td>{{val}}</td>
      </tr>
      {% endfor %}
  </table>

</body>
</html>

python编写的flask如下: 重点看7到11行,参数的传递过程

 from flask import Flask, render_template
 import datetime
 
 app = Flask(__name__)
 
 @app.route("/")
 def index():
     time = datetime.datetime.today()  # 普通变量
     name = ["xiaofang", "xiaocheng"]
     person = {"name":"oranger", "sex":"man", "age":18}
     return render_template("index.html", var1 = time, var2 = name, var3=person)
 
 if __name__ == "__main__":
     app.run(debug=True)   # True表示开始debug模型

2.3.2 表单提交

首先编辑注册表单的html代码 register.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册信息</title>
</head>
<body>

<!--<form action="http://localhost:5000/result" method="post">
     也可如下动态的获取路径,()中填入对应的路由即可-->
<form action={{url_for('result')}} method="post">
    <p>name:<input type="text" name="name"></p>
    <p>age:<input type="text" name="age"></p>
    <p>sex:<input type="text" name="sex"></p>
    <p>address:<input type="text" name="address"></p>
    <p><input type="submit" value="suply"></p>

</form>

</body>
</html>

表单提交后响应的 html 文件 result.html, 直接打印出表单提交的内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    {{result}}
</body>
</html>

python服务程序app.py

from flask import Flask, render_template,request
import datetime

app = Flask(__name__)

# 提交表单
@app.route("/register")
def index():
    return render_template("test/register.html")   # 该html文件位于templates下的test文件下

# 接收表单的路由,需要指定methods为post
@app.route("/result",methods=["POST","GET"])
def result():
    if request.method == "POST":
        result = request.form   # 将提交的表单设定成字典
        return  render_template("result.html", result=result)

if __name__ == "__main__":
    app.run(debug=True)   # True表示开始debug模型

结果如下所示

3. Jinjia2模板使用

python+flask 中一般采用的是 jinja2 模板,要渲染一个模板,通过render_template方法即可,在2.3章节中已经简单介绍过render_template的使用,本章节将介绍更高级的使用方法,具体可参考如下两篇文章
Flask 框架中 Jinja2 模板使用方法总结
Flask jinjia2: # {{ }}引用变量数据,执行函数 # {%%}逻辑代码

  • 1
    点赞
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值