一周学会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()

最后测试下:

相关推荐
lijun_xiao20098 分钟前
前端最新Vue2+Vue3基础入门到实战项目全套教程
前端
爱喝白开水a9 分钟前
LangChain 基础系列之 Prompt 工程详解:从设计原理到实战模板_langchain prompt
开发语言·数据库·人工智能·python·langchain·prompt·知识图谱
想ai抽13 分钟前
深入starrocks-多列联合统计一致性探查与策略(YY一下)
java·数据库·数据仓库
90后的晨仔20 分钟前
Pinia 状态管理原理与实战全解析
前端·vue.js
武子康22 分钟前
Java-152 深入浅出 MongoDB 索引详解 从 MongoDB B-树 到 MySQL B+树 索引机制、数据结构与应用场景的全面对比分析
java·开发语言·数据库·sql·mongodb·性能优化·nosql
杰克尼26 分钟前
JavaWeb_p165部门管理
java·开发语言·前端
90后的晨仔28 分钟前
Vue3 状态管理完全指南:从响应式 API 到 Pinia
前端·vue.js
longgyy37 分钟前
5 分钟用火山引擎 DeepSeek 调用大模型生成小红书文案
java·数据库·火山引擎
90后的晨仔43 分钟前
Vue 内置组件全解析:提升开发效率的五大神器
前端·vue.js
我胡为喜呀1 小时前
Vue3 中的 watch 和 watchEffect:如何优雅地监听数据变化
前端·javascript·vue.js