Vue和SpringBoot打造中学生家校互联系统

简介: Vue和SpringBoot打造中学生家校互联系统

项目编号:A22-016,源代码在文章底部,需要请自取,谢谢!


软件简介

本软件是基于 Vue 和 SpringBoot 的中学生家校互联系统,支持班级学生档案模块、课堂表现模块、学生作业模块、学生成绩模块、留言板模块和校园新闻模块,支持自助修改资料、密码。

本系统采用了基于角色的访问控制,角色和菜单关联,一个角色可以配置多个菜单权限;然后再将用户和角色关联,一位用户可以赋予多个角色。这样用户就可以根据角色拿到该有的菜单权限,更方便管理者进行权限管控。


登录注册

账号密码登录

企业微信扫码登录

用户注册

主页


班级学生信息管理

能完成班级学生基本信息的增删改查。

班级数据管理

学生数据管理


聊天工具设计

能完成家长和教师之间的留言式通讯。

留言管理模块

新增留言模块

作业管理

实现非纸质作业的发布、提交、成绩评定等。

作业发布

学生作业上传

作业打分

学生课堂表现功能

能实现对学生课堂表现的量化考核和评定,并展示给家长。

课堂表现模块

课堂表现录入

学生成绩发布

教师将学生成绩发布给家长,注意隐私保护。

学生成绩模块

成绩录入

权限管理

包括家长、教师、教导处等角色。

数据可视化

能将学生的综合表现数据直观的展示出来


项目源代码

// 项目源代码
GitEE:https://gitee.com/yyzwz/home-school
GitHub:https://github.com/yyzwz/home-school
CSDN:https://gitcode.net/qq_41464123/home-school

实体类定义

@Data
@Entity
@DynamicInsert
@DynamicUpdate
@Table(name = "a_student_class")
@TableName("a_student_class")
@ApiModel(value = "班级")
public class StudentClass extends ZwzBaseEntity {
    private static final long serialVersionUID = 1L;
    @ApiModelProperty(value = "班级名称")
    private String title;
    @ApiModelProperty(value = "级段")
    private String level;
    @ApiModelProperty(value = "班主任")
    private String boss;
}

查询学生实例接口

@RequestMapping(value = "/getStudentList", method = RequestMethod.GET)
@ApiOperation(value = "查询学生")
public Result<IPage<Student>> getStudentList(@ModelAttribute Student student ,@ModelAttribute PageVo page){
    QueryWrapper<Student> qw = new QueryWrapper<>();
    if(!ZwzNullUtils.isNull(student.getUserName())) {
        qw.like("user_name",student.getUserName());
    }
    if(!ZwzNullUtils.isNull(student.getClassId())) {
        qw.eq("class_id",student.getClassId());
    }
    IPage<Student> data = iStudentService.page(PageUtil.initMpPage(page),qw);
    for (Student stu : data.getRecords()) {
        if(!ZwzNullUtils.isNull(stu.getClassId())) {
            StudentClass cla = iStudentClassService.getById(stu.getClassId());
            if(cla != null) {
                stu.setClassName(cla.getTitle());
            }
        }
        // 成绩
        BigDecimal sum = BigDecimal.ZERO;
        QueryWrapper<StudentGrade> qw1 = new QueryWrapper<>();
        qw1.eq("student_id",stu.getId());
        List<StudentGrade> gradeList = iStudentGradeService.list(qw1);
        for (StudentGrade sg : gradeList) {
            sum = sum.add(sg.getValue());
        }
        // 课堂表现
        QueryWrapper<Performance> qw2 = new QueryWrapper<>();
        qw2.eq("student_id",stu.getId());
        List<Performance> performanceList = iPerformanceService.list(qw2);
        for (Performance pf : performanceList) {
            sum = sum.add(pf.getValue());
        }
        // 作业
        QueryWrapper<Task> qw3 = new QueryWrapper<>();
        qw3.eq("student_id",stu.getId());
        List<Task> taskList = iTaskService.list(qw3);
        for (Task task : taskList) {
            sum = sum.add(task.getValue());
        }
        stu.setGrade(sum);
    }
    return new ResultUtil<IPage<Student>>().setData(data);
}

免责声明

  • 本项目开源,仅供个人学习使用,遵循 GPL-3.0 开源协议,转发 / 商用授权请联系作者,否则后果自负
  • 作者拥有本软件构建后的应用系统全部内容所有权及独立的知识产权。
  • 如有问题,欢迎在仓库 Issue 留言,看到后会第一时间回复。相关意见会酌情考虑,但没有一定被采纳的承诺或保证。

