url链接（url_for）与加载静态文件（static文件夹下的js、css、image）
url链接和加载静态文件 url链接： 1、语法：url_for('static',filename='路径') 2、静态文件，flask会从static文件夹中开始寻找，所以不需要再写static这个路径 3、可以加载CSS/js/image 静态文件 <link rel="stylesheet" href="{{url_for('static',filename='css/index.css')}}"> <script src="{{url_for('static',filename='js/index.js')}}"></script>
<img src="{{url_for('static',filename='image/zhiliao.png')}}" alt="">
例子如下：
服务入口文件：
#encoding:utf-8 from flask import Flask,render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') @app.route('/login/') def login(): return render_template('login.html') if __name__ == '__main__': app.run(debug = True)index页面：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>首页</title> <!--一般来说，不会把css样式写在这里，会单独卸载static文件夹，用css文件来存放所需的样式，flask默认从static中寻找--> <!--再通过url_for('static',filename='文件路径')的形式引入到这里来--> <link rel="stylesheet" href="{{url_for('static',filename='css/index.css')}}"> <script src="{{url_for('static',filename='js/index.js')}}"></script> </head> <body> <a href="{{ url_for('login') }}">登陆</a> <!--意义：点击登陆后，就跳到login.html页面中了--> <img src="{{url_for('static',filename='image/zhiliao.png')}}" alt=""> </body> </html>login页面：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陆</title> <!--一般来说，不会把css样式写在这里，会单独卸载static文件夹，用css文件来存放所需的样式，flask默认从static中寻找--> </head> <body> 这是登陆页面 </body> </html>
css文件：
a{ color:red; background: black; }js文件：
alert("我是对话框")