bootstrap flask登录页面编写实例

bootstrap flask登录页面编写实例

本文章来为各位介绍一个python的例子，这个就是bootstrap+flask写登录页面的例子，希望文章能够对各位有所帮助。

Flask是一个使用 Python 编写的轻量级 Web 应用框架。其 WSGI 工具箱采用 Werkzeug ，模板引擎则使用 Jinja2 。在一般应用或个人开发中，可以很容易的写出应用。本篇就结合bootstrap，写一个简单的login界面。

一、效果图

无图无真像，先上效果图：

flask-bootstrap

flask-login

二、目录结构

该代码写时采用动静分离的方法进行编写，目录树如下：

[root@jb51 login]# tree

.

├── run.py

├── static

│   └── css

│       ├── bootstrap.min.css

│       └── style.css

└── templates

    ├── index.html

    └── login.html

三、入口run文件

动态代码只有一个run.py文件，代码如下：

from flask import *

app = Flask(__name__,static_url_path='/http://static')

@app.route("/login",methods=['POST','GET'])

def login():

error = None

if request.method == 'POST':

if request.form['username'] != 'admin' or request.form['password'] != 'admin123':

error= "sorry"

else:

return redirect(url_for('index'))

return render_template('login.html',error=error)

@app.route("/index")

def index():

return render_template('index.html')

if __name__ == "__main__":

app.run(

host="0.0.0.0",

port=80,

debug=True)

实际应用中，根据需要，可以关闭debug模试。

四、静态模块

templates下有两个模块文件分别是login.html和index.html

login.html

登录

忘记密码？ 找回

还没注册? 注册

来源：运维之路

index.html

index.html 模板中内容如下：

如果大家还想深入学习，可以点击这里进行学习，再为大家附两个精彩的专题：Bootstrap学习教程

Bootstrap实战教程

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。