Flask-url加载静态文件

实现从index通过链接进入到登录页面

#############Python#########################

# 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.html#####################
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>index</title>
<link rel="stylesheet" href="{{ url_for("static",filename='index.css') }}"> {#加载css#}
    <script src="{{ url_for("static",filename='js/index.js')}}"></script>   {#加载js#}
</head>
<body>
{# <a href="/login/">登录</a>#}
<a href="{{ url_for('login') }}">登录</a> {#####主要使用了url_for#}

<img src="{{ url_for('static',filename='images/niu.jpg') }}"> {#####加载图片#}
</body>
</html>

####################login.html######################
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>这是登录界面</h1>
</body>
</html>
======================index.css=====================
a{
background:red;
}
=====================index.js=======================
alert("祝大家新年快乐!")
=====================结构图==========================

 

 


posted @ 2017-12-28 14:01  王亚锋  阅读(1565)  评论(0编辑  收藏  举报