gpt4 book ai didi

python - 需要基本帮助来修复 Flask 应用程序中的外部 CSS 样式表路径

转载 作者:太空宇宙 更新时间:2023-11-04 03:00:36 24 4
gpt4 key购买 nike

很抱歉提出这样一个基本问题,但我被卡住了,无法弄清楚我做错了什么。我正在使用 Flask 开发一个小型网站,同时自学网络编码。

我有以下文件结构:

mathsoc
mathsoc.py
mathsoc/templates
mathsoc.css
mathsoc_main.html

我的 mathsoc.py看起来像这样:

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def main_page():
return render_template('mathsoc_main.html')

if __name__ == "__main__":
app.run(debug=True)

然后mathsoc_main.html看起来像这样:

<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" type="text/css" href="mathsoc.css"/>
<title>Some Title</title>
</head>

<body>
<div id="content">
Hello World!
</div>
</body>
</html>

mathsoc.css看起来像这样:

#content {
width:46em;
background-color: yellow;
}

但是mathsoc_main.html找不到样式表,显示为:它没有将任何已定义的属性应用于内容。我猜我做错了 <link rel="stylesheet" type="text/css" href="mathsoc.css"/> ,但我不知道是什么。看起来非常明显,但没有加载任何样式!

最佳答案

更改您的文件夹结构以包含一个静态文件夹。

mathsoc
mathsoc.py
templates
mathsoc_main.html
static
mathsoc.css

参见 http://flask.pocoo.org/docs/0.10/tutorial/folders/

关于python - 需要基本帮助来修复 Flask 应用程序中的外部 CSS 样式表路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31396419/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com