2023年6月21日发(作者：)

Flask使⽤CSS框架加载静态⽂件⼀个Web项⽬不仅需要HTML模板，还需要许多静态⽂件，⽐如CSS、JavaScript⽂件、图⽚和声⾳声。在flask程序中，默认需要将静态⽂件存储在与主脚本（包含程序实例的脚本）同级⽬录的static⽂件夹中。为了在HTML⽂件中引⽤静态⽂件，我们需要使⽤url_for()函数获取静态⽂件的URL。flask内置了⽤于获取静态⽂件的视图函数，端点值为static，它的默认URL规则为/static/，URL变量filename是相对于⽂件夹根⽬录的⽂件路径。如果需要使⽤其他⽂件夹来存储静态⽂件，可以在实例化flask类时使⽤static_folder参数指定，静态⽂件的URL路径中的static也会⾃动跟随⽂件夹名称变化。在实例化flask类时⽤static_url_path参数可以⾃定义静态⽂件的URL路径。使⽤CSS框架在编写Web程序时，⼿动编写CSS⽐较⿇烦，更常见的做法是使⽤CSS框架来为程序添加样式。CSS框架内置了⼤量可以直接使⽤的CSS样式类和javaScript函数，使⽤它们可以⾮常快速的让程序页⾯变得美观和易⽤，同时我们也可以定义⾃⼰的CSS⽂件来进⾏补充和调整。Bootstrap是最流⾏的开源前端框架之⼀，它有浏览器⽀持⼴泛、响应式设计等特点。使⽤它可以快速搭建没关、现代的⽹页。通常情况下，CSS和javaScript的资源引⽤会在基模板中定义，如：{% block styles %} {% endblock %}...{% block scripts %} > {% endblock %}...

如果不使⽤Bootstrap提供的javascript功能，也可以不加载。Bootstrap所依赖的jQuery和需要单独下载，这三个javaScript⽂件在引⼊时要按照jQeury->->Bootstrap的顺序引⼊如果下简化开发过程，也可以从CDN加载，这很⽅便。才能够CDN夹杂时，只下将相应的URL替换我CDN提供的资源URL，如：{% block styles %} {% endblock %}...{% block scripts %} {% endblock %}...Example:

2023年6月21日发(作者：)

Flask使⽤CSS框架加载静态⽂件⼀个Web项⽬不仅需要HTML模板，还需要许多静态⽂件，⽐如CSS、JavaScript⽂件、图⽚和声⾳声。在flask程序中，默认需要将静态⽂件存储在与主脚本（包含程序实例的脚本）同级⽬录的static⽂件夹中。为了在HTML⽂件中引⽤静态⽂件，我们需要使⽤url_for()函数获取静态⽂件的URL。flask内置了⽤于获取静态⽂件的视图函数，端点值为static，它的默认URL规则为/static/，URL变量filename是相对于⽂件夹根⽬录的⽂件路径。如果需要使⽤其他⽂件夹来存储静态⽂件，可以在实例化flask类时使⽤static_folder参数指定，静态⽂件的URL路径中的static也会⾃动跟随⽂件夹名称变化。在实例化flask类时⽤static_url_path参数可以⾃定义静态⽂件的URL路径。使⽤CSS框架在编写Web程序时，⼿动编写CSS⽐较⿇烦，更常见的做法是使⽤CSS框架来为程序添加样式。CSS框架内置了⼤量可以直接使⽤的CSS样式类和javaScript函数，使⽤它们可以⾮常快速的让程序页⾯变得美观和易⽤，同时我们也可以定义⾃⼰的CSS⽂件来进⾏补充和调整。Bootstrap是最流⾏的开源前端框架之⼀，它有浏览器⽀持⼴泛、响应式设计等特点。使⽤它可以快速搭建没关、现代的⽹页。通常情况下，CSS和javaScript的资源引⽤会在基模板中定义，如：{% block styles %} {% endblock %}...{% block scripts %} > {% endblock %}...

如果不使⽤Bootstrap提供的javascript功能，也可以不加载。Bootstrap所依赖的jQuery和需要单独下载，这三个javaScript⽂件在引⼊时要按照jQeury->->Bootstrap的顺序引⼊如果下简化开发过程，也可以从CDN加载，这很⽅便。才能够CDN夹杂时，只下将相应的URL替换我CDN提供的资源URL，如：{% block styles %} {% endblock %}...{% block scripts %} {% endblock %}...Example: