3.3.3-Flask - 模板渲染【多选一：Flask系列】

于 2024-06-22 18:06:19 发布
阅读量342 收藏 6
点赞数 5
文章标签： flask python 后端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sex2004803/article/details/139886020
版权

3.3.3-Flask - 模板渲染【多选一：Flask系列】

第1关：模板渲染 - 变量输出

1.py

from flask import Flask, render_template, request

app = Flask(__name__)

map = {
    "1": {
        "id": "1",
        "sex": "女",
        "age": "18",
        "introduce": "不忘初心，方得始终",
        "interest": "偶尔发发神经，听听歌，看看新闻。"

    },
    "2": {
        "id": "2",
        "sex": "男",
        "age": "18",
        "introduce": "不忘初心，方得始终",
        "interest": "偶尔发发神经，听听歌，吹吹口琴。"
    }
}


#####Begin#####
@app.route('/index',methods=['GET','POST'])
def index():
    id = request.args.get('name')
    return render_template("1.html", id=map[id]['id'], sex=map[id]['sex'], age=map[id]['age'], introduce=map[id]['introduce'],interest=map[id]['interest'])


#####End#####

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=8080)

1.html

<!DOCTYPE HTML>
<html lang="zh-Hans">
<head>
    <meta charset="utf-8">
    <link rel='stylesheet' href={{url_for('static',filename='css/css.css')}} type='text/css'/>
    <link rel='stylesheet' href={{url_for('static',filename='css/font-awesome.min.css')}} type='text/css'/>
    <link rel='stylesheet' href={{url_for('static',filename='css/style.css')}} type='text/css'/>
    <title>I am I - 个人主页</title>
    <script src={{url_for('static',filename='js/jquery.min.js')}}></script>
    <script src={{url_for('static',filename='js/skel.min.js')}}></script>
    <script src={{url_for('static',filename='js/util.js')}}></script>
</head>
<body>
<div id="wrapper">
    <article id="about-me" class="panel ">
        <div class="image" style="background-image: url('/static/images/1.jpg'); background-position: center center;">
            <img src="/static/images/1.jpg" alt="" data-position="center center" style="display: none;">
        </div>
        <div class="content">
            <div class="inner">
                <header>
                    <h2>关于我</h2>
                    <blockquote>不管是友情还是爱情，你来，我热情相拥。你走，我坦然放手!</blockquote>
                </header>
                <p>
					<!-----Begin----->
                    <strong>ID：</strong>{{id}}<br>
                    <strong>性别：</strong>{{sex}}<br>
                    <strong>年龄：</strong>{{age}}<br>
                    <strong>签名：</strong>{{introduce}}<br>
                    <strong>兴趣：</strong>{{interest}}<br>
					<!-----End----->
                    <del></del>
                </p>
            </div>
        </div>
    </article>
</div>
</body>
</html>

第2关：模板渲染 - 循环语句

2.py

from flask import Flask, render_template, request

app = Flask(__name__)

List = [
    {
        "name": "alice",
        "time": "2019-10-18",
    }, {
        "name": "iris",
        "time": "2019-10-18",
    }, {
        "name": "Violet",
        "time": "2019-10-18",
    }
]


#####Begin#####

@app.route("/index", methods=['GET','POST'])
def index():
    return render_template('2.html', websites=List)

#####End#####

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=8080)

2.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Flask 循环</title>
    <link rel='stylesheet' href={{url_for('static',filename='layui/css/layui.css')}} type='text/css'/>
    <script src={{url_for('static',filename='layui/layui.all.js')}}></script>
</head>
<body>
<table class="layui-table">
    <colgroup>
        <col width="150">
        <col width="200">
    </colgroup>
    <thead>
    <tr>
        <th>昵称</th>
        <th>加入时间</th>
    </tr>
    </thead>
    <tbody>
    <!-----Begin----->
    {% for item in websites %}
    <tr>
        <td>{{ item['name'] }}</td>
        <td>{{ item['time'] }}</td>
    </tr>
    {% endfor %}
    <!-----End----->
    </tbody>
</table>


</body>
</html>

第3关：模板渲染 - 判断渲染

3.py

from flask import Flask, render_template, request

app = Flask(__name__)


#####Begin#####

@app.route('/index/0')
def index_0():
    return render_template('3.html', index=0)

@app.route('/index/1')
def index_1():
    return render_template('3.html', index=1)


#####End#####

if __name__ == '__main__':
    app.run(host="0.0.0.0", port=8080)

3.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Flask - if</title>
    <link rel='stylesheet' href={{url_for('static',filename='layui/css/layui.css')}} type='text/css'/>
    <script src={{url_for('static',filename='layui/layui.all.js')}}></script>
    <link rel='stylesheet' href={{url_for('static',filename='layui/css/global.css')}} type='text/css'/>
</head>
<body>

<div class="fly-header layui-bg-black">
    <div class="layui-container">
        <ul class="layui-nav fly-nav layui-hide-xs">
            <li class="layui-nav-item layui-this">
                <a href="JavaScript:void(0)"><i class="iconfont icon-jiaoliu"></i>交流</a>
            </li>
            <li class="layui-nav-item">
                <a href="JavaScript:void(0)"><i class="iconfont icon-iconmingxinganli"></i>案例</a>
            </li>
            <li class="layui-nav-item">
                <a href="JavaScript:void(0)" target="_blank"><i class="iconfont icon-ui"></i>框架</a>
            </li>
        </ul>

        <ul class="layui-nav fly-nav-user">

            <!-----Begin----->

            {% if index == 0 %}
            <!-- 未登入的状态 -->
            <li class="layui-nav-item">
                <a class="iconfont icon-touxiang layui-hide-xs" href="JavaScript:void(0)"></a>
            </li>
            <li class="layui-nav-item">
                <a href="JavaScript:void(0)">登入</a>
            </li>
            <li class="layui-nav-item">
                <a href="JavaScript:void(0)">注册</a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="JavaScript:void(0)" class="iconfont icon-qq"></a>
            </li>
            <li class="layui-nav-item layui-hide-xs">
                <a href="JavaScript:void(0)" class="iconfont icon-weibo"></a>
            </li>

            
            {% elif index == 1 %}
            <!-- 登入后的状态 -->
            <li class="layui-nav-item">
                <a class="fly-nav-avatar" href="javascript:;">
                    <cite class="layui-hide-xs">Alice</cite>
                    <i class="iconfont icon-renzheng layui-hide-xs" title="认证信息：Alice"></i>
                    <i class="layui-badge fly-badge-vip layui-hide-xs">VIP3</i>
                    <img src="https://www.educoder.net/api/attachments/423495">
                </a>
            </li>
            {% endif %}
            

            <!-----End----->
        </ul>
    </div>
</div>

