python中的flask框架写简单的登录界面

flask框架和css的应用

实现的环境：

windows环境
eclipse下的pydev
pip3 install flask jinja2

# -*- coding:utf-8 -*-
'''
Created on 2018年9月17日
@author: zkx
'''
from flask import Flask  #引入Flask类，Flask类实现了一个WSGI应用
from flask import request,render_template
app =Flask(__name__)  #app是Flask的实例，它接收包或者模块的名字作为参数，但一般都是传递__name__。    

@app.route("/") #使用app.route装饰器会将URL和执行的视图函数的关系保存到app.url_map属性上。
def first(): #处理URL和视图函数的关系的程序就是路由，这里的视图函数就是first。
    return "欢迎来到我的世界"

@app.route("/login",methods=['GET'])   #请求方式为get
def login():
    return render_template('l.html')

@app.route("/login",methods=['POST']) #请求方式为post
def loginin():
    if request.form['username']=='zkx' and request.form['password']=='zkx':
            username =request.form['username']
            return render_template('l.html',username='zkx',moban='moban')
    return render_template('one.html',username='username',moban='shurucuowu')
app.run( host='127.0.0.1', port=666, debug='True')#默认Flask只监听虚拟机的本地127.0.0.1这个地址，端口为666。

步骤二：如图所示创建
在这里插入图片描述

编辑

<!DOCTYPE html>
<html >
<head >
<meta charset="utf-8">
<title >zkx</title>
<link type="text/css" rel="stylesheet" href={{ url_for('static', filename='css/zkx.css') }}> </link> 
</head>
<body>
{% if  message %}
<p style="color:red">{{ message }} </p>
{% endif %}
{{ moban }}
<form action="/login" method="post" >
            <p><input name="username" value="{{ username }}">账号</p>
            <p><input name="password" type="password">密码</p>
            <p><button type="subbmit"> 提交</button></p>
	</form>
</body>
</html>

步骤三：如图创建
在这里插入图片描述
编辑

form {
	background :blue	
}

注：模块中的说明
{{ }}——访问变量或变量的属性
{# #}——注释
{% include ‘footer.html’ %} ——导入另外一个模板到当前模板中
{% import ‘forms.html’ as forms %} ——导入模板，与上面的有部分不同
{{url_for(“static”,filename="…")}}——访问static文件夹中的文件
在这里插入图片描述

python中的flask框架写简单的登录界面

flask框架和css的应用

猜你喜欢