About aiohttp's method of adding static resource paths-Python Tutorial-php.cn

About aiohttp's method of adding static resource paths

高洛峰

Release： 2017-03-15 13:32:12

Original

2426 people have browsed it

The so-called static resources refer to pictures, js, css and other files. The official instructions are here.
Take a small project to illustrate. The following is the directory structure of the project :

.
├── 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

Copy after login

Give 2 static file directories in proxy_server.pystatic /css and static/fontAdd routing:

 app.router.add_static(&#39;/css/&#39;,
                       path=&#39;static/css&#39;,
                       name=&#39;css&#39;)
 app.router.add_static(&#39;/font/&#39;,
                       path=&#39;static/font&#39;,
                       name=&#39;font&#39;)

Copy after login

Let’s first look at the definition of the add_static method:

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(&#39;/&#39;)
        if prefix.endswith(&#39;/&#39;):
            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 resource

Copy after login

Required 2 parameters:
prefix: is the prefix of the url of the static file, starting with /, on the browser address bar Displayed after the website host, it is also used for index.htmlstatic pages to reference
path: The path to the static file directory, which can be a relative path. The static/css used in the above code is a relative path - relative to the path where proxy_server.py is located.
The following is the effect of the page:
About aiohttps method of adding static resource paths
Loads index.html, and the following is the code that references static resources:

<!-- 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">

Copy after login

Add## The path of #font is because /font-awesome.min.css needs to be used:
About aiohttps method of adding static resource paths Open the css file in the browser:

You can see that the prefix of the url is
/css/. If you modify the prefix:

 app.router.add_static(&#39;/css2017/&#39;,
                       path=&#39;static/css&#39;,
                       name=&#39;css&#39;)

Copy after login

the page becomes:

About aiohttps method of adding static resource paths css file is also inaccessible:

Modify
index. Reference path of css in html:

<!-- 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">

Copy after login

Although the directory itself is still

css, it has been regarded as css2017## through add_static #, the page has returned to normal:
css file can also be opened: About aiohttps method of adding static resource paths

url prefix has become /css2017/
. At this time, open the index.html
file directly and it will be displayed as
because there is no css2017
in the static directory folder. Now we understand that the

add_static basically uses the method. You can also hide the actual static storage on the server by redefining the prefix parameter. The directory of resources can also unify resource files scattered everywhere under the same path prefix. In addition, if you add

show_index=True

, you can display the directory index of the static resources - access is prohibited by default:

app.router.add_static(&#39;/css2017/&#39;,
                       path=&#39;static/css&#39;,
                       name=&#39;css&#39;,
                       show_index=True)

Copy after login

The above is the detailed content of About aiohttp's method of adding static resource paths. For more information, please follow other related articles on the PHP Chinese website!