标签:ror import styles debug mylog 主程 input meta box
1.新建Flask项目。
2.设置调试模式。
3.理解Flask项目主程序。
4.使用装饰器,设置路径与函数之间的关系。
5.使用Flask中render_template,用不同的路径,返回首页、登录员、注册页。
6.用视图函数反转得到URL,{{url_for(‘login’)}},完成导航条里的链接。
from flask import Flask from flask import render_template app = Flask(__name__) @app.route(‘/‘) def index(): return render_template(‘index.html‘) @app.route(‘/zhuce‘) def wr(): return render_template(‘zhuce.html‘) @app.route(‘/login‘) def login(): return render_template(‘login.html‘) if __name__ == ‘__main__‘: app.run(debug=True)
登陆
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录界面</title> <link href="css/vvv.css" rel="stylesheet" type="text/css"> <script src="js/ggg.js"></script> </head> <body> <div class="div1"> <div class="div2">登录</div> <div class="div3"> <div class="iconfont ic-user"></div> 用户:<input id="username" type="text" placeholder="请输入用户名"> </div> <div class="div3"> 密码:<input id="userpass" type="text" placeholder="请输入密码"> </div> <div id="error_box"><br></div> <div class="div3"> <button onclick="myLogin()">登陆</button> </div> </div> <br> </body> </html>
注册
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>界面</title> <link href="css/yyy.css" rel="stylesheet" type="text/css"> <script src="js/rrr.js"></script> </head> <div class="div1"> <div class="div2">注册</div> <div class="div3"> 请输入你的昵称:<input id="username" type="text" placeholder="请输入你的昵称"> </div> <div class="div3"> 设置密码:<input id="userpass" type="text" placeholder="请输入密码"> </div> <div class="div3"> 重复密码:<input id="userpass1" type="text" placeholder="请再次输入密码"> </div> <div class="div3"> 请输入手机号:<input id="phonenumber" type="text" placeholder="请输入11位手机号"> </div> <div id="error_box"><br></div> <div class="div3"> <button onclick="myLogin()">注册</button> </div> <div class="div2">点击 “注册” 即表示您同意并愿意遵守<br>用户协议 和 隐私政策 。</div> </div> <br> </body> </html>
标签:ror import styles debug mylog 主程 input meta box
原文地址:http://www.cnblogs.com/linf/p/7780222.html