bootstrap flask登录页面编写实例

时间：2021-05-28

本文章来为各位介绍一个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='/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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://e to / <h1>

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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章