Demande de ne pas décrocher .fichier css (flacon/python)

Je suis rendu un modèle, que j'essaie de style avec une feuille de style externe. Structure de fichier est comme suit.

/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /styles
        - mainpage.css

mainpage.html on dirait que cette

<html>
    <head>
        <link rel= "stylesheet" type= "text/css" href= "../styles/mainpage.css">
    </head>
    <body>
        <!-- content -->

Aucun de mes styles sont appliqués si. A-t-elle quelque chose à voir avec le fait que le html est un modèle je suis rendu? Le python ressemble à ceci.

return render_template("mainpage.html", variables..)

Je sais que c'est beaucoup de travail, parce que je suis encore capable de rendre le modèle. Cependant, lorsque j'ai essayé de déplacer mon style de code à partir d'un "style" bloc dans le code html de la "tête" de la balise dans un fichier externe, tout le style s'en alla, laissant une simple page html. Quelqu'un a vu des erreurs avec mon fichier de structure?

InformationsquelleAutor Zack | 2014-03-07

141

Vous avez besoin d'avoir un "statique" du dossier d'installation (pour les fichiers css/js) sauf si vous l'ignorer pendant Flacon d'initialisation. Je suis en supposant que vous n'avez pas le remplacer.

Votre structure de répertoire pour le css devrait être comme:
```
/app
    - app_runner.py
    /services
        - app.py 
    /templates
        - mainpage.html
    /static
        /styles
            - mainpage.css
```
Remarquez que votre /de styles de répertoire doit être sous /statique

Ensuite, faire ce
```
<link rel= "stylesheet" type= "text/css" href= "{{ url_for('static',filename='styles/mainpage.css') }}">
```
Flacon va maintenant chercher le fichier css sous charge statique/styles/mainpage.css
- Cela devrait être marqué comme réponse. Cette solution a fonctionné pour moi, si ce n'est pas pour vous, s'il vous plaît dites-nous à les aider. Sinon le signaler. @zack
- il fonctionne pour moi aussi,merci
- Pourquoi n'a-ce pas été marquée comme étant la bonne réponse? Il devrait être.
InformationsquelleAutor codegeek
13

Dans jinja2 modèles (qui fiole utilise), l'utilisation
```
href="{{ url_for('static', filename='mainpage.css')}}"
```
La static fichiers sont généralement dans le static dossier, mais, sauf configuration contraire.
- Ce qui me donne une erreur malheureusement. BuildError: ('de la page d'accueil.css', {}, Aucun)
- désolé, c'était un peu trop rapide. l'édition dès maintenant
InformationsquelleAutor njzk2
0

Je suis en cours d'exécution de la version 1.0.2 de châteaux à droite maintenant.
Le fichier ci-dessus structures n'ont pas de travail pour moi, mais j'en ai trouvé une qui fait, qui sont comme suit:

app_folder/
flask_app.py
statique/
style.css
templates/
index.html

(Veuillez noter que la "statique" et "templates" sont des dossiers, qui devrait être nommé exactement la même chose.)

Pour vérifier quelle version de flacon vous êtes en cours d'exécution, vous devez ouvrir Python dans le terminal et tapez la commande suivante en conséquence:
```
>> import flask
>> flask.__version__
```
- Désolé, mais pourriez-vous décrire exactement ce que vous avez fait? Je suis aux prises avec le même problème!
InformationsquelleAutor Ly-Bach
0

J'ai lu plusieurs threads, et aucun d'eux correction du problème que les gens décrivent et j'ai connu trop.

J'ai même essayé de s'éloigner de conda et l'utilisation pip, à la mise à niveau vers python 3.7, j'ai essayé toutes codage proposé et aucun d'entre eux fixe.

Et voici pourquoi (le problème):

par défaut de python/flacon de recherche, le statique et le modèle dans une structure de dossiers comme:
```
/Users/username/folder_one/folder_two/ProjectName/src/app_name/<static>
 and 
/Users/username/folder_one/folder_two/ProjectName/src/app_name/<template>
```
vous pouvez vérifier par vous-même en utilisant le débogueur sur Pycharm (ou autre chose) et vérifiez les valeurs de l'app (app = Flacon(nom)) et de recherche pour teamplate_folder et static_folder

afin de résoudre ce problème, vous devez spécifier les valeurs lors de la création de l'application à quelque chose comme ceci:
```
TEMPLATE_DIR = os.path.abspath('../templates')
STATIC_DIR = os.path.abspath('../static')

# app = Flask(__name__) # to make the app run without any
app = Flask(__name__, template_folder=TEMPLATE_DIR, static_folder=STATIC_DIR)
```
le chemin TEMPLATE_DIR et STATIC_DIR dépendent de l'endroit où le fichier app est situé. dans mon cas, voir la photo, il était situé dans un sous-répertoire src.

vous pouvez modifier le modèle statique et dossiers que vous le souhaitez et s'inscrire sur le app = Gourde...

En vérité, j'ai commencé à avoir le problème lorsque déconner avec le dossier et parfois travaillé à la fois pas. cette solution résout le problème une fois pour toutes

le code html ressemble à ceci:
```
<link href="{{ url_for('static', filename='libraries/css/bootstrap.css') }}" rel="stylesheet" type="text/css" >
```
Ce code

Ici, la structure des dossiers
- Ne pas de lien vers des url externes pour votre réponse, l'inclure. Utiliser des backticks ou l'extrait de l'éditeur.
InformationsquelleAutor Stefano Tuveri
-8

Je suis sûr que c'est similaire à Laravel modèle, c'est la façon dont j'ai fait le mien.
```
<link rel="stylesheet" href="/folder/stylesheets/stylesheet.css" />
```
Visées:
Fichier CSS cheminement de problème

Simple flacon application qui lit son contenu à partir d'un .fichier html. Feuille de style externe bloqué?
- Ne va pas en bas de vote vous, mais pour votre édification, Laravel est PHP et Flacon est Python. Ils ne fonctionnent pas de la même façon. Ils ont de très différentes structures de répertoire et les comportements.
InformationsquelleAutor nCore

Vous devez vous connecter pour publier un commentaire.