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

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

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

list.html页面,加一个更新操作超链接:

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>班级列表</title>
</head>
<body>
<h3>班级列表</h3>
<a href="/grade/add">添加</a><br/>
编号 , 班级名称 , 备注 ,操作<br/>
{% for grade in gradeList %}
    {{ grade.id }} , {{ grade.name }} , {{ grade.remark }} , <a href="/grade/update?id={{ grade.id }}">修改</a><br/>
{% endfor %}
</body>
</html>

更新操作,首先GradeForm里面加下id字段,HiddenField类型,是隐藏域。

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

新建update.html页面:

复制代码
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>修改页面</title>
</head>
<body>
<form action="update" 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>
            <td>
                {{ form.id }}
            </td>
        </tr>
    </table>
</form>
</body>
</html>

grade.py里面新建一个update()视图:先通过query对象的get方法,根据id获取班级对象,然后修改对象属性,最后commit提交即可。

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

最后测试下:

相关推荐
隔壁小邓几秒前
vue如何拆分业务逻辑
前端·javascript·vue.js
minji...2 分钟前
Linux 进程间通信(一)进程间通信与匿名管道
linux·运维·服务器·数据结构·数据库·c++
En^_^Joy4 分钟前
Ajax与Axios:现代前端异步请求指南
前端·javascript·ajax
XDHCOM6 分钟前
ORA-12532: TNS:invalid argument 故障解析,Oracle报错远程处理技巧与修复方法分享
数据库·oracle
Cobyte8 分钟前
来,实现一个 Mini Claude Code:从底层理解 AI Agent
前端·aigc·ai编程
SuperEugene8 分钟前
Vue3 + Element Plus 表单校验实战:规则复用、自定义校验、提示语统一,告别混乱避坑|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架
IMPYLH10 分钟前
Linux 的 csplit 命令
linux·运维·服务器·数据库
酉鬼女又兒11 分钟前
零基础快速入门前端JavaScript 浏览器环境输入输出语句全解析:从弹框交互到控制台调试(可用于备赛蓝桥杯Web应用开发赛道)
前端·javascript·职场和发展·蓝桥杯·js
清汤饺子11 分钟前
搞懂 Cursor 后,我一行代码都不敲了《实战篇》
前端·javascript·后端
SuperEugene12 分钟前
Vue3 + Element Plus 表格查询规范:条件管理、分页联动 + 避坑,标准化写法|表单与表格规范篇
开发语言·前端·javascript·vue.js·前端框架