基于Python Mysql Html5的用户注册，帖子发布

最新推荐文章于 2023-06-26 06:59:46 发布
原创 最新推荐文章于 2023-06-26 06:59:46 发布 · 603 阅读 · 3 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#python #flask #mysql #后端 #html5

本文介绍了基于VSCode平台使用Flask构建的后端服务器项目，详细阐述了部署模块，包括blueprints蓝图、migrations目录、静态文件、模板、app.py、config.py等关键文件及其作用。代码实现部分涉及app.py、config.py、装饰器、数据库模型等，实现了用户注册、登录、问答发布等功能。同时，文章提到了使用Flask-SQLAlchemy存储用户信息、Flask-Mail发送邮箱验证码以及WTForms进行表单验证。最后展示了登录页面，并提供了项目成果的阿里云盘链接。

目录

一、部署模块

1、blueprints蓝图目录 

2、migrations目录

3、static目录 -- 静态文件默认文件夹

4、templates目录 -- html文件默认文件夹

5、 app.py文件

6、config.py文件 -- 配置文件

7、decorators.py -- 装饰器文件

8、exts.py -- 第三方插件

9、models.py -- 数据表文件

二、代码实现

1、app.py 

2、config.py -- 配置文件

 3、decorators.py -- 装饰器文件

 4、exts.py

5、models.py -- 数据库表单文件

 三、templates静态文件

1、base.html  -- 模板通用文件

 2、register.html -- 注册目录

四、成果展示

​登录页面 

五、总结

阿里云盘

前言：本项目基于vscode平台，使用flask搭建后端服务器，html,css,js编写前端用户登录以及问答发布页面，flask_sqlalchemy存储用户登录信息，flask_mail用于发送邮箱验证码进行用户注册，wtforms.validators进行登录注册等表单验证。最后实现用户注册，登录，发布问答，评论等功能，下面是一些具体部署和代码。

一、部署模块

这一部分主要介绍，该项目下有哪些文件，为什么需要这样部署文件，以及各个文件具体实现的功能。 

文件结构如图：

1、blueprints蓝图目录 

blueprints目录下存放模块化的路由文件，方便阅读以及后期维护，主要文件：

1）auth.py

存放用户登录注册的相关路由

2）qa.py

存放用户问答相关的路由

3）forms.py

验证表单，存放前两个文件中验证所需要的独立的类。验证的对象：

a.用户注册的用户名，邮箱等的格式是否符合类中规定的

b.用户注册验证码是否正确

2、migrations目录

用于存放数据库相关配置文件，刚修改models.py中的数据表单时,需要手动在终端执行

映射,映射三部曲如下：

1）flask db init 只需要在终端执行一次--生成一个文件夹，即migrations

2）flask db migrate  识别ORM模型,生成迁移脚本

3）flask db upgrade 运行迁移脚本，同步到数据库中

注：

每修改一次数据表的格式都需要手动执行后面两个代码

在数据库中会自动生成一个alembic_version库,用来记录迁移脚本版本号

3、static目录 -- 静态文件默认文件夹

用于存放css,js,图片等文件

4、templates目录 -- html文件默认文件夹

包括用户注册，登录，发布问答，发布评论的静态页面的书写。

5、 app.py文件

搭建服务器框架， 主执行文件

6、config.py文件 -- 配置文件

一般只需要写一次，配置文件，配置各种加密文件，服务器地址等等

1）mysql配置

2）email配置

7、decorators.py -- 装饰器文件

装饰器，验证用户是否登录，登陆了可以发布问答，反之跳转到登录页面

8、exts.py -- 第三方插件

放置一些可能会造成循环引用的代码,避免循环引用

9、models.py -- 数据表文件

创建数据库表单类，方便管理用户数据

总结：以上就是第一部分的模块部署，虽然前期部署花费了很长时间，但很显然，对于后期书写这很有必要，因为项目所需要的代码繁多，每一模块都有各自的作用，实现哪一方面的功能就去对应的目录文件下修改即可，会在无形中省下很多功夫。

二、代码实现

1、app.py 

from flask import Flask, session, g     # g 存储全部变量
from exts import db,mail
from models import UserModel         # 导入模型
from blueprints.qa import bp as qes_bp # 导入蓝图对象
from blueprints.auth import bp as auth_bp
from flask_migrate import Migrate       # 用于映射
import config

app = Flask(__name__)
app.debug = True

