六、url链接
2018-08-29 本文已影响20人
十柒年
1.页面跳转
在网站中我们经常会遇到,页面跳转的情况,比如点击登录,可以跳转到登录页面,点击注册可以跳转到注册页面,那flask中如何进行页面跳转呢?先看下后台代码。
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)
里面就写了两个视图函数,这对我们这篇文章足够了,然后我们在templates下添加两个静态文件,一个index.html 一个login.html,假如说我们要从index页面跳转到login页面
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<a href="{{ url_for('login') }}">登录页面</a>
</body>
</html>
可以看到我们直接进使用url_for()
就可以了,里面加视图函数的名字。
2.加载静态文件
加载静态文件比较简单,我这就直接写代码了,然后在给大家讲一下。
<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='images/1.jpg') }}" alt="">
有点html同学的基础应该挺熟悉的,加载css文件就用link标签,加载js文件就用script标签,加载图片就用img标签。里面的static就指的事咱们项目下的static'文件夹。
![](https://img.haomeiwen.com/i6375263/e9cba787b528a407.png)
然后在static里面写filename,然后写对应的文件夹名及文件名就行了。
完整代码:链接:https://pan.baidu.com/s/129xtT62vG4CTZZl1znhjgQ 密码:8pzk
Study hard and make progress every day.
更多学习资料请关注"爱游戏爱编程"。
爱游戏爱编程.jpg