开始Flask项目

  1. 新建Flask项目。
  2. 设置调试模式。
  3. 理解Flask项目主程序。
  4. 使用装饰器，设置路径与函数之间的关系。
  5. 使用Flask中render_template，用不同的路径，返回首页、登录员、注册页。
  6. 用视图函数反转得到URL，url_for(‘login’)，完成导航里的链接。

 

from flask import Flask,render_template

app = Flask(__name__)

@app.route('/')
def base():
    return render_template('base.html')
@app.route('/denglu/',methods=['GET','POST'])
def denglu():
    return render_template('denglu.html')
@app.route('/zhuce/')
def zhuce():
    return render_template('zhuce.html')

if __name__ == '__main__':
    # app.run()
    app.run(debug=True)
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <script src="../static/js/base.js"></script>
    <link type="text/css" rel="stylesheet" href="../static/css/styles.css">
</head>
<body id="myBody">
<nav>
    <img id="myOnOff" onclick="mySwitch()"
         src="https://tva4.sinaimg.cn/crop.0.0.1242.1242.180/bde8475djw8f1hu7mrcy2j20yi0yiabl.jpg" width="30px">
    <a href="{{ url_for('base') }}">首页</a>
    <a href="{{ url_for('zhuce') }}">注册</a>
    <a href="{{ url_for('denglu') }}">登录</a>
</nav>
<div class="area">

</div>
<div class="img">
<div>
    <a href="base.html"><img src="http://www.zcool.com.cn/community/037471d55de8fc900000171405bc2ee.jpg" height="160px" width="240px" align="center"></a>
</div>

</div>
</body>
</html>

 

 

 

posted @ 2017-11-03 09:53  003刘淑千  阅读(85)  评论(0)  编辑  收藏  举报