# 绑定配置文件
app.config.from_object(config)

# 绑定app
db.init_app(app)
mail.init_app(app)

# 映射关系
migrate = Migrate(app,db)

# 注册蓝图，绑定
app.register_blueprint(qes_bp)
app.register_blueprint(auth_bp)


@app.before_request # 钩子函数，在请求之前
def my_before():
    user_id = session.get("user_id")
    # 登录之后才有user_id
    if user_id:
        user = UserModel.query.get(user_id)
        # 给g设置一个属性user，user上的值就是user
        setattr(g,'user',user)
    else:   # 没有user_id，设置None,防止报错
        setattr(g,'user',None)

# 上下文处理器，在所有模板当中都可访问其中的数据，user == g.user
@app.context_processor
def my_context_processor():
    return {"user":g.user}

if __name__ == '__main__':
    app.run('0.0.0.0',9527)

2、config.py -- 配置文件

mysql配置文件，需要修改，密码和自己建立的数据库名称

email配置文件，需要修改邮箱地址，邮箱授权密码，如何获取，往后看

SECRET_KEY = 'ndcinsidniveviniewos'

#encoding:utf8
USERNAME = 'root'       # 账号
PASSWORD = ''     # 密码，需要填写你自己的数据库密码
HOST = '127.0.0.1'  # 服务器地址
PORT = '3306'           # 默认端口号
DATABASE = ''   # 使用的数据库，需要填写你自己的数据库名称
# 准备创建数据库连接实例,其中mysql和pymysql必须为小写形式
DB_URI = "mysql+pymysql://{}:{}@{}:{}/{}?charset=utf8mb4".format(USERNAME,PASSWORD,HOST,PORT,DATABASE)
# 创建数据连接实例
SQLALCHEMY_DATABASE_URI = DB_URI    

# 动态追踪必须设置，否则会报错，False或者True
SQLALCHEMY_TRACK_MODIFICATIONS = False
# 查询时会显示原始的SQL语句
# SQLALCHEMY_ECHO = True


# QQ邮箱配置密码 
# 邮箱配置--开启了自己的邮箱
MAIL_SERVER = "smtp.qq.com"
MAIL_USE_SSL = True # 是否加密
MAIL_PORT = 465
MAIL_USERNAME = ""    # 邮箱
MAIL_PASSWORD = ""    # 邮箱密码
MAIL_DEFAULT_SENDER = ""    # 同MAIL_USERNAME

如何获取邮箱密码，完成配置，使自己的邮箱可以作为邮箱服务器，完成这个项目：

1、打开qq邮箱，点击设置进入


 
 2、切换到账户

 3、开启下面的这个服务，获得的授权码就是password,我这里是已经开启了的

 3、decorators.py -- 装饰器文件

from functools import wraps
from flask import g, redirect, url_for

# 装饰器，验证用户是否登录，登陆了可以发布问答，反之跳转到登录页面
def login_required(func):
    # 保留func的信息,也就是传过来的public_question函数的信息，使得最后返回inner不会改变原函数
    @wraps(func)
    def inner(*args,**kwargs):
        if g.user:
            return func(*args,**kwargs)
        else:
            return redirect(url_for("auth.login"))
    return inner

 4、exts.py

from flask_sqlalchemy import SQLAlchemy
from flask_mail import Mail
  

db = SQLAlchemy()
mail = Mail()

5、models.py -- 数据库表单文件

from datetime import datetime
from exts import db

class UserModel(db.Model):
    __tablename__ = "user"
    id = db.Column(db.Integer,primary_key=True,autoincrement=True)
    username = db.Column(db.String(100),nullable=False)
    password = db.Column(db.String(200),nullable=False)
    email = db.Column(db.String(100),nullable=False,unique=True)
    # default制定了一个默认值，关联一个函数，获取当时创建的时间
    join_time = db.Column(db.DateTime,default=datetime.now)


class EmailCaptchaModel(db.Model):
    __tablename__ = "email_captcha"
    id = db.Column(db.Integer,primary_key=True,autoincrement=True)
    email = db.Column(db.String(100),nullable=False)
    # default制定了一个默认值，关联一个函数，获取当时创建的时间
    captcha = db.Column(db.String(100),nullable=False)

