Flask交流

六、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'文件夹。

image.png
然后在static里面写filename,然后写对应的文件夹名及文件名就行了。
完整代码:链接:https://pan.baidu.com/s/129xtT62vG4CTZZl1znhjgQ 密码:8pzk
Study hard and make progress every day.

更多学习资料请关注"爱游戏爱编程"。


爱游戏爱编程.jpg
上一篇 下一篇

猜你喜欢

热点阅读