目标

在学生列表页面，新增编辑与删除链接

点击编辑，可以看见用户的信息，并且可以修改和提交用户信息

步骤

模板页新增链接
思考编辑操作所需的数据与流程

模板添加链接

效果

分析后续的流程

点击链接跳转编辑页面
编辑页面应该有当前数据行的原始数据，保存在表单控件里
用户修改心后提交，交给另一个路径或者分路来解决
修改完成后要跳转到列表页

问题的关键

第2步，编辑页面是需要有当前数据行的原始数据的。如何获取？

先写一个编辑的页面吧

<!DOCTYPE html>
<!--作者：pyhui-->
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>编辑学生</title>
</head>
<body>
<h1>编辑学生</h1>{{ res }}
<form action="" method="post"><label for="">学生姓名：</label><input type="text" name="name" value=""> <br><label for="">性别：</label><select name="gender" id=""><option value="男">男</option><option value="女">女</option><option value="中性">中性</option><option selected value="保密">保密</option></select><br><input type="submit"></form></body>
</html>

后端

    """ 编辑学生的函数 """if request.method == "GET":print(request.method)id = request.GET["id"]sql = "select * from student where id = {};"print(sql)res = db.select_from_table(sql, (id,))return render(request, "edit_student.html", {"res": res[0]})if request.method == "POST":print(request.method)id = request.GET["id"]name = request.POST["name"]gender = request.POST["gender"]sql = """update student set {} = "{}", {}="{}" where id = {};"""db.act_table(sql, ("name", name, "gender", gender, id))return redirect("/students/")

注意点

弄清楚什么时候走get分支，什么时候走post分支

明白，在post分支里面，仍然可以取get的传参

明确，拼sql语句时，三引号，双引号，单引号的效果

前端再改改

<!DOCTYPE html>
<!--作者：pyhui-->
<html lang="zh-CN">
<head><meta charset="UTF-8"><title>编辑学生</title>
</head>
<body>
<h1>编辑学生</h1>{{ res }}
<form action="" method="post"><input type="hidden" name= "id" value="{{ res.id }}"><label for="">学生姓名：</label><input type="text" name="name" value="{{ res.name }}"> <br><label for="">性别：</label><select name="gender" id=""><option value="男" {% if res.gender == "男" %} selected {% endif %}>男</option><option value="女"  {% if res.gender == "女" %} selected {% endif %}>女</option><option value="中性"  {% if res.gender == "中性" %} selected {% endif %}>中性</option><option value="保密"  {% if res.gender == "保密" %} selected {% endif %}>保密</option></select><br><input type="submit"></form></body>
</html>

为了让列表更详尽，改student前端

新增性别列

django-编辑功能相关推荐

IOS视频编辑功能详解上篇-添加水印
前言用代码在简单视频编辑中,主要就是加美颜.水印(贴图).视频截取.视频拼接.音视频的处理,在美颜中,使用GPUImage即可实现多种滤镜.磨皮美颜的功能,并且可以脸部识别实时美颜等功能,这个有很多 ...
PingCode Wiki 多人实时协同编辑功能发布
PingCode Wiki 在发布之初,就是希望打造成一个面向组织的知识管理系统. 通过结构化沉淀高价值信息,形成组织完整的知识体系.通过便捷地分享和传播,轻松提升知识的流转效率,更好地成就组织和个人 ...
Dynamics 365 for CRM: Sitemap站点图的可视化编辑功能
Dynamics 365 for CRM 提供了Sitemap站点图的可视化编辑功能在之前的所有版本中,我们只能通过从系统中导出站点图的XML进行编辑后再导入(容易出错),或使用第三方的Sitema ...
word文档基本编辑功能_word基本编辑的方法？word基本知识文件操作和文本编辑？...
Word基础文本编辑知识教程: 1.文字编辑功能所有的基本文本编辑功能都位于"主页"功能区选项卡中. 请注意,Word在"主页"选项卡的"字体&qu ...
Notepad++插件之ftp/sftp远程编辑功能，以及各种插件（转：http://blog.csdn.net/happy_wu/article/details/73302994）
Notepad++的ftp/sftp远程编辑功能介绍: Notepad++是一个优秀的开源编辑器,最大特性就是插件丰富,这里分享一下我常用的实用插件,其中一些是Npp预装的.这些插件主要是开发相关的 ...
java用mvvm,[Java教程]MVVM架构~使用boxy和knockoutjs实现编辑功能
[Java教程]MVVM架构~使用boxy和knockoutjs实现编辑功能 0 2014-04-24 14:00:08 返回目录这个功能我认为非常有用,尤其在后台管理系统中,它对用户来说,使用体验 ...
在线html差错,易查分在线编辑功能:发现错误随时修改，不用再重新上传表格!
原标题:易查分在线编辑功能:发现错误随时修改,不用再重新上传表格!
h5 兑换商品页面模版_H5页面制作工具编辑功能对比：木疙瘩、微吾、云
在微信朋友圈中,我们常常看到各种制作精美的电子邀请函.电子海报.抽奖或是红包等营销活动.这些移动端营销内容画质精良.体验流畅,还支持播放音乐.视频等多媒体素材.那么,这些高大上的内容是怎样制作出来的呢 ...
jtextpane设置不能选中_在Bridge cc中不能使用camera raw 的编辑功能，解决方法
有时我们在Bridge cc中想对raw文件进行处理,这时需要启动camera raw功能,可是当我们启用时却显示不能编辑,下面说下如何启动使用camera raw 的编辑功能 1.打开一张raw格式 ...
Winform可读取html语言,C# Winform 用WebBrowser实现 Html 编辑功能
介绍一款Winform中使用的html editor (Html编辑控件),不过这不是一款新控件,它就是.Net平台开发人员所熟知的WebBrowser控件-_-.WebBrowser也可以实现Htm ...

django-编辑功能

目标

步骤

模板添加链接

分析后续的流程

先写一个编辑的页面吧

后端

前端再改改

为了让列表更详尽，改student前端

django-编辑功能相关推荐

最新文章

热门文章