Python Web静态资源管理:在Flask中正确引入CSS和JS文件

本文介绍在Flask中引入CSS和JS等静态资源的方法。静态资源包括CSS(样式)、JS(交互)及图片等,需放在项目根目录的`static`文件夹(Flask自动映射为`/static/`路径),模板文件存于`templates`文件夹。 项目结构需包含`static`和`templates`,静态资源可按类型放子文件夹(如`css/`、`js/`)。在模板中通过`url_for('static', filename='路径')`引入,例如: ```html <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> <script src="{{ url_for('static', filename='js/script.js') }}"></script> ``` 常见问题:路径错误(如文件名拼写、子文件夹遗漏)会导致404,需检查`static`存在性及文件名正确性。核心要点:静态资源放`static`,用`url_for`引入,规范结构避免问题。

阅读全文