python学习日记-2016.8.3

1.遇到一个问题:我发现我安装了Flask包后无法导入
原因:我的py文件命名为flask.py,和flask框架名字一致,所以IDE自动识别导入自己
解决办法:重命名py文件

2.使用web框架flask
Flask通过Python的装饰器在内部自动地把URL和函数给关联起来,所以,我们写出来的代码就像这样:

from flask import Flask
from flask import request
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def home(): 
  return '<h1>Home</h1>'
@app.route('/signin', methods=['GET'])
def signin_form(): 
  return '''<form action="/signin" method="post"> 
            <p><input name="username"></p> 
            <p><input name="password" type="password"></p> 
            <p><button type="submit">Sign In</button></p>     
            </form>'''
@app.route('/signin', methods=['POST'])
def signin(): 
  # 需要从request对象读取表单内容: 
  if request.form['username']=='admin' and request.form['password']=='password': 
    return '<h3>Hello, admin!</h3>' 
   return '<h3>Bad username or password.</h3>'

if __name__ == '__main__': 
  app.run()

运行python app.py
,Flask自带的Server在端口5000
上监听:

$ python app.py 
* Running on http://127.0.0.1:5000/

3.使用模板

Web App最复杂的部分就在HTML页面。HTML不仅要正确,还要通过CSS美化,再加上复杂的JavaScript脚本来实现各种交互和动画效果。总之,生成HTML页面的难度很大。
上面的代码将业务逻辑和页面混在一起,不利于代码维护和页面重建,为此我们应该使用mvc模式将视图层和业务逻辑分离开来

from flask import Flask, request, render_template
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST'])
def home(): 
  return render_template('home.html')
@app.route('/signin', methods=['GET'])
def signin_form(): 
  return render_template('form.html')
@app.route('/signin', methods=['POST'])
def signin(): 
  username = request.form['username'] 
  password = request.form['password'] 
  if username=='admin' and password=='password': 
    return render_template('signin-ok.html', username=username) 
  return render_template('form.html', message='Bad username or password', username=username)

if __name__ == '__main__': 
  app.run()

其中,home.html,signin-ok.html,form.html放在与app.py同级的文件夹中
下面是home.html的代码

<html>
<head> 
  <title>Home</title>
</head>
<body> 
  <h1 style="font-style:italic">Home</h1>
</body>
</html>

下面是form.html的代码

<html>
<head> 
<title>Please Sign In</title>
</head>
<body> 
  {% if message %} 
  <p style="color:red">{{ message }}</p> 
  {% endif %} 
  <form action="/signin" method="post"> 
    <legend>Please sign in:</legend> 
    <p><input name="username" placeholder="Username" value="{{ username }}"></p> 
    <p><input name="password" placeholder="Password" type="password"></p> 
    <p><button type="submit">Sign In</button></p> 
  </form>
</body>
</html>

下面是signin-ok的代码

<html>
<head> 
  <title>Welcome, {{ username }}</title>
</head>
<body> 
  <p>Welcome, {{ username }}!</p>
</body>
</html>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容