</body>
</html>
思而行-SEX
关注
  • 5
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【100天精通Python】Day49：Python Web编程_Web框架，Flask框架从安装到使用
qq_35831906的博客
09-01 1032
本文介绍Web框架，python中常用的Web框架，以及Flask 框架的安装和使用操作。
【Flask学习】2.1模板之渲染
Hannah_000的博客
11-03 1084
Flask学习
Flask模板渲染
weixin_42694291的博客
09-26 504
from flask import render_template from flask import Flask from flask import Markup from flask import abort, redirect app = Flask(__name__) @app.route('/') def hello_site(): return "welcome my sit...
python flask 模板渲染
weixin_30414155的博客
06-09 210
render_template 使用render_template可以传递载参数进行模板渲染 这里直接贴一下我的测试代码 from flask import Flask, render_template app = Flask(__name__) @app.route('/') def test(): context = { 'title_name':"test_render"...
Flask学习（二）：flask模板渲染
qq_31957463的博客
03-12 532
Flask没有自己模板引擎，使用的是 jinja2 模板引擎，可以帮助我们将数据渲染到各种格式的文档中，如 HTML、XML、Markdown 等。模板渲染地址默认是在templates文件夹下，也可以创建flask对象的时候指定：app = Flask(
【Flask基础】模板渲染（四）
hold_on_qlc的博客
12-04 1134
简单来说就是将后台数据渲染到我们能看到的网页当中，这样能使得我们浏览网页中的数据是动态变化的。
【学习笔记】PythonWeb（Ⅰ）—— Flask
最新发布
Eddie_hyh的博客
04-08 1279
PythonWeb第一部分：Flask
Python Web 开发 | Flask（一） 简单实现用户注册、登录、注销、查询接口 | 初学者案例 | 简单封装响应数据 | 使用 Postman 进行接口测试
希望每天都能进步一点点
08-04 2847
初次使用 Flask 框架实现的后端接口案例，实现用户注册、登录、查询、状态判断的接口，使用 flask的拓展库与 MySQL 进行简单的交互，通过本篇文章可熟悉前后端分离中后端的接口写法以及使用 Postman 测试的操作。......
Flask中的数据库集成：SQLite与SQLAlchemy
Flask是一个轻量级的Python web应用框架，由Armin Ronacher开发。相比于Django这样的大而全的框架，Flask更注重简洁和易扩展性。它采用BSD许可证，完全基于Werkzeug和Jinja2，符合WSGI，可以轻松构建Web应用程序。 ...
Python Web开发框架：Django和Flask，快速构建Web应用
![Python Web开发框架：Django和Flask，快速构建Web应用](https://img-blog.csdnimg.cn/20210224115426594.png?x-oss-process=image/watermark,type_ZmFuZ3...Python Web开发框架是一种软件框架，为开发Web应用程序提供
Flask框架模板渲染操作简单示例
09-18
主要介绍了Flask框架模板渲染操作,结合实例形式分析了flask框架模板渲染与变量操作相关技巧,需要的朋友可以参考下
★Python轻量级Web框架Flask（2）——Flask模板渲染/Flask项目拆分模板
sz1125218970的博客
03-28 1029
1、执行说明：首先程序会在app.py中开始执行，执行中第一步会将App这个包导入，然后就会执行App中的__init __.py文件，然后会在__init __.py文件导包时，去执行views.py中的代码，然后从views.py中导包时，进入到models.py中。
Flask渲染模板
风花雪月，品霖千年之情
03-17 3229
Flask渲染模板 记得要把你的html文件放进新建的templates，如图，这样jinjia2才可以识别到，并且在本地打开。 from flask import render_template from flask import Flask import os #os.chdir(r'C:\Users\LX\Desktop') app = Flask(__name__) FLASK_DEBUG=1 @app.route('/') #@app.route('/hello/<name>'
Flask-模板渲染
Co_zy的博客
08-18 622
一个简单的示例,静态HTML文件放在templates文件夹内. 目录结构/render.py /templates /hello.htmlrender.pyfrom flask import render_template from flask import Flask app = Flask(__name__)@app.route('/hello/') @app.route('/hel
Flask:模板渲染
qq_55383558的博客
01-08 824
模板渲染。
flask渲染模板
weixin_30640291的博客
09-08 163
Flask自身使用了jinja2模板，可以使用render_template()方法来渲染模板，只需要将模板名和关键字的参数传入。 该渲染模板的模块（views.py）会在templates文件夹里寻找模板，模块和该文件夹同级。 如下实例： from flask import render_template from app import app @app.route('/h...
flask mysql项目模板渲染_Flask模板渲染
weixin_39746229的博客
01-26 70
五、flask模板渲染py文件：from flask import Flask,render_template,Markupapp = Flask(__name__)app.debug = TrueUSERS = {1:{'name':'张三','age':18,'gender':'男','text':"道路千万条"},2:{'name':'李四','age':28,'gender':'男','t...
gdal-3.3.3-cp310-cp310-win_amd64.whl 下载
08-22
gdal-3.3.3-cp310-cp310-win_amd64.whl 是一个GDAL库的版本，适用于Python 3.10版本，并且适用于64位的Windows操作系统。GDAL是一个强大的地理数据处理库，它提供了一系列用于读取、写入和处理栅格和矢量地理数据的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值