flask创建登录页面

本文介绍了如何使用Flask框架在Python中实现一个基本的登录界面,包括表单定义、HTML模板、路由设置以及在云服务器上部署。同时提及了登录注册功能和网页开发的相关知识点。
摘要由CSDN通过智能技术生成

flask实现一个登录界面

基础的Flask项目结构
forms.py:定义登录表单和表单字段的文件。
templates/login.html:用于渲染登录表单的 HTML 模板文件。
routes.py:定义应用的路由和视图函数的文件。
__init__.py:创建并初始化 Flask 应用的文件。
run.py:启动应用的文件。
Flask实现登录功能
pip install flask
云服务器 上部署一个  TODO LIST
任务列表,在后期应设置为每个用户专用的列表
登录页面设计

十六进制颜色信息

flask制作网页
以下是使用Flask框架和MySQL实现登录注册面的示例代码: 1. 首先需要安装Flask和pymysql库,可以使用以下命令进行安装: ```python pip install flask pip install pymysql ``` 2. 在MySQL中创建一个名为`cat1`的数据库,并创建一个名为`students`的表,表中包含`id`、`name`和`password`三个字段。 3. 在`app.py`文件中编写Flask应用程序的代码,包括路由、模板等。以下是一个简单的示例: ```python from flask import Flask, render_template, request, redirect, url_for import pymysql app = Flask(__name__) app.config['SECRET_KEY'] = 'secret_key' # 连接MySQL数据库 conn = pymysql.connect(host='localhost', user='root', password='12345', db='cat1', charset='utf8') cur = conn.cursor() # 注册路由 @app.route('/register', methods=['GET', 'POST']) def register(): if request.method == 'POST': # 获取表单数据 username = request.form['username'] password = request.form['password'] # 查询用户名是否已存在 sql = "SELECT * FROM students WHERE name='%s'" % username cur.execute(sql) result = cur.fetchone() if result: return '该用户名已被注册' else: # 插入新用户 sql = "INSERT INTO students(name, password) VALUES ('%s', '%s')" % (username, password) cur.execute(sql) conn.commit() return redirect(url_for('login')) return render_template('register.html') # 登录路由 @app.route('/login', methods=['GET', 'POST']) def login(): if request.method == 'POST': # 获取表单数据 username = request.form['username'] password = request.form['password'] # 查询用户是否存在 sql = "SELECT * FROM students WHERE name='%s' AND password='%s'" % (username, password) cur.execute(sql) result = cur.fetchone() if result: return '登录成功' else: return '用户名或密码错误' return render_template('login.html') if __name__ == '__main__': app.run() ``` 4. 在`templates`文件夹中创建`register.html`和`login.html`两个模板文件,分别用于显示注册和登录页面的表单。以下是一个简单的示例: `register.html`: ```html <!DOCTYPE html> <html> <head> <title>注册</title> </head> <body> <h1>注册</h1> <form method="post" action="{{ url_for('register') }}"> <label>用户名:</label> <input type="text" name="username"><br> <label>密码:</label> <input type="password" name="password"><br> <input type="submit" value="注册"> </form> </body> </html> ``` `login.html`: ```html <!DOCTYPE html> <html> <head> <title>登录</title> </head> <body> <h1>登录</h1> <form method="post" action="{{ url_for('login') }}"> <label>用户名:</label> <input type="text" name="username"><br> <label>密码:</label> <input type="password" name="password"><br> <input type="submit" value="登录"> </form> </body> </html> ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

WX Chen

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值