六、url链接

作者: 十柒年 | 来源:发表于2018-08-29 15:17 被阅读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

    相关文章

      网友评论

        本文标题:六、url链接

        本文链接:https://www.haomeiwen.com/subject/olfkwftx.html