下载本系统代码的用户,必须同意以下内容,否则请勿下载

  1. 出于自愿而使用/开发本软件,了解使用本软件的风险,且同意自己承担使用本软件的风险。
  2. 利用本软件构建的网站的任何信息内容以及导致的任何版权纠纷和法律争议及后果和作者无关,作者对此不承担任何责任。
  3. 在任何情况下,对于因使用或无法使用本软件而导致的任何难以合理预估的损失(包括但不仅限于商业利润损失、业务中断与业务信息丢失),作者概不承担任何责任。
  4. 必须了解使用本软件的风险,作者不承诺提供一对一的技术支持、使用担保,也不承担任何因本软件而产生的难以预料的问题的相关责任。
    件而导致的任何难以合理预估的损失(包括但不仅限于商业利润损失、业务中断与业务信息丢失),作者概不承担任何责任。
  5. 必须了解使用本软件的风险,作者不承诺提供一对一的技术支持、使用担保,也不承担任何因本软件而产生的难以预料的问题的相关责任。


相关文章
|
6天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
基于Java+Springboot+Vue开发的大学竞赛报名管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的大学竞赛报名管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
20 3
基于Java+Springboot+Vue开发的大学竞赛报名管理系统
|
7天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的蛋糕商城管理系统
基于Java+Springboot+Vue开发的蛋糕商城管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的蛋糕商城管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
20 3
基于Java+Springboot+Vue开发的蛋糕商城管理系统
|
7天前
|
前端开发 JavaScript Java
基于Java+Springboot+Vue开发的美容预约管理系统
基于Java+Springboot+Vue开发的美容预约管理系统(前后端分离),这是一项为大学生课程设计作业而开发的项目。该系统旨在帮助大学生学习并掌握Java编程技能,同时锻炼他们的项目设计与开发能力。通过学习基于Java的美容预约管理系统项目,大学生可以在实践中学习和提升自己的能力,为以后的职业发展打下坚实基础。
21 3
基于Java+Springboot+Vue开发的美容预约管理系统
|
7天前
|
JavaScript Java 关系型数据库
毕设项目&课程设计&毕设项目:基于springboot+vue实现的在线考试系统(含教程&源码&数据库数据)
本文介绍了一个基于Spring Boot和Vue.js实现的在线考试系统。随着在线教育的发展,在线考试系统的重要性日益凸显。该系统不仅能提高教学效率,减轻教师负担,还为学生提供了灵活便捷的考试方式。技术栈包括Spring Boot、Vue.js、Element-UI等,支持多种角色登录,具备考试管理、题库管理、成绩查询等功能。系统采用前后端分离架构,具备高性能和扩展性,未来可进一步优化并引入AI技术提升智能化水平。
毕设项目&课程设计&毕设项目:基于springboot+vue实现的在线考试系统(含教程&源码&数据库数据)
|
7天前
|
JavaScript 前端开发 Java
一个基于 SpringBoot + Vue 的在线考试系统
【9月更文挑战第24天】这是一个基于 Spring Boot 和 Vue 构建的在线考试系统。后端采用 Spring Boot、Spring Data JPA 和 MySQL 实现快速开发和数据库操作;前端使用 Vue.js 和 Element UI 快速搭建界面。系统包括用户管理、考试管理、考试答题和成绩管理等功能模块,并设计了相应的数据库表结构。通过 RESTful API 实现前后端数据交互,支持多种题型和权限管理,适用于学校和企业等场景。
|
5天前
|
JavaScript
vue组件中的插槽
本文介绍了Vue中组件的插槽使用,包括单个插槽和多个具名插槽的定义及在父组件中的使用方法,展示了如何通过插槽将父组件的内容插入到子组件的指定位置。
|
3天前
|
JavaScript
vue消息订阅与发布
vue消息订阅与发布
|
19小时前
|
JavaScript
理解 Vue 的 setup 应用程序钩子
【10月更文挑战第3天】`setup` 函数是 Vue 3 中的新组件选项,在组件创建前调用,作为初始化逻辑的入口。它接收 `props` 和 `context` 两个参数,内部定义的变量和函数需通过 `return` 暴露给模板。`props` 包含父组件传入的属性,`context` 包含组件上下文信息。`setup` 可替代 `beforeCreate` 和 `created` 钩子,并提供类似 `data`、`computed` 和 `methods` 的功能,支持逻辑复用和 TypeScript 类型定义。
19 11
|
4天前
|
JavaScript 前端开发 IDE
Vue学习笔记5:用Vue的事件监听 实现数据更新的实时视图显示
Vue学习笔记5:用Vue的事件监听 实现数据更新的实时视图显示
|
4天前
|
JavaScript 前端开发 API
Vue学习笔记4:用reactive() 实现数据更新的实时视图显示
Vue学习笔记4:用reactive() 实现数据更新的实时视图显示
下一篇
无影云桌面