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`引入,规范结构避免问题。

阅读全文
手把手教你:Flask路由与视图函数,10分钟搭建第一个Web页面

Flask是轻量级Python Web框架,简单灵活,适合初学者,支持按需扩展。安装需Python 3.6+,执行`pip install flask`即可,验证用`flask --version`。 基础应用核心:导入Flask类并实例化`app`对象;通过`@app.route('/')`定义根路由,绑定视图函数`home()`,函数返回内容(如“Hello, Flask!”);`app.run()`启动开发服务器(默认端口5000)。 进阶支持动态路由,如`/user/<username>`,视图函数接收参数实现个性化响应,支持`int`、`float`等类型。 核心概念:路由绑定URL与函数,视图函数处理请求并返回内容,`app.run()`启动服务。关键技巧:`if __name__ == '__main__'`确保脚本直接运行时启动服务,动态路由增强页面灵活性。

阅读全文