Flask 学习笔记 总结

news2024/11/28 22:49:16

python基础

服务端开发编程

第一个是赋值运算，第二是乘法，最后是一个是幂（即a2）
a = 2
a * 2
a ** 2

Python支持多重赋值：
a, b, c = 2, 3, 4

这句命令相当于：
a = 2
b = 3
c = 4

Python支持对字符串的灵活操作
s = ‘I like python’
s + ’ very much’ #将 s 与’ very much’拼接，得到’I like python very much’
s.split(’ ') #将 s 以空格分割，得到列表[‘I’, ‘like’, ‘python’]

输入 input() 函数

# 获取用户输入
user_input = input("输入你的姓名: ")
# 打印用户输入的内容
print("Hello, " + user_input + "!")

# 获取用户输入并转换为整数
age = int(input("几岁啦? "))
# 使用输入的整数值
print("我明年就要 " + str(age + 1) + " 岁啦！")

输出print() 函数

# 打印简单的字符串print("Hello, World!")
# 打印变量
name = "Alice"
print("Hello, " + name + "!")
# 使用格式化字符串
print("Hello, {}!".format(name))
# 使用 f-strings (Python 3.6+)print(f"Hello, {name}!")
# 打印多个参数
print("Hello", name, "Welcome to the Python world!")
# 打印时不换行
print("First line,", end=" ")print("Second line.")

程序基本结构（选择）

if 条件1:
	语句2
elif 条件3:
	语句4
else:
	语句5

程序基本结构（循环）

s,k = 0,0
w h i l e k < 1 0 1 : # 该 循 环 过 程 就 是 求
1+2+3+...+100
	k = k + 1
	s = s + k
print s

s = 0
for k in range(101): #该循环过程也是求1+2+3+...+100
	s = s + k
print s

程序基本结构（in语句）

s = 0
if s in range(4):
	print(u's在0, 1, 2, 3中')
if s not in range(1, 4, 1):
	print(u's不在1, 2, 3中')

Python用def来自定义函数：

def add2(x):
	return x+2
print(add2(1) )#输出结果为3

Python的函数返回值可以是各种形式，比如返回列表，甚至返回多个值：

def add2(x = 0, y = 0): #定义函数，同时定义参数的默认值
	return [x+2, y+2] #返回值是一个列表
def add3(x, y):
	return x+3, y+3 #双重返回
a, b = add3(1,2) #此时a=4,b=5

Python支持用lambda对简单的功能定义“行内函数”

f = lambda x : x + 2 #定义函数f(x)=x+2
g = lambda x, y: x + y #定义函数g(x,y)=x+y

在Python 3中，**kwargs 是一个非常有用的功能，它允许你向函数传递任意数量的关键字参数。
这些参数在函数内部作为一个字典来处理，即能够接受任意数量的参数，而不必事先知道这些参数的名称或数量。

def print_kwargs(**kwargs):
	for key, value in kwargs.items():
		print(f"{key} = {value}")
		
print_kwargs(name='Alice', age=25, city='New York')

**kwargs 与固定参数结合使用

def print_info(name, **kwargs):
	print(f"Name: {name}")
	for key, value in kwargs.items():
		print(f"{key} = {value}")
		
print_info('Bob', job='Engineer', country='USA')

Python 有四个内建的数据结构，统称为容器（container），可以是数字、字符甚至是列表，或者是它们之间几种的组合：【注意】容器里边的元素类型可以不相同。

  • List（列表）
  • Tuple（元组）
  • Dictionary（字典）
  • Set（集合）

image-20240513233410965

image-20240513233425493

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

image-20240513233507105

image-20240513233518989

image-20240513233532447

image-20240513233541600

异常处理用try和except关键字来实现。当程序执行try块中的代码时，如果发生了异常，程序的执行将立即跳转到except块。except块允许程序对异常做出响应，而不是让程序崩溃。

while True:
	try:
		age = int(input("几岁啦？ "))
		break # 如果转换成功，退出循环
	except ValueError:
		print("转换出错.")

捕捉多种异常

try:
	# 可能引发多种异常的代码
	pass
except TypeError:
	# 处理TypeError异常
	pass
except ValueError:
	# 处理ValueError异常
	pass
except (ExceptionType1, ExceptionType2) as e:
	# 同时处理两种异常，并将异常实例赋值给变量 e
	pass
except Exception as e:
	# 捕获所有非系统退出类的异常
	pass

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

image-20240513233723341

Jinja2模板

Jinja2模板主要内容

  • 渲染模板、变量
  • 控制语句
  • 模板结构
  • 加载静态文件

Jinja2模板介绍

  • Jinja2 是一个现代的、设计者友好的、仿照 Django 模板的Python 模板语言。
  • 它速度快，被广泛使用，并且提供了可选的沙箱模板执行环境保证安全
  • Jinja2 需要至少 Python 2.4 版本来运行
  • pip install Jinja2 （安装Jinja2）

两种分隔符

  • 分隔符{% … %}
    • 用于执行诸如 for 循环或赋值的语句
  • 分隔符 {{ … }}
    • 表达式的结果打印到模板上

注释

  • 使用 {# … #} 注释语法

image-20240513234002592

image-20240513234046959

image-20240513234056396

image-20240513234108376

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

image-20240513234128460

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

image-20240513234151101

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

image-20240513234229621

image-20240513234242731

image-20240513234250272

image-20240513234303226

image-20240513234317975

image-20240513234326390

image-20240513234334881

表单

Flask-WTF创建表单的步骤

  1. 定义表单类。决定表单中的一组字段（Field），每个Field都有对象表示，可附属一个或多个验证函数，验证函数用于验证用户提交的数据是否有效。
  2. 定义模板页面。定义HTML表单。
  3. 定义视图函数。视图函数主要是渲染表单，接收用户在表单中填写的数据。
  4. 重定向页面。作为post请求的响应（Post–>重定向–>Get模式）。

WTForms支持的HTMLField类
image-20240520220918924image-20240520220931291

WTForms常用验证器
image-20240520220953361
image-20240520221004626

EX1:“hello,xx”案例改成表单输入xx

定义表单类

image-20240527231945045

定义模板页面

image-20240527232007769

Bootstrap引入

  • 安装flask-bootstrap
  • 在app.py中引入Bootstrap

image-20240520221252408

  • 在模板页中继承bootstrap的母板，并修改母板中定义的content模块

image-20240520221319660

用户会话（session）
若要保存EX1中用户输入的名字，可考虑使用用户会话，即session[‘xx’]，其中“xx”为自定义名称

image-20240527232033334

闪现消息（flash函数）
需要让用户知道程序的状态变化，Flask内置了设置提示信息，比并传递到页面显示

image-20240527232059733

image-20240520222133242

数据库连接访问

使用Flask-SQLAlchemy管理数据库

在Flask-SQLAlchemy中，数据库使用URL指定

image-20240527232205539

配置数据库

image-20240527232216823

定义模型

模型表示应用使用的持久化实体，在ORM中，表现为一个Python类，类中的属性对应数据库表中的列

image-20240520222827586

最常用的SQLAlchemy列类型
image-20240527232234595
image-20240527234022733

最常用的SQLAlchemy列的属性选项
【注意】每个模型都定义主键，一般命名为id

image-20240527234038326

关系
关系型数据库使用关系把不同表中的行联系起来，例如，5.1案例中的关系图表示角色和用户之间存在一对多关系，即1个角色可能有多个用户。

image-20240520223019638

常用的SQLAlchemy关系选项

image-20240527234112337

梳理下关系类型

  • 一对多关系（多对一关系）
  • 一对一关系
  • db.relationship()中的uselist选项设置为False
  • 多对多关系
  • 需要第3张关系表（关联表或联结表），后面的课再讨论

数据库操作

  1. 插入行
  2. 修改行
  3. 删除行
  4. 查询行

image-20240520223126920
image-20240520223135293
image-20240520223149751

image-20240520223159200

image-20240520223207430

image-20240520223215336

常用的SQLAlchemy查询过滤器

image-20240527234143640

常用的SQLAlchemy查询执行方法

image-20240527234156831

前后端分离开发

image-20240527234337090

image-20240527234352333

image-20240527234403460

Restful API

image-20240527234416642

image-20240527234434625

image-20240527234442730

image-20240527234451444

image-20240527234501086

image-20240527234508222

客户端异步请求补充

image-20240527234525680

image-20240527234533366

image-20240527234540226

image-20240527234557262

image-20240527234606163

image-20240527234615683

image-20240527234626058

image-20240527234640052

跨域请求

image-20240527234653805

image-20240527234701449

image-20240527234711170

image-20240527234721317

image-20240527234729206

image-20240527234742804

image-20240527234751799

image-20240527234759473

image-20240527234808613

图表应用

image-20240527234845676

image-20240527234852881

image-20240527234859524

image-20240527234907486

image-20240527234916667

image-20240527234925347

image-20240527234935381

文件上传

image-20240527235026404

image-20240527235034431

image-20240527235041687

image-20240527235050484

image-20240527235057790

image-20240527235105062

image-20240527235114014

Flask练习

练习1-1

image-20240602161822423

代码段：

@app.route('/')
def index():
    name = request.args.get('name', '陌生人')
    return render_template('index.html', name=name)

<!DOCTYPE html>
<html>
<head>
    <title>Greeting</title>
</head>
<body>
    <h1>你好，{{ name }}</h1>
</body>
</html>

实现效果

image-20240602162035494

练习1-2

image-20240602161839220

image-20240602161845496

代码片段

class User:
    def __init__(self, name, age, gender, email, interests=None):
        self.name = name
        self.age = age
        self.gender = gender
        self.email = email
        self.interests = interests if interests else []
        
@app.route('/user')
def user_view():
    # 自定义用户属性值
    user_info = {
        'name': 'ZhangSan',
        'age': 25,
        'gender': 'Female',
        'email': 'alice@example.com',
        'interests': ['reading', 'traveling', 'coding']
    }
    user = User(**user_info)
    return render_template('user.html', user=user)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>User Information</title>
    <!-- Bootstrap CSS -->
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    <div class="container mt-5">
        <div class="row">
            <div class="col-md-4">
                <div class="card" style="width: 18rem;">
                    <img class="card-img-top" src="{{ url_for('static', filename='/images/zhangsan.jpg') }}" alt="User image">
                    <div class="card-body">
                        <h5 class="card-title">{{ user.name }}</h5>
                        <ul class="list-unstyled">
                            <li><strong>年龄:</strong> {{ user.age }}</li>
                            <li><strong>性别:</strong> {{ user.gender }}</li>
                            <li><strong>EMail:</strong> {{ user.email }}</li>
                            <li><strong>兴趣:</strong> {{ ', '.join(user.interests) }}</li>
                        </ul>
                        <a href="#" class="btn btn-primary">联系我们</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card" style="width: 18rem;">
                    <img class="card-img-top" src="{{ url_for('static', filename='/images/zhangsan.jpg') }}" alt="User image">
                    <div class="card-body">
                        <h5 class="card-title">{{ user.name }}</h5>
                        <ul class="list-unstyled">
                            <li><strong>年龄:</strong> {{ user.age }}</li>
                            <li><strong>性别:</strong> {{ user.gender }}</li>
                            <li><strong>EMail:</strong> {{ user.email }}</li>
                            <li><strong>兴趣:</strong> {{ ', '.join(user.interests) }}</li>
                        </ul>
                        <a href="#" class="btn btn-primary">联系我们</a>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card" style="width: 18rem;">
                    <img class="card-img-top" src="{{ url_for('static', filename='/images/zhangsan.jpg') }}" alt="User image">
                    <div class="card-body">
                        <h5 class="card-title">{{ user.name }}</h5>
                        <ul class="list-unstyled">
                            <li><strong>年龄:</strong> {{ user.age }}</li>
                            <li><strong>性别:</strong> {{ user.gender }}</li>
                            <li><strong>EMail:</strong> {{ user.email }}</li>
                            <li><strong>兴趣:</strong> {{ ', '.join(user.interests) }}</li>
                        </ul>
                        <a href="#" class="btn btn-primary">联系我们</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Bootstrap JS and dependencies -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</body>
</html>

实现效果

image-20240602173737645

练习1-3

image-20240602174154303

代码实现

base.html

html复制代码<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}Coffee House{% endblock %}</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
    <style>
        .navbar-dark .navbar-brand {
            color: #fff;
        }
        .navbar-dark .nav-link {
            color: #fff;
        }
    </style>
</head>
<body>
    {% include '_top.html' %}
    
    <div class="container mt-5">
        {% block content %}{% endblock %}
    </div>

    {% include '_footer.html' %}

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</body>
</html>

_top.html

html复制代码<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="#">随缘咖啡屋</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item">
        <a class="nav-link" href="#">Login</a>
      </li>
    </ul>
  </div>
</nav>

_footer.html

html复制代码<footer class="footer mt-auto py-3 bg-light">
  <div class="container text-center">
    <span class="text-muted">copyright© 2024 zjyivi</span>
  </div>
</footer>

user_b.html

{% extends 'base.html' %}

{% block title %}王婆说媒{% endblock %}

{% block content %}
<div class="text-center my-5">
    <h1>hi, {{ name }}! 欢迎光临王婆说媒</h1>
    <p>祝你不在家里，就在去相亲的路上~</p>
</div>
<div class="row">
    {% for i in range(3) %}
    <div class="col-md-4 mb-4">
        <div class="card">
            <img class="card-img-top" src="{{ url_for('static', filename='/images/zhangsan.jpg') }}" alt="User image">
            <div class="card-body text-center">
                <h5 class="card-title">{{ user.name }}</h5>
                <ul class="list-unstyled">
                    <li><strong>年龄:</strong> {{ user.age }}</li>
                    <li><strong>性别:</strong> {{ user.gender }}</li>
                    <li><strong>EMail:</strong> {{ user.email }}</li>
                    <li><strong>兴趣:</strong> {{ ', '.join(user.interests) }}</li>
                </ul>
                <a href="#" class="btn btn-primary">联系我们</a>
            </div>
        </div>
    </div>
    {% endfor %}
</div>
{% endblock %}

app.py新增

@app.route('/user_b')
def user_view_b():
    user_info = {
        'name': '张三',
        'age': 18,
        'gender': '女',
        'email': 'zhangsan@hznu.edu.cn',
        'interests': ['游泳', '跑步', '爬山', '阅读']
    }
    user = User(**user_info)
    name = request.args.get('name', '陌生人')
    return render_template('user_b.html', user=user, name=name)

实现效果：

image-20240602175410972

练习2

image-20240602175704599

image-20240602175714051

image-20240602175951854

image-20240602180001484

image-20240602180012347

看看表先

image-20240602182855304

一开始连不上

image-20240602185538669

debug是路径问题，这里必须绝对路径

image-20240602185554509

代码实现：

app.py

from flask import Flask, render_template, request, redirect, url_for, session, flash
from flask_sqlalchemy import SQLAlchemy
from flask_wtf import FlaskForm
from wtforms import StringField, PasswordField, SubmitField
from wtforms.validators import DataRequired, Length, EqualTo



app = Flask(__name__)
app.config['SECRET_KEY'] = 'Jay17_2004_06_26'
# 绝对路径
app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///'+os.path.join(basedir,'data.sqlite')
# app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = False
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True

db = SQLAlchemy(app)


class User:
    def __init__(self, name, age, gender, email, interests=None):
        self.name = name
        self.age = age
        self.gender = gender
        self.email = email
        self.interests = interests if interests else []

@app.route('/')
def index():
    name = request.args.get('name', '陌生人')
    return render_template('index.html', name=name)

@app.route('/user')
def user_view():
    # 自定义用户属性值
    user_info = {
        'name': 'ZhangSan',
        'age': 25,
        'gender': 'Female',
        'email': 'alice@example.com',
        'interests': ['reading', 'traveling', 'coding']
    }
    user = User(**user_info)
    return render_template('user.html', user=user)

@app.route('/user_b')
def user_view_b():
    user_info = {
        'name': '张三',
        'age': 18,
        'gender': '女',
        'email': 'zhangsan@hznu.edu.cn',
        'interests': ['游泳', '跑步', '爬山', '阅读']
    }
    user = User(**user_info)
    name = request.args.get('name', '陌生人')
    return render_template('user_b.html', user=user, name=name)







class Users(db.Model):  # 确保 Users 继承自 db.Model
    id = db.Column(db.Integer, primary_key=True)
    username = db.Column(db.String(150), unique=True, nullable=False)
    password = db.Column(db.String(150), nullable=False)

class LoginForm(FlaskForm):
    username = StringField('用户名', validators=[DataRequired(), Length(min=2, max=150)])
    password = PasswordField('密码', validators=[DataRequired(), Length(min=6, max=150)])
    submit = SubmitField('登录')

class RegistrationForm(FlaskForm):
    username = StringField('用户名', validators=[DataRequired(), Length(min=2, max=150)])
    password = PasswordField('密码', validators=[DataRequired(), Length(min=6, max=150)])
    confirm_password = PasswordField('确认密码', validators=[DataRequired(), EqualTo('password')])
    submit = SubmitField('注册')

@app.route('/login', methods=['GET', 'POST'])
def login():
    form = LoginForm()
    if form.validate_on_submit():
        user = Users.query.filter_by(username=form.username.data).first()
        if user and user.password == form.password.data:
            session['user_id'] = user.id
            session['username'] = user.username
            return redirect(url_for('profile'))
        else:
            flash('登录信息有误！', 'danger')
    return render_template('login.html', form=form)

@app.route('/register', methods=['GET', 'POST'])
def register():
    form = RegistrationForm()
    if form.validate_on_submit():
        if len(form.username.data) < 2:
            flash('用户名必须至少2位', 'danger')
        elif len(form.password.data) < 6:
            flash('密码必须至少6位', 'danger')
        else:
            user = Users.query.filter_by(username=form.username.data).first()
            if user:
                flash('用户名已注册', 'danger')
            else:
                new_user = Users(username=form.username.data, password=form.password.data)
                db.session.add(new_user)
                db.session.commit()
                return redirect(url_for('login'))
    return render_template('register.html', form=form)

@app.route('/profile')
def profile():
    if 'user_id' not in session:
        return redirect(url_for('login'))
    return render_template('profile.html', username=session.get('username'))

@app.route('/logout')
def logout():
    session.clear()
    return redirect(url_for('login'))

if __name__ == '__main__':
    with app.app_context():
        db.create_all()  # 创建所有数据库表
    app.run(debug=False)

_top.html

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="#">王婆说媒</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav ml-auto">
      <li class="nav-item">
        <a class="nav-link" href="/login">Login</a>
      </li>
    </ul>
  </div>
</nav>

base_login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{% block title %}My Site{% endblock %}</title>
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
    {% include '_top_login.html' %}
    
    <div class="container mt-5">
        {% with messages = get_flashed_messages(with_categories=true) %}
            {% if messages %}
                {% for category, message in messages %}
                    <div class="alert alert-{{ category }} alert-dismissible fade show" role="alert">
                        {{ message }}
                        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                {% endfor %}
            {% endif %}
        {% endwith %}
        {% block content %}{% endblock %}
    </div>

    {% include '_footer.html' %}

    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script>
</body>
</html>

_top_login.html

<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <a class="navbar-brand" href="/">Web服务端案例</a>
  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
  </button>
  <div class="collapse navbar-collapse" id="navbarNav">
    <ul class="navbar-nav ml-auto">
      {% if 'username' in session %}
        <li class="nav-item">
          <a class="nav-link" href="{{ url_for('profile') }}">{{ session.username }}</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{{ url_for('logout') }}">退出登录</a>
        </li>
      {% else %}
        <li class="nav-item">
          <a class="nav-link" href="{{ url_for('login') }}">登录</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{{ url_for('register') }}">注册</a>
        </li>
      {% endif %}
    </ul>
  </div>
</nav>

_footer.html

<footer class="footer mt-auto py-3 bg-light">
  <div class="container text-center">
    <span class="text-muted">copyright© 2024 Jay17</span>
  </div>
</footer>

login.html

{% extends 'base_login.html' %}

{% block title %}用户登录{% endblock %}

{% block content %}
<h2 class="text-center">用户登录</h2>
<form method="POST" action="">
    {{ form.hidden_tag() }}
    <div class="form-group">
        {{ form.username.label() }}
        {{ form.username(class="form-control") }}
    </div>
    <div class="form-group">
        {{ form.password.label() }}
        {{ form.password(class="form-control") }}
    </div>
    <div class="form-group">
        {{ form.submit(class="btn btn-primary") }}
    </div>
</form>
{% endblock %}

register.html

{% extends 'base_login.html' %}

{% block title %}用户注册{% endblock %}

{% block content %}
<h2 class="text-center">用户注册</h2>
<form method="POST" action="">
    {{ form.hidden_tag() }}
    <div class="form-group">
        {{ form.username.label() }}
        {{ form.username(class="form-control") }}
    </div>
    <div class="form-group">
        {{ form.password.label() }}
        {{ form.password(class="form-control") }}
    </div>
    <div class="form-group">
        {{ form.confirm_password.label() }}
        {{ form.confirm_password(class="form-control") }}
    </div>
    <div class="form-group">
        {{ form.submit(class="btn btn-primary") }}
    </div>
</form>
{% endblock %}

profile.html

{% extends 'base_login.html' %}

{% block title %}用户中心{% endblock %}

{% block content %}
<h2 class="text-center">hello,{{ username }}!</h2>
{% endblock %}

实现效果：

/user_b路由

image-20240602181250127

点击登录跳转至/login路由

image-20240602181307886

登录有误一下先

image-20240602185631049

然后再成功一下

image-20240602185649776

点击退出登录

image-20240602185714107

先注册一个太短的（应该是模板的原因，这边前端就被拦截了，所以就轮不到后端flash了）

image-20240602190133681

再注册一个重复的

image-20240602185929147

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1804629.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

R语言数据探索和分析23-公共物品问卷分析

R语言数据探索和分析23-公共物品问卷分析

第一次实验使用最基本的公共物品游戏&#xff0c;不外加其他的treatment。班里的学生4人一组&#xff0c;一共44/411组。一共玩20个回合的公共物品游戏。每回合给15秒做决定的时间。第十回合后&#xff0c;给大家放一个几分钟的“爱心”视频&#xff08;链接如下&#xff09;&a…
阅读更多...
Java 习题集

Java 习题集

&#x1f496; 单选题 &#x1f496; 填空题 &#x1f496; 判断题 &#x1f496; 程序阅读题 1. 读代码写结果 class A {int m 5;void zengA(int x){m m x;}int jianA(int y){return m - y;} }class B extends A {int m 3;int jianA(int z){return super.jianA(z) m;} …
阅读更多...
论文降痕指南：如何有效降低AIGC率

论文降痕指南：如何有效降低AIGC率

随着 AI 技术迅猛发展&#xff0c;各种AI辅助论文写作的工具层出不穷&#xff01; 为了防止有人利用AI工具进行论文代写&#xff0c;在最新的学位法中已经明确规定“已经获得学位者&#xff0c;在获得该学位过程中如有人工智能代写等学术不端行为&#xff0c;经学位评定委员会…
阅读更多...
社区物资交易互助平台的设计

社区物资交易互助平台的设计

管理员账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;管理员管理&#xff0c;基础数据管理&#xff0c;论坛管理&#xff0c;公告信息管理 前台账户功能包括&#xff1a;系统首页&#xff0c;个人中心&#xff0c;论坛&#xff0c;求助留言板&#xff0c;公…
阅读更多...
每日两题6

每日两题6

文章目录 删除并获得点数粉刷房子 删除并获得点数 分析 class Solution { public:int deleteAndEarn(vector<int>& nums) {const int N 10001;// 预处理int arr[N] {0};for (int& e : nums)arr[e] e;// 在 arr 上进行 打家劫舍 问题vector<int> f(N),…
阅读更多...
折腾日记：如何在Mac上连接Esp32

折腾日记：如何在Mac上连接Esp32

个人博客地址 最近购买了一块Esp32单片机&#xff0c;在Mac环境上进行开发&#xff0c;并且成功点亮LED灯和连上屏幕&#xff0c;为什么会上手选择Esp32开发板&#xff0c;主要考虑它自带Wi-Fi和蓝牙&#xff0c;单价也不高&#xff0c;就算后面不玩了&#xff0c;也能转成物联…
阅读更多...
计算机网络复习题

计算机网络复习题

期末题库复习1 一. 单选题&#xff08;共32题&#xff0c;100分&#xff09; 1. (单选题) 在脉冲起始时刻&#xff0c;有无跳变来表示“0”和“1”&#xff0c;且在脉冲中间时刻始终发生跳变的编码是&#xff08; &#xff09;。 A.非归零码 B.曼彻斯特编码 C.归零码 D.差…
阅读更多...
html--酷炫背景引导主页

html--酷炫背景引导主页

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8"><title>ZZVIPS酷炫背景引导主页</title><meta name"viewport" content"widthdevice-width,initial-scale1,maximum-scale1,user-scala…
阅读更多...
Ubuntu硬盘分区、挂载、修改用户权限

Ubuntu硬盘分区、挂载、修改用户权限

使用命令查看硬盘情况 sudo fdisk -l 可以看到这里有个未分区的4T硬盘 如&#xff1a;sdb 这样的是硬盘 sdb1 sdb2 这样的是分区&#xff0c;现在还没分区 分区 sudo parted /dev/sdb (sdb 是要挂载的硬盘) 输入一下命令分区&#xff1a; mklabel gpt (创建分区表) mkpart p…
阅读更多...
汇总 |国内外医疗器械网络安全法规与标准

汇总 |国内外医疗器械网络安全法规与标准

国内外关于医疗器械网络安全的法规和标准日益完善&#xff0c;旨在确保医疗器械在全生命周期内的网络安全&#xff0c;保障患者信息的安全和隐私&#xff0c;以及医疗器械的正常运行。不同国家和地区的法规和标准各有侧重&#xff0c;但都强调了医疗器械制造商、开发者、经营者…
阅读更多...
【Python】一文向您详细介绍 __str__ 的作用和用法

【Python】一文向您详细介绍 __str__ 的作用和用法

【Python】一文向您详细介绍 str 的作用和用法 下滑即可查看博客内容 &#x1f308; 欢迎莅临我的个人主页 &#x1f448;这里是我静心耕耘深度学习领域、真诚分享知识与智慧的小天地&#xff01;&#x1f387; &#x1f393; 博主简介&#xff1a;985高校的普通本硕&…
阅读更多...
极域卸载不干净导致无法重新安装问题：独家解决方案

极域卸载不干净导致无法重新安装问题：独家解决方案

文章目录 一、问题二、解决1.网上常规方法2.本贴特殊之处 三、致谢 一、问题 极域卸载不干净&#xff0c;导致无法重新安装。 二、解决 1.网上常规方法 1.regedit命令注册表删除 topdomain、mythware、{5FB4EEDF-6A79-45C3-B049-EF327CA03FCD} 2.删除极域对应tmp文件 网上…
阅读更多...
C语言如何判断⽂件的结束？

C语言如何判断⽂件的结束？

一、问题 在⽂件中查找匹配的信息时&#xff0c;需要遍历⽂件中的数据信息。在遍历的过程中&#xff0c;如何判断⽂件的指针已经到了⽂件的结尾呢&#xff1f; 二、解答 1. 问题解析 在对⽂件的操作函数中&#xff0c;除了存在读写⽂件的函数&#xff0c;还有⽤于测试⽂件流是…
阅读更多...
DS：树与二叉树的相关概念

DS：树与二叉树的相关概念

欢迎来到Harper.Lee的学习世界&#xff01;博主主页传送门&#xff1a;Harper.Lee的博客主页想要一起进步的uu可以来后台找我哦&#xff01; 一、树的概念及其结构 1.1 树的概念亲缘关系 树是一种非线性的数据结构&#xff0c;它是由n&#xff08;n>0&#xff09;个有限节点…
阅读更多...
【十大排序算法】快速排序

【十大排序算法】快速排序

在乱序的世界中&#xff0c;快速排序如同一位智慧的园丁&#xff0c; 以轻盈的手法&#xff0c;将无序的花朵们重新安排&#xff0c; 在每一次比较中&#xff0c;沐浴着理性的阳光&#xff0c; 终使它们在有序的花园里&#xff0c;开出绚烂的芬芳。 文章目录 一、快速排序二、…
阅读更多...
Mysql 中的case-when

Mysql 中的case-when

什么是 case-when case-when 是一种 sql 语句中的语法结构,结构如下&#xff1a; case 字段名 when 值 then 字段名|值 ... else 字段名|值 end case when 主要用于数据的 行列转换&#xff08;把一列数据转换为多列&#xff09; 前置条件&#xff1a; -- 表…
阅读更多...
Linux网络 - json，网络计算服务器与客户端改进

Linux网络 - json，网络计算服务器与客户端改进

文章目录 前言一、json1.引入库2. 使用步骤2.Calculator.hpp3.Task.hpp4.serverCal.hpp 新客户端 前言 本章内容主要对上一章的网络计算器客户端和服务器进行一些Bug修正与功能改进。 并学习如何使用json库和daemon函数。 一、json 在我们自己的电脑上一些软件的文件夹中&…
阅读更多...
Unity编辑器扩展，快捷键的使用

Unity编辑器扩展，快捷键的使用

代码部分 编辑器界面 使用方法&#xff1a; 使用方法和如图1一样&#xff0c;只需要在Menuitem的路径后面加上标识符号就行。 "#"对应的是shift "&"对应的是Alt "%"对应的是ctrl 比如我图中的是&#xff0c;%#s对应的是CtrlShifts&…
阅读更多...
聚醚醚酮（Polyether Ether Ketone）PEEK在粘接使用时使用UV胶水的优势有哪些？要注意哪些事项？

聚醚醚酮（Polyether Ether Ketone）PEEK在粘接使用时使用UV胶水的优势有哪些？要注意哪些事项？

聚醚醚酮&#xff08;Polyether Ether Ketone&#xff09;PEEK在粘接使用时使用UV胶水的优势有哪些&#xff1f;要注意哪些事项&#xff1f; 使用UV胶水在聚醚醚酮&#xff08;Polyether Ether Ketone&#xff0c;PEEK&#xff09;上进行粘接可能具有一些优势&#xff0c;但同时…
阅读更多...
11-数组与指针深入理解——题型理解

11-数组与指针深入理解——题型理解

11-数组与指针深入理解——题型理解 文章目录 11-数组与指针深入理解——题型理解一、理解题1二、理解题二三、理解题三四、理解题四五、理解题五六、理解题六 一、理解题1 #include <stdio.h>int main(void) {int (*p)[5] NULL; // 定义一个指向 拥有5个整型数据的数组…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023