Flask模板渲染、静态文件配置、请求与响应全解

博客导语纯字符串返回无法满足Web开发需求真实项目需要HTML页面渲染、静态资源图片/JS/CSS加载、接收前端参数、自定义响应格式。本文详解Flask模板语法、静态文件配置、完整请求参数获取、多种响应返回方式覆盖前端交互核心场景。一、Flask项目规范目录结构Flask默认约定目录无需手动配置框架自动识别templates存放HTML模板文件必须同名static存放静态文件css/js/图片二、模板渲染实战Jinja2模板Flask默认使用Jinja2模板引擎支持变量渲染、循环、判断、模板继承是前端页面动态渲染核心。1. 基础模板渲染templates/index.html 模板代码!DOCTYPE html html body h1欢迎{{ name }}使用Flask模板/h1 p年龄{{ age }}/p /body /htmlfrom flask import render_template app.route(/index) def index(): # 向模板传递参数 return render_template(index.html, name张三, age20)2. 模板常用语法!-- 变量渲染 -- {{ msg }} !-- 循环遍历 -- {% for item in list %} li{{ item }}/li {% endfor %} !-- 条件判断 -- {% if age 18 %} p成年/p {% else %} p未成年/p {% endif %}三、静态文件使用静态文件统一放入static文件夹通过/static/路径访问支持图片、样式、脚本引入。!-- 引入静态CSS/JS/图片 -- link relstylesheet href/static/style.css script src/static/index.js/script img src/static/logo.png四、请求对象获取前端所有参数通过request对象获取前端GET、POST、URL参数、请求头、文件等数据。from flask import request app.route(/get_info, methods[GET, POST]) def get_info(): # 获取GET请求参数 name request.args.get(name) # 获取POST表单参数 pwd request.form.get(pwd) # 获取请求头 ua request.headers.get(User-Agent) return f姓名{name}密码{pwd}五、多种响应返回方式from flask import jsonify, redirect # 1. 返回普通文本 return 文本响应 # 2. 返回HTML页面 return render_template(index.html) # 3. 返回JSON数据接口开发必备 return jsonify(code200, msg成功, data[1,2,3]) # 4. 页面重定向 return redirect(/index)六、避坑总结模板文件夹必须命名为templates静态文件夹为static默认不可修改接收参数优先用get()方法避免参数不存在导致程序报错需要接收POST请求必须指定methods参数