1、Flask模板系统

　　Django框架有自己独立的模板系统，而Flask是没有的，Flask默认采用jinjia2模板系统，jinjia2是仿写Django模板系统的一个第三方模块，但性能上要比Django的模板系统要好一些，在安装Flask的时候，jinjia2被以依赖包的形式安装到了环境里，下面介绍在Flask中模板渲染的步骤：

（1）加载HTML文件

　　Flask中使用render_template方法来加载HTML文件，HTML默认指向当前脚本同级目录templates下的文件

from flask import Flask

from flask import render_template

# 创建一个应用

app = Flask(__name__)

@app.route("/index/", methods=["GET", "POST"])

def index():

    return render_template("index.html")

if __name__ == '__main__':

    app.run(host="127.0.0.1", port=5000, debug=True)

　　使用render_template方法前需要从flask将该方法导入，看下方源代码，template_folder参数的默认值为"templates"，当浏览器访问路由"http://127.0.0.1:5000/index/"时，视图函数将返回脚本同级目录templates下的index.html文件，

    def __init__(

        self,

        import_name,

        static_url_path=None,

        static_folder="static",

        static_host=None,

        host_matching=False,

        subdomain_matching=False,

        template_folder="templates",

        instance_path=None,

        instance_relative_config=False,

        root_path=None,

    ):

（2）传递参数

a、常规传参

@app.route("/index/", methods=["GET", "POST"])

def index():

    return render_template("index.html", name = "index")

b、解包传参

@app.route("/index/", methods=["GET", "POST"])

def index():

    name = "index"

    return render_template("index.html", **locals())

（3）进行渲染

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Title</title>

</head>

<body>

    这是一个{{name}}文件

</body>

</html>

　　前端页面接收后台传递变量的方式与Django模板系统一致

效果展示：

2、Flask静态文件

（1）静态文件介绍

　　静态文件指的是js文件、css文件、image图片等，在Flask当中，静态文件默认放在脚本同级的static目录下，如下源码所示，static_folder参数的默认值为"static"

def __init__(

        self,

        import_name,

        static_url_path=None,

        static_folder="static",

        static_host=None,

        host_matching=False,

        subdomain_matching=False,

        template_folder="templates",

        instance_path=None,

        instance_relative_config=False,

        root_path=None,

    ):

（2）前端文件静态目录的修改

　　在原来静态文件路径的基础上在路径开头加上"/static/"

<link rel="shortcut icon" type="image/x-icon" href="/static/img/common/icon/ome.icon.linklogo.png">

        <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />

        <link rel="stylesheet" href="/static/css/iconfont.css" />

        <link rel="stylesheet" href="/static/css/ome.style.css" />

        <link rel="stylesheet" href="/static/css/ome.style.dif.css" />

        <link rel="stylesheet" href="/static/css/ome.index.css" />

