【开源免费】Vue+SpringBoot打造中学生家校互联系统，初学者入门实战项目

秒速五厘米 2023-09-24 14:32 43阅读 0赞

> **作者主页**：[Designer 小郑][Designer]  
> **作者简介**：3年JAVA全栈开发经验，专注JAVA技术、系统定制、远程指导，致力于企业数字化转型，CSDN学院、蓝桥云课认证讲师。

--------------------

<table> 
 <thead> 
 <tr> 
 <th>标题</th> 
 <th>说明</th> 
 </tr> 
 </thead> 
 <tbody> 
 <tr> 
 <td>项目类型</td> 
 <td>开源项目</td> 
 </tr> 
 <tr> 
 <td>项目名称</td> 
 <td> 中学生家校互联系统 \color{red}{中学生家校互联系统} 中学生家校互联系统</td> 
 </tr> 
 <tr> 
 <td>Git 仓库</td> 
 <td><a href="https://gitee.com/yyzwz/home-school" rel="nofollow">https://gitee.com/yyzwz/home-school</a></td> 
 </tr> 
 <tr> 
 <td>增值服务</td> 
 <td>【 文档、部署、讲解 \color{red}{文档、部署、讲解} 文档、部署、讲解】 <a href="https://bbs.csdn.net/topics/617132402" rel="nofollow">https://bbs.csdn.net/topics/617132402</a></td> 
 </tr> 
 <tr> 
 <td>项目编码</td> 
 <td>ky010</td> 
 </tr> 
 </tbody> 
</table>

--------------------

![在这里插入图片描述][f90f9d0cd1614622ace198f64c1ab3fe.png_pic_center]

#### 目录 ####

*   *  软件简介
     *  登录注册
     *   *  账号密码登录
         *  企业微信扫码登录
         *  用户注册
         *  主页
     *  班级学生信息管理
     *   *  班级数据管理
         *  学生数据管理
     *  聊天工具设计
     *   *  留言管理模块
         *  新增留言模块
     *  作业管理
     *   *  作业发布
         *  学生作业上传
         *  作业打分
     *  学生课堂表现功能
     *   *  课堂表现模块
         *  课堂表现录入
     *  学生成绩发布
     *   *  学生成绩模块
         *  成绩录入
     *  权限管理
     *  数据可视化
     *  项目源代码
     *   *  实体类定义
         *  查询学生实例接口
     *  免责声明

--------------------

### 软件简介 ###

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

![在这里插入图片描述][c68a51b7f6a24580917c9bfdcfba25e3.png_pic_center]

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

--------------------

### 登录注册 ###

#### 账号密码登录 ####

![在这里插入图片描述][2708da03af8f4b08960053ccfb48addc.png_pic_center]

#### 企业微信扫码登录 ####

![在这里插入图片描述][fff39ee3d4e344e18cd2117c8771a039.png_pic_center]

#### 用户注册 ####

![在这里插入图片描述][00b3cfe3492045639dcaad6cabf01a45.png_pic_center]

#### 主页 ####

![在这里插入图片描述][c49f0d5619e64357b1a610b829e8ba8c.png_pic_center]

--------------------

### 班级学生信息管理 ###

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

#### 班级数据管理 ####

![在这里插入图片描述][396db379cdc349ae914b5218c4596c1f.png_pic_center]

#### 学生数据管理 ####

![在这里插入图片描述][6ed9f6e39c304a8688962e3fabe380cc.png_pic_center]

--------------------

### 聊天工具设计 ###

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

#### 留言管理模块 ####

![在这里插入图片描述][d6dbb06af579467cb090b0858a829682.png_pic_center]

#### 新增留言模块 ####

![在这里插入图片描述][352a534cc0e340dcb5a94bdb988e6a0d.png_pic_center]

### 作业管理 ###

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

#### 作业发布 ####

![在这里插入图片描述][362c5850f73b4583b12f6d0587a95962.png_pic_center]

#### 学生作业上传 ####

![在这里插入图片描述][e9c690e3c5ed4c7381ef5bfb3c04d364.png_pic_center]

#### 作业打分 ####

![在这里插入图片描述][b929ec6c97e346e7b6c6c865ad5640bc.png_pic_center]

### 学生课堂表现功能 ###

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

#### 课堂表现模块 ####

![在这里插入图片描述][31caa7a947704e8c84b6f8e3ae867e22.png_pic_center]

#### 课堂表现录入 ####

![在这里插入图片描述][3b317f3ef4cb401da577c74f080c150a.png_pic_center]

### 学生成绩发布 ###

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

#### 学生成绩模块 ####

![在这里插入图片描述][71f8249021ea4bd9a8a5c4419e78b71e.png_pic_center]

#### 成绩录入 ####

![在这里插入图片描述][0ad57835c7fd412f89010e6530049e6c.png_pic_center]

### 权限管理 ###

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

![在这里插入图片描述][0103910a259c46c38430cfd2357be120.png_pic_center]

### 数据可视化 ###

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

![在这里插入图片描述][b93395ceaf774509a4b60de2cda77285.png_pic_center]

