bootstrap flask登录页面编写实例

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

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

一、效果

无图无真像,先上效果图:

二、目录结构

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

. ├── run.py ├── static │ └── css │ ├── bootstrap.min.css │ └── style.css └── templates ├── index.html └── login.html

三、入口run文件

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

rush: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

rush:xhtml;"> Bootstrap响应式<a href="https://www.jb51.cc/tag/denglu/" target="_blank" class="keywords">登录</a>界面模板
Box">
忘记密码? 找回

来源:

index.html index.html 模板中内容如下:

welcome to

如果大家还想深入学习,可以点击进行学习,再为大家附两个精彩的专题:

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

相关文章

Bootstrip HTML 查询搜索常用格式模版 &lt;form class=&...
如何在按钮上加红色数字 您可以使用Bootstrap的badge组件来在...
要让两个按钮左右排列,你可以使用 Bootstrap 的网格系统将它...
是的,可以将status设置为布尔类型,这样可以在前端使用复选...
前端工程师一般用的是Bootstrap的框架而不是样式,样式一般自...
起步导入:<linkrel="stylesheet"href="b...