如何把css,js文件发布到服务器上flask

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何把css,js文件发布到服务器上flask相关的知识,希望对你有一定的参考价值。

  flask的静态文件是位于应用的 /static 中的

  你可以直接在html 模板中引用该路径,如下:

  <link href="/static/css/demo.css" rel="stylesheet" type="text/css" />

  url_for 构造路径

  当然,也可使用 url_for 构造,代码如  url_for("static",filename="css/demo.css")

  更改上述代码及模板文件,再次运行并查看

参考技术A 1.flask的静态文件是位于应用的 /static 中的

2.你可以直接在html 模板中引用该路径,如下:

3.url_for 构造路径

4.当然,也可使用 url_for 构造,代码如 url_for("static",filename="css/demo.css")

5.更改上述代码及模板文件,再次运行并查看
参考技术B flask的静态文件是位于应用的 /static 中的
  你可以直接在html 模板中引用该路径,如下:
  <link href="/static/css/demo.css" rel="stylesheet" type="text/css" />

  url_for 构造路径
  当然,也可使用 url_for 构造,代码如 url_for("static",filename="css/demo.css")
  更改上述代码及模板文件,再次运行并查看
参考技术C

    git远程仓库,没错push代码就是提交。

    svn每次commit就是提交代码

    ftp手动上传文件。

    命令行scp上传(linux)。window可以用一些cmd工具实现(例如git bash等等)

    以上按推荐程度由高到低。

参考技术D flask可使用 url_for 构造,代码如 url_for("static",filename="css/demo.css")

flask的静态文件是位于应用的 /static 中的
  也可以直接在html 模板中引用该路径,如下:
  <link href="/static/css/demo.css" rel="stylesheet" type="text/css" />

如何将数据发送到 Flask Server? [复制]

【中文标题】如何将数据发送到 Flask Server? [复制]【英文标题】:How can I send data to Flask Server? [duplicate] 【发布时间】:2020-06-27 19:07:42 【问题描述】:

我是使用烧瓶或 JS 的新手,因此,我找不到做我想做的事的方法。 我使用flask(在python中)创建了一个网络服务器,它使用index.html作为主页,我想每隔几秒(可能1-3秒)将数据更新到服务器。问题是,我没有任何表格可以使用,甚至没有查询,我不知道我还能使用什么。我要发送的数据是稍后保存在服务器主机上的小字符串。

<body>
    <center>
        <button onmousedown="sendDirectionKey('^')">^</button>
        ...
    </center>
</body>

<script>
    function sendDirectionKey(Key) 
    
        ...
        sendData(data_string);
    

    function sendData(data)
    
        ...
    
</script>

【问题讨论】:

【参考方案1】:

一个简单的现代解决方案是fetch() API:

function sendData(data)

  const body = new FormData();
  body.append("key", data);
  return fetch("/receive", method: "POST", body, credentials: "include");

Python 端的等效接收器类似于

@app.route("/receive", methods=["POST"])
def receive():
    print(request.form)  # should have a `key` key

【讨论】:

现在没有显示任何新数据,我在哪里可以看到这些新数据值? 当然,您需要对收到的数据进行处理。 我知道啊,虽然 sendData() 上一定有一些错误,因为它在控制台上给了我这个,并且没有到达服务器主机。 “未捕获的 TypeError:body.add 不是函数” 只是用 .append() 修复了所有问题。非常感谢!

以上是关于如何把css,js文件发布到服务器上flask的主要内容,如果未能解决你的问题,请参考以下文章

使用 Flask 和 JS 从服务器下载文件

请教bootstrap的模板怎么部署到自己的服务器上?

vue 打包部署到服务器上 配置nginx访问

thinkphp项目上传到服务器上后加载css样式很慢,为啥

在服务器上部署Flask代码(从单进程到多进程)

flask打造升级版ToDoList