Flask 学习笔记(三)-模板渲染

最新推荐文章于 2022-08-19 15:59:44 发布

Sajor_

最新推荐文章于 2022-08-19 15:59:44 发布

阅读量179

点赞数

分类专栏： python Flask Flask学习之路

本文链接：https://blog.csdn.net/jx_ZhangZhaoxuan/article/details/86619265

版权

python 同时被 3 个专栏收录

23 篇文章 6 订阅

订阅专栏

Flask

11 篇文章 0 订阅

订阅专栏

Flask学习之路

10 篇文章 1 订阅

订阅专栏

模板渲染

使用pycharm创建Flask项目

pycharm创建Flask项目

默认结构

static （存放静态资源）
templates （存放模板文件）
renderFlask.py

在static 中创建css文件夹，在/static/css/中创建hello_css.css文件
vi hello_css.css

h2{
    color:green;
}
p{
    color:red;
}

运行：python renderFlask.py
访问：http://127.0.0.1:8000/static/css/hello_css.css
可直接看到之前写的css代码
在这里插入图片描述

在template中创建hello.html文件
vi hello.html

<!DOCTYPE html>
<html lang="en">
        <head>
                <meta charset="utf-8">
                <title>Title</title>
                <link rel="stylesheet" href="/static/css/hello_css.css">
        </head>

        <body>
                <h2>Hello</h2>
                <p>World</p>
        </body>
</html>

并修改renderFlask.py文件返回模板渲染

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/hello/')
def hello_world():
    return render_template("hello.html")

if __name__ == '__main__':
    app.run(debug=True, host='0.0.0.0', port=8000)

访问: “http://127.0.0.1:8000/hello/” 即可看到效果
在这里插入图片描述

源码地址：https://github.com/565785929/StudyFlask/tree/master/d03

Sajor_

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
Flask 学习笔记(三)-模板渲染

模板渲染使用pycharm创建Flask项目默认结构static （存放静态资源）templates （存放模板文件）renderFlask.py在static 中创建css文件夹，在/static/css/中创建hello_css.css文件vi hello_css.cssh2{ color:green;}p{ color:r...
复制链接

扫一扫