首页 > 其他分享 >7、静态文件的加载

7、静态文件的加载

时间:2024-03-21 15:45:47浏览次数:16  
标签:__ 文件 静态 app html static 加载

from flask import Flask, render_template

app = Flask(__name__)


@app.route("/")
def hello_world():
    """
    静态文件加载,包括图片,css,js.涉及到html的标签,已经函数url_for的使用.
    """
    return render_template("static.html")


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

效果:

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>静态文件加载</title>
    <!--加载css样式文件-->
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
    <!--加载js文件-->
    <script src="{{ url_for('static', filename='js/my_js.js') }}"></script>
</head>
<body>
<!--加载图片涉及html图片加载标签和url_for函数使用-->
<!--第一个参数为static文件夹,第二个参数为文件名称-->
<img src="{{ url_for('static', filename='image/胡烈那.jpeg') }}" alt="">
</body>
</html>
static.html

static文件结构:

标签:__,文件,静态,app,html,static,加载
From: https://www.cnblogs.com/pythonex/p/18087532

相关文章

  • m基于FPGA的电子钟verilog实现,可设置闹钟,包含testbench测试文件
    1.算法仿真效果本系统进行Vivado2019.2平台的开发,测试结果如下所示:   2.算法涉及理论知识概要       电子钟是现代生活中常见的计时工具,其准确性和功能性不断提高。基于FPGA的电子钟设计不仅具有灵活的可定制性,还能通过集成其他功能(如闹钟)来增强实用性。Verilog......
  • oracle 还原 .dmp 格式备份文件
     CONNsystem/你设置的密码@你的数据库名字showparametername-----查看你登入的数据库是否是你要导入的数据库---------先创建oracle用户(数据库)createuserorcladminidentifiedbymanager;--创建用户grantdbatoorcladmin;--给orcladmin权限---------创建表空间t......
  • SpringCloud 使用feign进行文件MultipartFile传输
    SpringCloud组件fiegn默认是不支持传递文件的。但是提供了feign-form扩展工具解决方法:步骤一:在消费者服务中加入相关pom依赖。<!--解决SpringCloud组件feign默认是不支持传递文件的--><dependency><groupId>io.github.openfeign.form</groupId>......
  • 一个基于配置文件构建有向无环图,并多线程运行图上节点的例子
    #include<iostream>#include<memory>#include<thread>#include<vector>classNode{public:virtualvoidshow()=0;virtualboolhasFinished(){returnhas_finished_;}protected:boolhas_finished_=false;};classA......
  • .NET Emit 入门教程:第二部分:构建动态程序集(追加构建静态程序集教程)
    前言:在本部分中,我们将深入探讨如何使用C#Emit来创建动态程序集。动态程序集是在运行时生成的,为我们提供了一种灵活、动态地构建和加载程序集的能力。1.程序集的概念程序集是.NET中的基本部署单位,它包含了可执行代码、资源、元数据等信息,是.NET应用程序的基本组成单元之一。......
  • parted划分大于2T文件系统
    场景:在CentOS系统中,添加了一块大于2T的数据盘     使用fdisk/dev/xxx的方式划分该盘时提示:Thesizeofthisdiskis2TiB(2199023255552bytes).DOSpartitiontableformatcannotbeusedondrivesforvolumeslargerthan2199023255040b......
  • linux centos使用rz、sz命令上传下载文件
    一般情况下,我们会使用终端软件,如XShell、SecureCRT或FinalShell、JumpServer堡垒机来连接远程服务器后,使用rz命令上传本地文件到远程服务器,再解压发版上线。一、安装使用安装rz和sz命令yum-yinstalllrzsz使用rz上传文件,会跳出文件选择窗口,选择好文件,点击确认即可r......
  • vue2/3 - element表格组件el-table实现懒加载树型(上下级)数据、默认展开和隐藏层级,支
    效果图在vue2、vue3项目开发中,使用element饿了么组件库,实现Table表格组件动态懒加载表格数据,可以决定是否自动展开所有2级或3级,也可以点击加载下级数据,可搭配表格的增删改查,数据变化后自动更新列表不会破坏树状的展开和折叠结构。提供详细示例代码,一键复制运行查看效果,稍......
  • Linux系统下的文件描述符fd详解
    文章目录文件描述符本作者从代码及源码的角度来总结探究文件描述符fd参考:韦东山Linux嵌入式视频文件描述符Linux系统下一切皆文件。文件描述符是操作系统中用来唯一标识一个已打开文件的整数。本质上来说就是索引,即根据索引值寻找到对应的文件,可对其进行相应......
  • Windows7系统themeservice.dll文件丢失问题
    其实很多用户玩单机游戏或者安装软件的时候就出现过这种问题,如果是新手第一时间会认为是软件或游戏出错了,其实并不是这样,其主要原因就是你电脑系统的该dll文件丢失了或没有安装一些系统软件平台所需要的动态链接库,这时你可以下载这个themeservice.dll文件(挑选合适的版本文件)......