# 创建问题表单
class QuestionModel(db.Model):
    __tablename__ = "question"
    id = db.Column(db.Integer,primary_key=True,autoincrement=True)
    title = db.Column(db.String(100),nullable=False)
    content = db.Column(db.Text,nullable=True)
    create_time = db.Column(db.DateTime,default=datetime.now)

    # 外键
    author_id = db.Column(db.Integer,db.ForeignKey("user.id"))
    # 添加一个反向引用，back
    author = db.relationship(UserModel,backref = "questions")

# 创建评论表单
class AnswerModel(db.Model):
    __tablename__ = "answer"
    id = db.Column(db.Integer,primary_key=True,autoincrement=True)
    content = db.Column(db.Text,nullable=True)
    create_time = db.Column(db.DateTime,default=datetime.now)

    # 外键
    question_id = db.Column(db.Integer,db.ForeignKey("question.id"))
    author_id = db.Column(db.Integer,db.ForeignKey("user.id"))

    # 关系,添加反向引用，并排序，新发的评论显示在上面
    question = db.relationship(QuestionModel,backref=db.backref("answers",order_by=create_time.desc()))
    author = db.relationship(UserModel,backref="answers")

 三、templates静态文件

templates文件夹中配置html静态文件，使用base.html作为基础模板，将所有代码公用部分写在其中，其他的html文件使用block继承公用的，在编程自己特有的，这样代码看起来也更灵活清楚。这里作为示例，有如下base.html与register.html代码。

1、base.html  -- 模板通用文件

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="{{ url_for('static',filename='bootstrap/bootstrap.4.6.min.css')}}">
    <link rel="stylesheet" href="{{ url_for('static',filename='css/init.css')}}">
    {% block head %}{% endblock %}
    <title>{% block title %}{% endblock %}</title>
</head>
<body>
    <nav class="navbar navbar-expand-lg navbar-light bg-light">
        <div class="container">
            <a class="navbar-brand" href="#">知了问答</a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="/">首页 <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ url_for('qa.public_question') }}">发布问答</a>
                    </li>
                    <li class="nav-item ml-2">
                        <form class="form-inline my-2 my-lg-0" method="GET" action="{{ url_for('qa.search') }}">
                            <input class="form-control mr-sm-2" type="search" placeholder="关键字" aria-label="Search" name="q">
                            <button class="btn btn-outline-success my-2 my-sm-0" type="submit">搜索</button>
                        </form>
                    </li>
                </ul>
                <ul class="navbar-nav">
                    {% if user %}
                        <li class="nav-item">
                            <span class="nav-link">{{ user.username }}</span>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ url_for("auth.logout") }}">退出登录</a>
                        </li>
                    {% else %}
                        <li class="nav-item">
                            <a class="nav-link" href="{{ url_for("auth.login") }}">登录</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="{{ url_for("auth.register") }}">注册</a>
                        </li>
                    {% endif %}
                    
                </ul>
            </div>
        </div>
    </nav>
    <div class="container">
        {% block body %}{% endblock %}
    </div>
</body>
</html>

 2、register.html -- 注册目录

{% extends "base.html" %}

{% block title %}知了传课-注册{% endblock %}

{% block head %}
<script src="{{ url_for('static',filename='jquery/jquery.3.6.min.js')}}"></script>
<script src="{{ url_for('static',filename='js/register.js') }}"></script>
{% endblock %}

{% block body %}
<div class="row mt-4">
    <div class="col"></div>
    <div class="col">
        <form method="POST">
            <div class="form-group">
                <label for="exampleInputEmail1">邮箱</label>
                <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" name="email">
                <small id="emailHelp" class="form-text text-muted">我们不会把邮箱用于其他用户</small>
            </div>
            <div class="form-group">
                <label for="exampleInputEmail1">验证码</label>
                <div class="input-group">
                    <input type="text" class="form-control" name="captcha">
                    <div class="input-group-append">
                        <button class="btn btn-outline-secondary" type="button" id="captcha-btn">获取验证码</button>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <label for="exampleInputEmail1">用户名</label>
                <input type="text" class="form-control" name="username">
            </div>
            <div class="form-group">
                <label for="exampleInputPassword1">密码</label>
                <input type="password" class="form-control" id="exampleInputPassword1" name="password">
            </div>
            <div class="form-group">
                <label for="exampleInputPassword1">确认密码</label>
                <input type="password" class="form-control" name="password_confirm">
            </div>
            <button type="submit" class="btn btn-primary btn-block">立即注册</button>
        </form>
    </div>
    <div class="col"></div>
