开始Flask项目
- 新建Flask项目。
- 设置调试模式。
- 理解Flask项目主程序。
- 使用装饰器,设置路径与函数之间的关系。
- 使用Flask中render_template,用不同的路径,返回首页、登录员、注册页。
- 用视图函数反转得到URL,url_for(‘login’),完成导航里的链接
html
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Base</title> 6 <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"> 7 <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script> 8 <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script> 9 <script src="../static/javascript/zhuce.js"></script> 10 <script src="../static/javascript/dl.js"></script> 11 <link rel="stylesheet" href="{{ url_for('static',filename='css/base.css')}}"> 12 13 </head> 14 <body> 15 16 <div> 17 <ul class="nav nav-pills"> 18 <li><a href="http://www.gzcc.cn/"><img class="ali" src="{{ url_for('static',filename='image/2012100413195742694.jpg')}}"></a></li> 19 <li class="active"><a href="{{ url_for('base')}}">首页</a></li> 20 <li><a href="{{ url_for('login')}}">登录</a></li> 21 <li><a href="{{ url_for('register')}}">注册</a></li> 22 <li><a href="#">帮助</a></li> 23 24 <li class="dropdown"> 25 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> 26 网站导航 <span class="caret"></span> 27 </a> 28 <ul class="dropdown-menu"> 29 <li><a href="#">链接1</a></li> 30 <li><a href="#">链接2</a></li> 31 <li><a href="#">链接3</a></li> 32 <li><a href="#">链接4</a></li> 33 34 <li class="divider"></li> 35 <li><a href="#">戳一戳我</a></li> 36 </ul> 37 </li> 38 <li> 39 <input type="text" placeholder="请输入搜索关键词"> 40 <button class="sousuo" type="submit">搜索</button> 41 </li> 42 </ul> 43 44 </div> 45 <div class="Iimg"> 46 <div class="img"> 47 <a href="http://www.gzcc.cn/"><img src="http://www.005.tv/uploads/allimg/160428/13-16042Q43401629.jpg"></a> 48 <div class="desc"><a href="http://www.gzcc.cn/">我是链接1</a></div> 49 </div> 50 51 <div class="img"> 52 <a href="http://www.gzcc.cn/"><img src="http://www.deskier.com/uploads/allimg/170626/1-1F626213616.jpg"></a> 53 <div class="desc"><a href="http://www.gzcc.cn/">我是链接2</a></div> 54 </div> 55 56 <div class="img"> 57 <a href="http://www.gzcc.cn/"><img 58 src="http://ww2.sinaimg.cn/large/9bfa86dcgw1f3zmypw1rwj21hc0u0765.jpg"></a> 59 <div class="desc"><a href="http://www.gzcc.cn/">我是链接3</a></div> 60 </div> 61 62 <div class="img"> 63 <a href="http://www.gzcc.cn/"><img src="http://bizhi.pcze.com/zhuomian/1920x1200_1920x1080/52504.jpg"></a> 64 <div class="desc"><a href="http://www.gzcc.cn/">我是链接4</a></div> 65 </div> 66 <div class="clearfloat"> 67 <img src="http://www.005.tv/uploads/allimg/160428/13-16042Q43401629.jpg"> 68 <img src="http://www.deskier.com/uploads/allimg/170626/1-1F626213616.jpg"><br><br><br> 69 <img src="http://ww2.sinaimg.cn/large/9bfa86dcgw1f3zmypw1rwj21hc0u0765.jpg"> 70 <img src="http://bizhi.pcze.com/zhuomian/1920x1200_1920x1080/52504.jpg"> 71 </div> 72 73 </div> 74 75 76 <div class="footer_box"> 77 Copyright@ 2017-2022 个人版权,版权所有 作者:pys 广告位出租 78 </div> 79 80 81 </body> 82 83 </html>
py
1 from flask import Flask ,render_template 2 3 app = Flask(__name__) 4 5 6 @app.route('/') 7 def base(): 8 return render_template('base.html') 9 10 @app.route('/login/') 11 def login(): 12 return render_template('dl.html') 13 14 @app.route('/register/') 15 def register(): 16 return render_template('zhuce.html') 17 18 19 if __name__ == '__main__': 20 app.run(debug=True)