经过了第一章的内容,已经可以做出一些简单的页面,首先用这种方式做一个登录页面,首先要创建一个login的路由方法:
@app.route("/login",methods=["GET"])def login(): html="<form method='post'>" / "<table>" / "<tr><td>请输入用户名</td><td><input type='text' name='username'/></td></tr>" / "<tr><td>请输入密码</td><td><input type='password' name='password'/></td></tr>" / "<tr><td><input type='submit' value='登录'/></td></tr>" / "</table>" / "</post>" return html
这个页面返回后是一个简单的登录页,显示结果如下:
然后是一个登录的post返回页:
@app.route("/login",methods=["POST"])def loginPost(): username=request.form.get("username","") password=request.form.get("password","") if username=="test" and password=="123" : return "登录成功" else: return "登录失败"
输入test和123后,显示登录成功
功能上当然是实现了,但是从其他方面来说,却很难说它是一个能够实际应用的程序,即使不考虑js脚本和css样式表,就从简简单单的维护来说,就是一场噩梦,比如说像增加一个验证码框,我想不会有人认为这是一件愉快的工作。
所以,首先来说,我们要把页面html部分独立出来,这点,flask提供了jinja2模板引擎来实现。
jinja2模板引擎同样符合flask最基础的约定,即众多配置中都有一个基础的默认值,相对jinja2来说,有一个最重要的默认值,即模板文件放在templates文件夹,这个文件夹虽然可以自定义,但目前来说,使用默认值已经足够了。
好,首先在PyCharm的项目根目录创建templates文件夹,然后在文件夹内创建login.html文件,当然目录结构如下:
在login.html中输入代码如下:
<!DOCTYPE html><html> <head> <title>欢迎您登陆--牛博客</title> </head> <body> <form method='post'> <table> <tr><td>请输入用户名</td><td><input type='text' name='username'/></td></tr> <tr><td>请输入密码</td><td><input type='password' name='password'/></td></tr> <tr><td><input type='submit' value='登录'/></td></tr> </table> </form> </body></html>
代码很简单,也名没有进行样式方面的美化,其实目前就我来说,仅仅是因为有了智能感知,就有足够的理由使用模板了,然后,对default.py的login方法进行修改代码为:
新闻热点
疑难解答