您好,我参加了一个在线课程,该课程将教我flask / jinja2等。>>
我使用PyCharm Pro版本进行编码。我的问题是,当我运行应用程序时,css无法正确加载。仅当我重新启动计算机时,css才会刷新。...这对我没有任何意义。我什至尝试了不同的连接方式(完整路径,相对路径,让flask创建路径...)
我需要一只手来找到问题。
这是我的代码:
Python:
Python:
import flask app = flask.Flask(__name__) def get_latest_packages(): return [ {'name': 'flask','version': '1.2.3'}, {'name': 'sqlalchemy', 'version': '2.2.0'}, {'name': 'passlib', 'version': '3.0.0'} ] @app.route('/') def index(): test_packages = get_latest_packages() return flask.render_template('index.html', packages = test_packages) @app.route('/about') def about(): return flask.render_template('about.html') if __name__ == '__main__': app.run(debug=True)
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Python Package Index Demo</title>
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="/static/css/site.css"/>
</head>
<body>
<nav>
<a href="/">Home</a>
<a href="/about">About</a>
</nav>
<div class="main_content">
<h1>Python Packages Index</h1>
<h2>Packages</h2>
{% for p in packages %}
<div>
<span class="title">
{{ p.name.upper() }}
</span>
<span class="version">
{{ p.version }}
</span>
</div>
{% endfor %}
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
您好,我参加了一个在线课程,该课程将教我flask / jinja2等。我使用PyCharm Pro版本进行编码。我的问题是,当我运行应用程序时,css无法正确加载。仅css ...
当我刚开始进行Web开发时,我遇到了同样的问题,您确定不会在浏览器中兑现该网站吗?重新启动会解决这个问题,这让我觉得您确实可以。在chrome中,您可以打开DevTools并转到“设置”以在打开时禁用缓存。转到您的站点,按F12,然后使用打开的DevTools刷新,看是否有帮助。