Maison > Article > développement back-end > À propos de la méthode aiohttp d'ajout de chemins de ressources statiques
Les ressources dites statiques font référence à des fichiers tels que images, js, css, etc. Les instructions officielles sont ici.
Prenez un petit projet pour illustrer. Voici la structure de répertoires du projet :
. ├── static │ ├── css │ │ ├── base.css │ │ ├── bootstrap.min.css │ │ └── font-awesome.min.css │ ├── font │ │ ├── FontAwesome.otf │ │ ├── fontawesome-webfont.eot │ │ ├── fontawesome-webfont.svg │ │ ├── fontawesome-webfont.ttf │ │ └── fontawesome-webfont.woff │ └── index.html └── proxy_server.py
Ajoutez deux répertoires de fichiers statiques proxy_server.py
et static/css
dans static/font
<.>Route :
app.router.add_static('/css/', path='static/css', name='css') app.router.add_static('/font/', path='static/font', name='font')Regardons d'abord la définition de la méthode
: add_static
def add_static(self, prefix, path, *, name=None, expect_handler=None, chunk_size=256*1024, response_factory=StreamResponse, show_index=False, follow_symlinks=False): """Add static files view. prefix - url prefix path - folder with files """ # TODO: implement via PrefixedResource, not ResourceAdapter assert prefix.startswith('/') if prefix.endswith('/'): prefix = prefix[:-1] resource = StaticResource(prefix, path, name=name, expect_handler=expect_handler, chunk_size=chunk_size, response_factory=response_factory, show_index=show_index, follow_symlinks=follow_symlinks) self.register_resource(resource) return resource2 paramètres obligatoires :
: Il est le préfixe de prefix
pour les fichiers statiques, commençant par url
. Il est affiché dans la barre d'adresse du navigateur après l'hébergeur du site Web. Il est également utilisé pour les /
pages statiques pour référencer index.html
: Le chemin d'accès au répertoire de fichiers statiques peut être un chemin relatif. Le utilisé dans le code ci-dessus est un chemin relatif - par rapport au chemin où se trouve
. path
Ce qui suit est l'effet de la page : static/css
proxy_server.py
se charge
, et ce qui suit est le code qui fait référence aux ressources statiques : index.html
Le chemin à ajouter
<!-- Bootstrap CSS --> <link href="css/bootstrap.min.css" rel="stylesheet"> <!-- Base CSS --> <link href="css/base.css" rel="stylesheet"> <!-- FA CSS --> <link href="css/font-awesome.min.css" rel="stylesheet">doit utiliser :
font
/font-awesome.min.css
Ouvrez le fichier css dans le navigateur :
Vous pouvez voir que le préfixe de l'url est
. Si vous modifiez le préfixe : /css/
la page devient :
app.router.add_static('/css2017/', path='static/css', name='css')
Le fichier css est également inaccessible :
Modifier
Le chemin de référence du CSS dans : index.html
Bien que le répertoire lui-même soit toujours
<!-- Bootstrap CSS --> <link href="css2017/bootstrap.min.css" rel="stylesheet"> <!-- Base CSS --> <link href="css2017/base.css" rel="stylesheet"> <!-- FA CSS --> <link href="css2017/font-awesome.min.css" rel="stylesheet">à
, et la page revient à la normale : css
add_static
css2017
les fichiers CSS peuvent également être ouverts :
le préfixe de l'url a été remplacé par
. Ouvrez le fichier
directement à ce moment et il sera affiché comme /css2017/
index.html
car il n'y a pas de dossier
dans le répertoire . static
Vous comprenez maintenant l'utilisation de base de la méthode css2017
de
, ou vous pouvez les disperser. Les fichiers de ressources sont partout unifiés sous le même préfixe de chemin. add_static
De plus, si vous ajoutez , vous pouvez afficher le répertoire des ressources statiques prefix
index
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!