一周学会Flask3 Python Web开发-SQLAlchemy添加数据操作-班级模块

锋哥原创的Flask3 Python Web开发 Flask3视频教程:

2025版 Flask3 Python web开发 视频教程(无废话版) 玩命更新中~_哔哩哔哩_bilibili

SQLAlchemy提供session.add()方法添加model实体数据,以及提供session.commit()提交事务。

首先list.html加一个添加链接

复制代码
<a href="/grade/add">添加</a><br/>

再定义下GradeForm表单类:

复制代码
class GradeForm(FlaskForm):
    name = StringField("年级名称", render_kw={'placeholder': '请输入年级名称'}, validators=[DataRequired()])
    remark = TextAreaField("备注", render_kw={'placeholder': '请输入备注'})
    submit = SubmitField("登录")

grade.py里加一个add()视图函数

复制代码
@grade_bp.route('/add', methods=['GET', 'POST'])
def add():
    gradeForm = GradeForm()
    if request.method == 'GET':
        return render_template('grade/add.html', form=gradeForm)
    else:
        if gradeForm.validate():
            data = gradeForm.data
            print('data:', data)
            print(data['name'])
            gradeModel = GradeModel(name=data['name'], remark=data['remark'])
            db.session.add(gradeModel)
            db.session.commit()
            return index()

grade目录添加下add.html

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="add" method="post">
    <table>
        {{ form.csrf_token }}
        <tr>
            <td>{{ form.name.label }}:</td>
            <td>{{ form.name }}</td>
        </tr>
        <tr>
            <td valign="top">{{ form.remark.label }}:</td>
            <td>{{ form.remark }}</td>
        </tr>
        <tr>
            <td>
                {{ form.submit }}
            </td>
        </tr>
    </table>
</form>
</body>
</html>

我们可以做添加测试:

相关推荐
神秘的猪头几秒前
🌐 CSS 选择器详解:从基础到实战
前端·javascript
远山枫谷2 分钟前
CSS选择器优先级计算你真的会吗?
前端·css
Forever_xl2 分钟前
埋点监控平台全景调研
前端
神秘的猪头2 分钟前
JavaScript 中的 `map()` 方法详解与面向对象编程初探
前端·javascript
有点笨的蛋3 分钟前
这些 CSS 小细节没处理好,你的页面就会“闪、抖、卡”——渲染机制深度拆解
前端·css
烟袅5 分钟前
JavaScript 中 map 与 parseInt 的经典陷阱:别再被“巧合”骗了!
前端·javascript
烟袅7 分钟前
JavaScript 中 string 与 new String() 的本质区别:你真的懂“字符串”吗?
前端·javascript
_大学牲7 分钟前
从 0 到上架:用 Flutter 一天做一款功德木鱼
前端·flutter·apple
外公的虱目鱼8 分钟前
基于vue-cli前端组件库搭建
前端·vue.js
一抓掉一大把10 分钟前
秒杀-StackExchangeRedisHelper连接单例
java·开发语言·jvm