![在这里插入图片描述][7f56a6b6a8924d95ba37f8a3ef94a64e.png_pic_center]

![在这里插入图片描述][3a10fa0a0bbd4c128705460824a7d36f.png_pic_center]

![在这里插入图片描述][498c25b08ecc4f94a62d45dda6a739a6.png_pic_center]

--------------------

### 项目源代码 ###

// 项目源代码
    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.  必须了解使用本软件的风险，作者不承诺提供一对一的技术支持、使用担保，也不承担任何因本软件而产生的难以预料的问题的相关责任。

![在这里插入图片描述][3a01dc60e62c415b812015851343f1c0.png_pic_center]

[Designer]: https://blog.csdn.net/qq_41464123
[f90f9d0cd1614622ace198f64c1ab3fe.png_pic_center]: https://img-blog.csdnimg.cn/f90f9d0cd1614622ace198f64c1ab3fe.png#pic_center
[c68a51b7f6a24580917c9bfdcfba25e3.png_pic_center]: https://img-blog.csdnimg.cn/c68a51b7f6a24580917c9bfdcfba25e3.png#pic_center
[2708da03af8f4b08960053ccfb48addc.png_pic_center]: https://img-blog.csdnimg.cn/2708da03af8f4b08960053ccfb48addc.png#pic_center
[fff39ee3d4e344e18cd2117c8771a039.png_pic_center]: https://img-blog.csdnimg.cn/fff39ee3d4e344e18cd2117c8771a039.png#pic_center
[00b3cfe3492045639dcaad6cabf01a45.png_pic_center]: https://img-blog.csdnimg.cn/00b3cfe3492045639dcaad6cabf01a45.png#pic_center
[c49f0d5619e64357b1a610b829e8ba8c.png_pic_center]: https://img-blog.csdnimg.cn/c49f0d5619e64357b1a610b829e8ba8c.png#pic_center
[396db379cdc349ae914b5218c4596c1f.png_pic_center]: https://img-blog.csdnimg.cn/396db379cdc349ae914b5218c4596c1f.png#pic_center
[6ed9f6e39c304a8688962e3fabe380cc.png_pic_center]: https://img-blog.csdnimg.cn/6ed9f6e39c304a8688962e3fabe380cc.png#pic_center
[d6dbb06af579467cb090b0858a829682.png_pic_center]: https://img-blog.csdnimg.cn/d6dbb06af579467cb090b0858a829682.png#pic_center
[352a534cc0e340dcb5a94bdb988e6a0d.png_pic_center]: https://img-blog.csdnimg.cn/352a534cc0e340dcb5a94bdb988e6a0d.png#pic_center
[362c5850f73b4583b12f6d0587a95962.png_pic_center]: https://img-blog.csdnimg.cn/362c5850f73b4583b12f6d0587a95962.png#pic_center
[e9c690e3c5ed4c7381ef5bfb3c04d364.png_pic_center]: https://img-blog.csdnimg.cn/e9c690e3c5ed4c7381ef5bfb3c04d364.png#pic_center
[b929ec6c97e346e7b6c6c865ad5640bc.png_pic_center]: https://img-blog.csdnimg.cn/b929ec6c97e346e7b6c6c865ad5640bc.png#pic_center
[31caa7a947704e8c84b6f8e3ae867e22.png_pic_center]: https://img-blog.csdnimg.cn/31caa7a947704e8c84b6f8e3ae867e22.png#pic_center
[3b317f3ef4cb401da577c74f080c150a.png_pic_center]: https://img-blog.csdnimg.cn/3b317f3ef4cb401da577c74f080c150a.png#pic_center
[71f8249021ea4bd9a8a5c4419e78b71e.png_pic_center]: https://img-blog.csdnimg.cn/71f8249021ea4bd9a8a5c4419e78b71e.png#pic_center
[0ad57835c7fd412f89010e6530049e6c.png_pic_center]: https://img-blog.csdnimg.cn/0ad57835c7fd412f89010e6530049e6c.png#pic_center
[0103910a259c46c38430cfd2357be120.png_pic_center]: https://img-blog.csdnimg.cn/0103910a259c46c38430cfd2357be120.png#pic_center
[b93395ceaf774509a4b60de2cda77285.png_pic_center]: https://img-blog.csdnimg.cn/b93395ceaf774509a4b60de2cda77285.png#pic_center
[7f56a6b6a8924d95ba37f8a3ef94a64e.png_pic_center]: https://img-blog.csdnimg.cn/7f56a6b6a8924d95ba37f8a3ef94a64e.png#pic_center
[3a10fa0a0bbd4c128705460824a7d36f.png_pic_center]: https://img-blog.csdnimg.cn/3a10fa0a0bbd4c128705460824a7d36f.png#pic_center
[498c25b08ecc4f94a62d45dda6a739a6.png_pic_center]: https://img-blog.csdnimg.cn/498c25b08ecc4f94a62d45dda6a739a6.png#pic_center
[3a01dc60e62c415b812015851343f1c0.png_pic_center]: https://img-blog.csdnimg.cn/3a01dc60e62c415b812015851343f1c0.png#pic_center