模板的基本使用

230次阅读

没有评论

共计 1243 个字符，预计需要花费 4 分钟才能阅读完成。

模板是 HTML 页面，可以根据传递的数据进行填充

在工程下创建 templates 模板目录进行模板文件的存放

如果使用的 pycharm 进行工程的创建则 templates 已经选好为 Jinja2 模板引擎
如果为手动创建工程则需手动选择模板引擎

选择 templates->Mark Directory as -> Template Folder

模板的基本使用

选择 Template language -> Jinja2 -> ok

模板的基本使用

目的

作为主页使用

模板

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 主页 </title>
</head>
<body>
    <h1>Lucky is a ver good man</h1>
</body>
</html>

视图函数

 from flask import Flask,render_template  # 导入 Flask 类与渲染模板 render_template
 
@app.route('/')  # 路由地址 
def index():  # 视图函数 
    return render_template('index.html')  # 渲染首页模板

测试网址

http://127.0.0.1:5000

视图

 @app.route('/user/')
def user():
    # 查询所有用户数据 
    userData = User.query.all()
    return render_template("user.html", userData=userData)

模板 user.html

 <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 用户信息 </title>
    <style>
        table{border-collapse: collapse; /* 合并单元格 */
            margin: auto; /* 居中 */
        }
        tr>td{width: 150px; /* 宽度 */
            border:1px solid chartreuse; /* 边框 */
            text-align: center; /* 文字水平居中 */
        }
    </style>
</head>
<body>
    <table>
        <caption><h2> 用户信息展示表 </h2></caption>
        <tr>
            <td>ID</td>
            <td> 用户名 </td>
            <td> 密码 </td>
            <td> 性别 </td>
            <td> 年龄 </td>
        </tr>
        {% for user in userData %}
        <tr>
            <td>{{user.id}}</td>
            <td>{{user.username}}</td>
            <td>{{user.password}}</td>
            <td>{{user.sex}}</td>
            <td>{{user.age}}</td>
        </tr>
        {% endfor %}
    </table>
</body>
</html>

测试网址

http://127.0.0.1:5000/user/

模板的基本使用

正文完

星哥玩云-微信公众号

模板的基本使用

发表至： python语言

2022-05-26

0

转载说明：除特殊说明外本站文章皆由CC-4.0协议发布，转载请注明出处。

模型的基本使用

模板的基本使用

一、概述

二、模板存放目录

三、将 templates 标记为模板文件夹

四、定义模板 index.html

五、展示所有用户

基于Docker快速搭建一个开源的IT人员在线工具箱-it-tools

让每个人都可以轻松使用Git-腾讯自研Git客户端

使用Docker部署开源的WPS-Office

如何安装官方ChatGPT桌面软件，支持Windows和MacOS系统

自建私有云相册：Docker一键部署Immich，照片视频备份利器

Linux top 命令快速入门

详解:Linux 硬盘，格式化，分区详解

2024年星哥的年终总结

腾讯云服务器官网首页txyfwq（腾讯云服务器首字母）

【99元】腾讯云服务器99元一年、性能测评、购买链接入口及问题解答

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title> 主页 </title>
	</head>
	<body>
	<h1>Lucky is a ver good man</h1>
	</body>
	</html>

	from flask import Flask,render_template # 导入 Flask 类与渲染模板 render_template

	@app.route('/') # 路由地址
	def index(): # 视图函数
	return render_template('index.html') # 渲染首页模板

	@app.route('/user/')
	def user():
	# 查询所有用户数据
	userData = User.query.all()
	return render_template("user.html", userData=userData)