url链接(url

xiaoxiao2021-02-28  10

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("我是对话框")
转载请注明原文地址: https://www.6miu.com/read-1900295.html

最新回复(0)