Flask基础学习

1.debug、host、port 模式修改

  1. debug模式

默认debug模式是off,在修改代码调试过程中需要暂停重启使用,这时可修改on模式解决。

同时在debug模式开启下可看到出错信息。

下面有关于Pycharm社区版和专业版修改debug模式的区别

专业版

社区版:

复制代码
if __name__ == '__main__':
    app.run(debug=True)

对比如下

host、port模式修改:

host模式的修改可使同一网络的其他电脑访问本IP,port模式的修改避免同一端口被程序占用。

复制代码
专业版编辑,社区版同上使用app.run(port='***',host='***')

运行结果:

url文件的配置

  1. 使用路由传值方式,语法:<?> 直接传给函数值使用

    @app.route('/book/')
    def hello_world(id):
    return 'Hello {}!'.format(id)

  2. 查询字符串方式传值,语法:request.args.get(...)

    @app.route('/book/list')
    def book_list():
    page = request.args.get('page',default=1,type=int)
    return 'this page value: {}!'.format(page)

  1. jinja2模板使用:

    from flask import Flask,request,render_template

    app = Flask(name)

    @app.route('/book/')
    def hello_world(id):
    # return 'Hello {}!'.format(id)
    return render_template('index.html',id = id,username ='pass')

运行结果:

html 的语法:{{ ... }}

复制代码
    <title>当前页ID: {{ page }},用户名:{{ username }}</title>

过滤器使用 语法:{{ xxx | length }}

  • {{ xxx | list }}
  • {{ xxx | lower }}
  • {{ xxx | safe }}
  • {{ xxx | reverse }}

自定义过滤器使用

复制代码
from datetime import datetime
def datetime_format(value,format= '%Y-%d-%m %H:%M'):
    return value.strftime(format)

app = Flask(__name__)
app.add_template_filter(datetime_format,'dformat')

# 绑定过滤器名称
@app.route('/book/list')
def book_list():
    mytime = datetime.now()
    print(mytime)
    return render_template('index.html',mytime=mytime)

# web 应用
<title>{{ mytime|dformat }}</title>

if for 模板应用

语法:

复制代码
{{% if xxx > 10 %}}

{{% elif xxx==10 %}}

{{% else %}}

{{% endif %}}

{{% for x in xxx %}}

{{% endfor %}}

模板继承语法

复制代码
{% extends 'xxx.html' %}

{% block xxx %}

{% endblock %}

静态文件加载

语法:

复制代码
<img src="{{ url_for('static',filename="images/test.png") }}" alt ='pic test'>
相关推荐
葫芦和十三2 小时前
图解 MongoDB 04|索引模型:每建一个索引,就是在 B+-tree 森林里多栽一棵
后端·mongodb·agent
用户47949283569153 小时前
claude Fable用不了?把Gpt 5.5pro接到你的claude code里
前端·后端
GetcharZp6 小时前
告别 Nginx 复杂配置!这款带 Web 面板的万能代理神器,让端口转发变得如此简单
后端
IT_陈寒8 小时前
React的useState居然还有这种坑?我差点删库跑路
前端·人工智能·后端
Pedantic9 小时前
SwiftUI 手势笔记
前端·后端
金銀銅鐵9 小时前
[Python] 从《千字文》中随机挑选汉字
后端·python
飘尘11 小时前
前端转型全栈(Java后端)的快速上手指引
前端·后端·全栈
浏览器工程师13 小时前
AI Agent 接浏览器任务,先别让它一路点到底
前端·后端
行者全栈架构师13 小时前
Maven dependency:tree 的 8 个高级用法
java·后端