Flask：Flask的模板系统和静态文件的更多相关文章

  1. Django 2.0 学习(13)：Django模板继承和静态文件

    Django模板继承和静态文件 模板继承(extend) Django模板引擎中最强大也是最复杂的部分就是模板继承了,模板继承可以让我们创建一个基本的"骨架"模板,它可以包含网页中 ...

  2. Django模板变量及静态文件引用

    一.模板变量传递 1.视图向模板传递变量 视图中的列表,数组,字典,函数均可以传递给模板 在视图中定义变量通过render(content{‘name’ : value})传递给模板 模板通过{{  ...

  3. Django框架（二）—— 基本配置：app注册、模板配置、静态文件配置、数据库连接配置post和get

    目录 app注册.模板配置.静态文件配置.数据库连接配置post和get 一.app 二.模板配置 三.静态文件配置 四.数据库连接配置 五.get请求和post请求 六.新手三件套 七.登录功能案例 ...

  4. Flask初级（四）flash在模板中使用静态文件

    Project name :Flask_Plan templates: 默认设置下,Flask在程序根目录中名为static的子目录中寻找静态文件. 随便找个图片放进去把,命令test.png Fla ...

  5. Django框架——基础之模板系统（template文件夹）

    ---恢复内容开始--- 1. 常用语法 需要记住两组特殊符号:{{  }}  和 {%  %}. 在运用到变量的时候使用{{  }},如果是跟逻辑相关的话就使用{%  %}. 在Django模板(t ...

  6. Django-2- 模板路径查找，模板变量，模板过滤器，静态文件引用

    模板路径查找 路径配置 2. templates模板查找有两种方式 2.1 - 在APP目录下创建templates文件夹,在文件夹下创建模板 2.2 - 在项目根目录下创建templates文件夹, ...

  7. Django（五）框架之模板继承和静态文件配置

    https://www.cnblogs.com/haiyan123/p/7731959.html 一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% end ...

  8. Django框架之模板继承和静态文件配置

    一.模板继承 目的是:减少代码的冗余 语法: {% block classinfo %} {% endblock %} 具体步骤: 1.创建一个base.html文件,2.把要显示的页面的内容写在这里 ...

  9. Django框架----模板继承和静态文件配置

    母板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8& ...

随机推荐

  1. 快学Scala 第十二课 （抽象类, 抽象字段, 提前定义）

    抽象类: Scala 抽象类中,抽象方法不需要使用abstract. 在子类中重写超类抽象方法时,不需要使用override. abstract class Person { def say(s: S ...

  2. Java匹马行天下之教你用学汉语式方法学编程语言

    Java匹马行天下之教你用学汉语式方法学编程语言 前言: 前段时间接连更新了带小白从入门到了解的几篇博客: <Java匹马行天下之编程常识知多少> <Java匹马行天下之走进编程的殿 ...

  3. day 19作业

    目录 今日作业: 今日作业: 1.什么是对象?什么是类? 答:对象是特征与技能的集合体,类是一系列对象相同的特征与技能的结合体 2.绑定方法的有什么特点 答:由对象来调用称之为对象的绑定方法,不同的对 ...

  4. MFC底层窗口实现

    简要说明 MFC是微软的一个基础类库,如果在Windows平台上做GUI的开发,这是一个不错的选择.简单的记录MFC学习过程中的需要掌握或者后期需要查看的知识点. Windows消息机制 操作系统首先 ...

  5. 为什么不同命名空间的docker容器可以相互通信？

    一.什么是容器网络栈 所谓容器能看见的"网络栈",被隔离在自己的Network Namespace当中 1.网卡(network interface) 2.回环设备(loopbac ...

  6. Jenkins邮件收发（qq邮箱）

    首先确认QQ邮箱SMTP服务器的地址和端口号.如下图所示,请谨记,JENKINS全局邮箱配置需要使用: 步骤1:开启QQ邮箱的smtp服务:登陆QQ邮箱-设置-账户-开启POP3/SMTP服务-完成“ ...

  7. MVC ValidationAttribute 验证一个字段必须大于另一个字段

    [AttributeUsage(AttributeTargets.Property | AttributeTargets.Field | AttributeTargets.Parameter)] pu ...

  8. Python_深拷贝和浅拷贝

    深拷贝与浅拷贝 import copy v = 123 v1 = copy.copy(v) #浅拷贝 v2 = copy.deepcopy(v) #深拷贝 **拷贝只拷贝可变数据类型,浅拷贝只拷贝第一 ...

  9. samba文件共享服务部署

    1.安装samaba服务程序 yum install -y samba 2.查看smaba文件,由于注释空行较多,选择过滤 egrep -v "#|;|^$" /etc/samba ...

  10. 代码审计-thinkphp3.2.3框架漏洞sql注入

    开始复现审计一下tp3和tp5的框架漏洞,当个练习吧. 涉及注入的方法为where() table() delete()等. 环境 tp3.2.3 : 0x01 注入成因 测试代码: public f ...