文章目录
- 一、学生管理模块功能实现
- 1、添加学生功能实现
- 1.1 页面设计
- 1.2 前端功能实现
- 1.3 后端功能实现
- 1.4 效果展示
- 2、学生管理功能实现
- 2.1 页面设计
- 2.2 前端功能实现
- 2.3 后端功能实现
- 2.3.1 后端查询接口实现
- 2.3.2 后端编辑接口实现
- 2.3.3 后端删除接口实现
- 2.4 效果展示
- 二、代码下载
一、学生管理模块功能实现
教师角色的学生管理模块包括 学生管理 和 添加学生 二个功能模块。
1、添加学生功能实现
1.1 页面设计
添加学生功能的页面如下:
页面中,需要添加的学生信息包括:姓名、性别、学院、所属专业、年级、班级、电话号码、身份证号、邮箱 和 密码。
前端页面,需要在views/teacher
目录下增加组件addStudent.vue
文件,页面元素内容如下:
<!--添加学生 -->
<template>