Css样式表未从我的python / flask应用程序链接

问题描述 投票:0回答:1

似乎无法链接我的样式表,有人可以告诉我原因吗?

我正在尝试使用数据库设置示例实例,并在flask上运行。

我以为这是我的文件夹位置,但是我已经仔细检查了它是否在正确的位置,无法弄清楚为什么,花了数小时试图修复它。

我的HTML:

 {% extends "layout.html" %}

{% block title %}
    CS50_Web_Project1
{% endblock %}

{% block body %}
    <h1>Login to CS50_Web_Project1</h1>



    <form action="{{ url_for('register') }}" method="POST">
    <button>Register</button>
    </form>


{% endblock %}

我的layout.html

<!DOCTYPE html>
<html>
    <head>
        <title>{% block title %}{% endblock %}</title>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Zug+QiDoJOrZ5t4lssLdxGhVrurbmBWopoEl+M6BdEfwnCJZtKxi1KgxUyJq13dy" crossorigin="anonymous">

        <!-- #olaf: own link to own style sheet-->

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

        <!-- #olaf: copied from  https://bootsnipp.com/snippets/GaEOX-->
        <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
        <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
        <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>



    </head>
    <body>
        <div class="container">
            {% block body %}
            {% endblock %}
        </div>
    </body>
</html>

我的css在css / style.css位置:

    /* style.css */
.note
{
    text-align: center;
    height: 80px;
    background: -webkit-linear-gradient(left, #0072ff, #8811c5);
    color: #fff;
    font-weight: bold;
    line-height: 80px;
}
.form-content
{
    padding: 5%;
    border: 1px solid #ced4da;
    margin-bottom: 2%;
}
.form-control{
    border-radius:1.5rem;
}
.btnSubmit
{
    border:none;
    border-radius:1.5rem;
    padding: 1%;
    width: 20%;
    cursor: pointer;
    background: #0062cc;
    color: #fff;
}

我的application.py:

import os

from flask import Flask, session, render_template, jsonify, request
from flask_session import Session
from sqlalchemy import create_engine
from sqlalchemy.orm import scoped_session, sessionmaker

app = Flask(__name__)

#from the internet...# app.config['DATABASE_URL'] = "path_to_db"


# Check for environment variable
if not "postgres://ufahdppxmwmnfk:e0c55691f4045b71ca10ca5fad61e91027d9131fb8c7904142dcb0677f2a4a2e@ec2-23-21-13-88.compute-1.amazonaws.com:5432/d2vbqq75absh07":
    raise RuntimeError("DATABASE_URL is not set")

# Configure session to use filesystem
app.config["SESSION_PERMANENT"] = False
app.config["SESSION_TYPE"] = "filesystem"
Session(app)

# Set up database
engine = create_engine("postgres://ufahdppxmwmnfk:e0c55691f4045b71ca10ca5fad61e91027d9131fb8c7904142dcb0677f2a4a2e@ec2-23-21-13-88.compute-1.amazonaws.com:5432/d2vbqq75absh07")
db = scoped_session(sessionmaker(bind=engine))

#olaf: create a login page that has a form, containing "login" & "register" button
@app.route("/")
def index():

    return render_template("index.html")

#olaf: Login button
@app.route("/register", methods=["POST"])
def register():
    """Register for the site"""

    return render_template("registerSuccess.html")
python html css flask layout
1个回答
0
投票

我可以建议的第一个解决方案是,下载引导程序文件,并将其放在本地工作目录中,然后创建一个包含静态文件的文件夹,然后尝试以下代码

<link href="{{ url_for('static', filename='css/bootstrap.min.css') }}" rel="stylesheet">

© www.soinside.com 2019 - 2024. All rights reserved.