闪电龟龟--笔记

万物寻其根,通其堵,便能解其困。
随笔 - 169, 文章 - 0, 评论 - 1, 阅读 - 79596
  博客园  :: 新随笔  :: 管理

渲染方式

Posted on   闪电龟龟  阅读(146)  评论(0编辑  收藏  举报

使用原生python进行渲染显得非常僵硬,使用render_template等方式就会非常灵活的显示出来。

复制代码
from flask import Flask, request, render_template
app = Flask(__name__)

@app.route('/', methods=['GET', 'POST'])
def index():
    # use http methods
    if request.method == 'POST':
        # request.form.get:获取单个参数的值
        uname = request.form.get('uname')  # 这个并不是最好的显示方式,如果key写错了,那么uname直接为None。你可以设置一个默认参数,像这样:uname = request.form.get('uname', '')
        upwd = request.form.get('upwd')
        return render_template('index.html', params={'name':uname, 'pwd':upwd})
    # 渲染模板
    return render_template('index.html')

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

HTML代码:

复制代码
<!DOCTYPE html>
<html>
<head>
    <title>index</title>
</head>
<body>
<!-- 接收传递过来的参数,值得注意的是其结构(if...else...endif...)和分离方式({%%}用来做判断,{{}}用来显示单个值) -->
{% if params %}
    <p><b>{{ params["name"] }}</b><span>{{ params["pwd"] }}</span></p>
{% else %}
    <form action="" method="post">
        username:<input type="text" name="uname"><br>
        password:<input type="password" name="upwd"><br>
        <input type="submit" value="sub">
    </form>
{% endif %}
</body>
</html>
复制代码

 

编辑推荐:
· AI与.NET技术实操系列:基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示