</div>
{% endblock %}

四、成果展示

  

五、总结

作为新手项目，这个项目还有难度的，其中涉及到的知识点很多，要一一去了解很难。下面是整个项目的阿里云盘代码链接。因为还需要配置很多东西，即使有了完整代码也运行不了，还需要自己去修改配置文件config.py。还有更多问题，大家可以留言讨论。如果发现代码有什么问题，希望不吝指出，一起加油！

阿里云盘

MySQL02 https://www.aliyundrive.com/s/W1rNYemLqQo 提取码: 03vw 点击链接保存，或者复制本段内容，打开「阿里云盘」APP ，无需下载极速在线查看，视频原画倍速播放。

python写登录界面跳转至数据库操作_Python CGI 实战四：PyMySQL登录注册+留言板
weixin_33634121的博客
01-29 501
是最后的demo，要对CGI告一段落啦写了一个比较完整的，包括前后端的，用户登录注册-写留言-查看留言板的过程最终效果需要编写美化后的登录界面new_login.html、注册界面new_register.html和发布留言界面message.html，以及一些用来美化css、js等image.png需要编写四个cgi脚本：验证用户登录注册的new_login_sql.py和new_registe...
基于Python的在线学习平台设计与实现
最新发布
weixin_32121949的博客
07-01 1675
本项目基于Python生态，采用现代化的前后端分离架构，成功打造了一个功能全面、用户体验优良的在线学习平台。通过精心设计的功能模块，满足了不同用户群体的需求，从内容创建到互动学习，再到数据分析，每一环节都体现了技术与教育的深度融合。代码示例展示了清晰的数据处理逻辑和前端展示，强调了安全性和可扩展性。此项目的实施，不仅促进了知识的广泛传播，也为未来的在线教育技术创新奠定了实践基础。
python实现用户注册功能的代码_Django HTML表单实现用户注册
weixin_39610415的博客
12-11 1037
在本节我们将进入逻辑性较强的代码环节，主要以实现项目中功能为主，并且会穿插介绍一些知识点，带领大家对之前讲过的知识进行重点复习，做到温故而知新。在以下几节中我们将重点介绍如何实现 Django 的注册登录这一基础功能，如果有小伙伴对 HTML Form 表单不熟悉的，建议马上进行复习，很简单的一看就会哦，下面就正式开始本节的内容。1. HTML表单实现用户注册在每一个 Web 应用网站都会提供用户...
Python写入注册它来了（博主活了）
明裕学长的博客
03-13 260
由于各种原因托更到现在，真的对不起各位师傅们。那如果给他加上前面的呢？
Python Flask框架学习笔记10
CCH2024的专栏
03-21 352
Python Flask框架学习笔记
Python写登录注册系统＋MySQL数据库
小宝的博客
09-07 7601
在csdn上写博客也有一小段时间了，虽然没有多少流量，但是还是很开心的。因为在csdn上写属于自己的博客不仅能收获到一些志同道合的朋友，还能记录自己的成长，所以和乐而不为呢？ 本人接触编程这行差几天就一年了，在这快一年的时间里经历很多，从最开始的基础c语言到python再到html，js，数据库等，它们都见证了我的成长，虽然我现在学的都只是皮毛，但是路还很长，任重而道远！这次开学我就不在是哪个大一的新生了，我将带着个这颗坚韧的心，认真走完大二，甚至大学和自己的人生，也希望能给大家带来帮助和遇见更多的志同道
基于Python MySQL实现高校论坛管理系统【优质毕业设计、课程设计项目】.zip
05-19
本项目是一个基于Python和MySQL实现的高校论坛管理系统，旨在提供一个高效、易用的平台，让学生和教师可以交流学术问题、分享心得、发布通知等。这个系统不仅适用于毕业设计或课程设计，也是学习Web开发实战的绝佳...
构建基于Python和MySQL的博客发布系统
标题中提到的“博客发布应用程序”是一个网络平台，允许用户注册账户、登录并发布简短的消息。这个程序具有前后端分离的架构，其中前端负责与用户直接交互，后端处理业务逻辑并与数据库交互。 知识点详解： 1. ...
Python基于Django旅游攻略论坛交流系统设计毕业源码案例设计+毕业设计+mysql.zip
08-24
本项目是一个基于Python的Django框架构建的旅游攻略论坛交流系统，主要应用于毕业生的毕业设计。这个系统结合了PyCharm开发环境、Django web框架和MySQL数据库，为用户提供了一个功能完善的在线交流平台，用户可以在...
Python基于Django旅游攻略论坛交流系统设计源码案+毕业设计+PyCharm + Django + mysql.zip
12-18
本项目是基于Python的Django框架构建的一个旅游攻略论坛交流系统，旨在提供一个平台供用户分享旅行经验、交流旅游心得。这个系统包含了完整的前后台功能，适用于毕业设计、课程设计或者个人技能提升的学习实践。 ...
备份SQLit文件到公共目录
qq_33690471的博客
11-05 386
备份SQLit文件到外部存储，以便数据移植到其它设备。 第一步： 通过context.getDatabasePath(String dbName);方法获取到私有目录下的数据库文件路径。 第二步： Android 9.0以下的系统，可以对公共目录进行读写，因此直接进行IO操作，复制文件到公共目录下，此步骤无需过多阐述。 Android 9.0以上的系统，因为沙盒机制的存在，需要使用MediaStore进行操作才能复制文件到公共目录下，步骤如下： /** *复制文件到公共目录 * @param
Pyhton+爬虫+Flask后端框架+web前端+Echarts+mysql的重庆天气系统
lanzha的博客
06-26 1532
很久没有发项目了，今天给大家分享一个自己的项目，首先介绍一下使用到了哪些技术，方便各位读者按需所取，后端采用的是Python的Flask框架，前端采用的则是HTML+CSS+JS和Echarts图表，数据库则采用的是Mysql，数据来源则是采用爬虫爬取的，下面我将详细介绍该项目。该板块的注册可以采用邮箱的方式注册，如输入一个邮箱账号后在，后端的账户会发送一个邮箱验证码给正在注册的账号，注册的用户输入验证码之后在输入密码和确认密码之点击注册，则会提示注册成功，注册成功之后就可以进行下一步的登录。
Flask模型类基本属性
m0_67345482的博客
10-04 1039
模型类基本属性
Python-如何制作一个简单的登陆界面【记录】
山中坐的博客
02-17 4495
制作一个简单的登陆界面，并进入主界面程序
html+css+php+mysql 简单的页面登录与注册(数据库的交互)
热门推荐
qidiandexiaowu
09-03 3万+
这是一个简单的小项目，但对于我这小白来说，也是写了好几天才完成，中间心态炸裂n次，但最后还是 搞定了！！！ 说了那麽多，还是分享一下吧！ 目录主页面(登录页面)登录页面的后台操作注册页面注册页面的后台操作 实验环境是phpstudy2018。 在phpstudy的www目录里，创建一个新文件夹test。 文件里有： index.php 主页面(登陆页面) login.php 登录页面的后台操作 register.html 注册页面 register.php 注册页面的后台操作 主页面(登录页面) 先上图
Flask连接数据库
Yll222520的博客
07-05 2889
Flask连接数据库
python3 django框架开发（三） 连接MySQL，HTML进行登录，注册操作
面包的博客
11-29 6772
转载请注明：https://blog.youkuaiyun.com/weixin_40490238/article/details/84573309 在上一篇中已经连接好了mysql，建立好用户表 现在完成 HTML 的用户登录注册 sign-in.html的登录表单： 提交路径为：signIn，一次在urls.py中设置路径 from django.urls import path fr...
Day050 SQLAlchemy连接数据库（8.17）
Melody_92的博客
08-19 227
1.SQLAlchemy介绍和基本使用 数据库是一个网站的基础。Flask可以使用很多种数据库。比如MySQL，MongoDB, SQLite, PostgreSQL等。这里我们以MySQL为例进行讲解。而在Flask中，如果想要操作数据库，我们可以使用ORM来操作数据库，使用ORM操作数据库将变得非常简单。我们会以 mysql + SQ...
SQLALchemy之外键
why404
01-22 5017
表关系 表之间的关系存在三种：一对一、一对多、多对多。 而SQLAlchemy中的ORM也可以模拟这三种关系。 一对一其实在SQLAlchemy中底层是通过一对多的方式模拟的。 SQLAlchemy创建外键 在从表中增加一个字段，指定这个字段外键的是哪个表的哪个字段就可以了。 从表中外键的字段，必须和主表的主键字段类型保持一致。 # 主表(user) / 从表(news) class Us...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

城南邶风

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

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

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

打赏作者

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

抵扣说明：

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

余额充值