【学员管理系统】0x01 班级信息管理功能
【学员管理系统】0x01 班级信息管理功能
写在前面
项目详细需求参见：Django项目之【学员管理系统】
视图函数：
我们把所有的处理请求相关的函数从 urls.py中拿出来，统一放在一个叫views.py的文件中，这样就把代码模块化，实现不同功能的代码放在不同的模块。
urls.py文件中只放置 URL和函数的对应关系
views.py 文件中只放置那些针对不同URL执行的函数
注意：
这个时候就需要在urls.py中导入views.py文件（views前面加.表明从当前目录下导入）
from .views import index, login, class_list, delete_class, add_class, edit_class
展示所有的班级列表
后端部分
# 展示所有的班级列表 def class_list(request): # 这个函数是展示所有的班级列表 # 1. 去数据库里取数据 # 连接数据库 conn = pymysql.connect(host="localhost", user="root", password="root1234", database="s8", charset="utf8") # 指定pymysql查询出的每条数据的类型是字典类型({"字段名": "值"}) ***** cursor = conn.cursor(cursor=pymysql.cursors.DictCursor) # 写好查询的SQL语句 sql = "select id, cname from class order by id;" # 执行上面定义好的SQL语句 cursor.execute(sql) # 拿到所有查询到的结果 # 此处查询结果是一个大列表，里面是一个一个字典 ret = cursor.fetchall() # 关闭连接 cursor.close() conn.close() # 2. 用数据去替换HTML页面中的特殊符号，特殊符号是按照Django模板语言的语法写好的 # render()的第三个参数是一个字典，字典的key是什么，HTML文件中的变量名就写什么 return render(request, "class_list.html", {"class_list": ret})
页面部分
这里用到了Django模板语言的for循环，模板语言部分内容详见页面下方的超链接。
<!-- Table --> <div class="my-table-wrapper"> <table class="table table-bordered table-striped"> <thead> <tr> <th>#</th> <th>班级ID</th> <th>班级名称</th> <th>操作</th> </tr> </thead> <tbody> {% for class in class_list %} <tr> <td>{{ forloop.counter }}</td> <td scope="row">{{ class.id }}</td> <td>{{ class.cname }}</td> <td class="text-center"> <a href="/edit_class/?class_id={{ class.id }}" type="button" class="btn btn-sm btn-info" aria-label="Left Align"> <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>新页面编辑 </a> <a type="button" class="btn btn-sm btn-success" aria-label="Left Align"> <span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>编辑 </a> <a href="/delete_class/?class_id={{ class.id }}" type="button" class="btn btn-sm btn-danger" aria-label="Left Align"> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除 </a> </td> </tr> {% endfor %} </tbody> </table>
删除班级
后端部分
点击班级列表 表格中 对应班级后面的 删除按钮（a标签），向后端发送get请求，并且携带当前班级的ID。
后端拿到 要删除的班级的ID值，去数据库中执行删除操作。
# 删除班级 def delete_class(request): # 根据班级的ID删除 # 班级ID从哪儿来？ --> 需要页面发起请求的时候携带 # 页面如何携带要删除的班级的ID? --> 通过给a标签设置href属性时拼接 # 后端拿到要删除的班级的ID class_id = request.GET.get("class_id") # 去数据库里删除 # 连接数据库 conn = pymysql.connect(host="localhost", user="root", password="root1234", database="s8", charset="utf8") # 指定输出的每条数据的类型是字典 cursor = conn.cursor(cursor=pymysql.cursors.DictCursor) # 删除操作的SQL语句 sql = "delete from class where id=%s;" # 执行删除语句 cursor.execute(sql, class_id) # 向数据库提交操作 conn.commit() cursor.close() conn.close() # 执行完删除操作后跳转回班级列表页面 return redirect("/class_list/")
页面部分
浏览器发起的GET请求通过在URL后面添加/url/?k1=v1&k2=v2的方式添加参数。
使用Django模板语言的语法将{{ class.id }}拼接到了a标签的href属性中。
这样页面点击这个a标签就能把要删除的班级ID值传递给后端了。
<a href="/delete_class/?class_id={{ class.id }}" type="button" class="btn btn-sm btn-danger" aria-label="Left Align"> <span class="glyphicon glyphicon-remove" aria-hidden="true"></span>删除</a>
redirect()回复了一个重定向的响应
添加班级
后端部分
# 添加班级 def add_class(request): # 如果是POST请求，就表明是页面要提交数据 if request.method == "POST": # 页面使用POST方法提交添加班级的数据 # 后端取到新班级的名称信息 class_name = request.POST.get("cname") conn = pymysql.connect(host="localhost", user="root", password="root1234", database="s8", charset="utf8") # 指定输出的结果类型是字典 cursor = conn.cursor(cursor=pymysql.cursors.DictCursor) # 新增班级的SQL语句 sql = "insert into class (cname) VALUE (%s);" # 执行SQL语句，在数据库中创建一条新的班级记录 cursor.execute(sql, class_name) # 向数据库提交 conn.commit() # 关闭连接 cursor.close() conn.close() # 新添加一个班级之后跳转到班级列表页面 return redirect("/class_list/") # 如果不是POST请求就返回添加班级页面 return render(request, "add_class.html")
页面部分
利用form表单向后端提交新班级的数据，所以add_class.html页面中form表单要填写上action="/add_class/” 和method=“post”
<form action="/add_class/" method="post"> <input type="text" name="cname"> <input type="submit" value="提交"> </form>
编辑班级信息
后端部分
# 新页面编辑班级信息 def edit_class(request): # 如果是POST请求 if request.method == "POST": # 从页面POST过来的数据中取到编辑的班级ID class_id = request.POST.get("id") # 从页面POST过来的数据中取到班级名称 class_cname = request.POST.get("cname") # 去数据库里面更新班级名称 # 连接数据库 conn = pymysql.connect(host="localhost", user="root", password="root1234", database="s8", charset="utf8") # 获取光标 cursor = conn.cursor(cursor=pymysql.cursors.DictCursor) # 更新班级信息的SQL语句 sql = "update class set cname=%s where id=%s;" # 执行SQL语句 cursor.execute(sql,(class_cname, class_id)) # 向数据库提交修改 conn.commit() # 关闭连接 cursor.close() conn.close() # 更新完班级信息之后跳转回班级列表页面 return redirect("/class_list/") # 如果不是POST请求，就表明是点击了新页面编辑班级信息的按钮 # 取到被编辑的班级的ID class_id = request.GET.get("class_id") # 去数据库里查询当前班级的信息 conn = pymysql.connect(host="localhost", user="root", password="root1234", database="s8", charset="utf8") # 指定输出的单条数据的类型是字典 cursor = conn.cursor(cursor=pymysql.cursors.DictCursor) # 查询的SQL语句 sql = "select id, cname from class WHERE id=%s;" # 执行查询操作 cursor.execute(sql, class_id) # 取单条数据 ret = cursor.fetchone() # 关闭连接 cursor.close() conn.close() # 把要编辑的班级的信息 替换 edit_class.html 页面中的特殊符号，最后把页面返回给浏览器 return render(request, "edit_class.html", {"class_info": ret})
页面部分
编辑班级信息在页面上展示的就是一个form表单，用户更新完班级信息之后要提交，就需要向后端提交表单数据。
这个时候form表单就需要配置好 action="/edit_class/" 和 method="post"。
但是提交的数据里需要告知后端，我更改的是数据库中的哪一条班级信息，所以这里要把班级ID也放到form表单中。
班级ID不应该让用户修改，所以就把班级ID的input框给隐藏掉。
<form action="/edit_class/" method="post">
<input type="text" name="id" value="{{ class_info.id }}" style="display: none">
<input type="text" name="cname" value="{{ class_info.cname }}">
<input type="submit" value="提交">
</form>
