易居做网站自动推广引流app
文章目录
- 一、学生管理模块功能实现
- 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>