Java项目学生管理系统二查询所有

学生管理

近年来,Java作为一门广泛应用于后端开发的编程语言,具备了广泛的应用领域和丰富的开发资源。在前几天的博客中,我们探讨了如何搭建前后端环境,为接下来的开发工作打下了坚实的基础。今天,我们将进一步扩展我们的项目,并实现一个令人期待的功能——查询所有学生的信息。

这个功能对于学生管理系统来说至关重要。我们可以通过这个功能一次性查看系统中所有学生的信息,包括他们的姓名、年龄、以及其他重要的个人数据。无论是学生导员、教工还是学生自己,都可以方便地获取到所需的信息。让我们继续深入学习并实现这个功能吧!

2.1 查询所有:后端

2.1.2 分析

  • 查询所有学生
    • 条件查询:班级、姓名(模糊)、年龄(范围)
    • 分页查询
    • 基本信息:编号、姓名、年龄、生日、性别
    • 关联信息:班级、选课数、选课详情

在这里插入图片描述

2.1.2 domain

在这里插入图片描述

1)学生

在这里插入图片描述

package com.czxy.domain;

import lombok.Data;

import javax.persistence.Column;
import javax.persistence.Id;
import javax.persistence.Table;
import javax.persistence.Transient;
import java.util.Date;
import java.util.List;

/**
 * @author 薛慕昭
 * @description
 */
@Table(name="tb_student")
public class Student {
    
    
    @Id
    @Column(name="s_id")
    private Integer sid;            //学生ID

    private String sname;           //姓名
    private Integer age;            //年龄
    private Date birthday;          //生日
    private String gender;          //性别

    @Column(name="c_id")
    private Integer cid;            //所属班级id
    //多对一:多个学生属于一个班级
    @Transient                     //临时,表示数据库没有对应列
    private Classes classes;        //所属班级

    private String cityIds;         //城市:320000,321300,321322

    //多对多:不同学生选修不同的课程
    @Transient                     //临时,表示数据库没有对应列
    private List<Course> courseList;

    @Transient                      //临时,表示数据库没有对应列
    private Integer courseCount;     //选课数
2)班级
package com.czxy.domain;

import javax.persistence.Column;
import javax.persistence.Id;
import javax.persistence.Table;

/**
 * @author 薛慕昭
 * @description
 */
@Table(name = "tb_class")
public class Classes {
    
    
    @Id
    private Integer cid;

    private String cname;           //班级名称
    @Column(name = "teacher1_id")
    private int teacher1Id;         //授课老师
    @Column(name = "teacher2_id")
    private int teacher2Id;         //助理老师
    @Column(name = "teacher3_id")
    private int teacher3Id;         //辅导员老师

3)选课
package com.czxy.domain;

import javax.persistence.Column;
import javax.persistence.Id;
import javax.persistence.Table;

/**
 * @author 薛慕昭
 * @description
 */
@Table(name = "tb_course")
public class Course {
    
    
    @Id
    @Column(name = "c_id")
    private Integer cid;

    private String cname;

    @Column(name = "`desc`")
    private String desc;

2.1.3 Vo

在这里插入图片描述

package com.czxy.vo;

/**
 * @author 薛慕昭
 * @description
 */
public class StudentVo {
    
    
    private Integer classId;        //班级id
    private String studentName;     //学生姓名
    private Integer startAge;       //开始年龄
    private Integer endAge;         //结束年龄

2.1.4 dao

在这里插入图片描述

1)学生
package com.czxy.mapper;

import com.czxy.domain.Student;
import tk.mybatis.mapper.common.Mapper;

/**
 * @author 薛慕昭
 * @description
 */
public interface StudentMapper extends Mapper<Student> {
    
    
}

2)班级
package com.czxy.mapper;

import com.czxy.domain.Classes;
import tk.mybatis.mapper.common.Mapper;

/**
 * @author 薛慕昭
 * @description
 */
public interface ClassesMapper extends Mapper<Classes> {
    
    
}

3)选课
package com.czxy.mapper;

import com.czxy.domain.Course;
import org.apache.ibatis.annotations.Param;
import org.apache.ibatis.annotations.Select;
import tk.mybatis.mapper.common.Mapper;

import java.util.List;

/**
 * @author 薛慕昭
 * @description
 */
public interface CourseMapper extends Mapper<Course> {
    
    

    /**
     * 查询指定学生的所有课程
     * @param sid
     * @return
     */
    @Select("select c.* from tb_course c, tb_student_course sc where c.c_id = sc.c_id and sc.s_id = #{sid}")
    public List<Course> selectAllBySid(@Param("sid") Integer sid);
}

2.1.5 service

  • 接口

    package com.czxy.service;
    
    import com.czxy.domain.Student;
    import com.czxy.vo.StudentVo;
    import com.github.pagehelper.PageInfo;
    
    /**
     * @author 薛慕昭
     * @description
     */
    public interface StudentService {
          
          
        /**
         * 查询(基本、分页、条件)
         * @param studentVo
         * @param pageNum
         * @param pageSize
         * @return
         */
        PageInfo<Student> condition(StudentVo studentVo, Integer pageNum, Integer pageSize);
    }
    
    
  • 实现类

    package com.czxy.service.impl;
    
    import com.czxy.domain.Classes;
    import com.czxy.domain.Course;
    import com.czxy.domain.Student;
    import com.czxy.mapper.ClassesMapper;
    import com.czxy.mapper.CourseMapper;
    import com.czxy.mapper.StudentMapper;
    import com.czxy.service.StudentService;
    import com.czxy.vo.StudentVo;
    import com.github.pagehelper.PageHelper;
    import com.github.pagehelper.PageInfo;
    import org.springframework.stereotype.Service;
    import org.springframework.transaction.annotation.Transactional;
    import tk.mybatis.mapper.entity.Example;
    
    import javax.annotation.Resource;
    import java.util.List;
    
    /**
     * @author 薛慕昭
     * @description
     */
    @Service
    @Transactional
    public class StudentServiceImpl implements StudentService {
          
          
    
        @Resource
        private StudentMapper studentMapper;
        @Resource
        private ClassesMapper classesMapper;
        @Resource
        private CourseMapper courseMapper;
    
        @Override
        public PageInfo<Student> condition(StudentVo studentVo, Integer pageNum, Integer pageSize) {
          
          
            //1 拼凑条件
            // 1.0 获得条件对象
            Example studentExample = new Example(Student.class);
            Example.Criteria studentCriteria = studentExample.createCriteria();
            // 1.1 班级
            if(studentVo.getClassId() != null) {
          
          
                studentCriteria.andEqualTo("cid", studentVo.getClassId());
            }
            // 1.2 姓名 不能为null,不能为“” ,  %张%
            if(studentVo.getStudentName() != null && !"".equals(studentVo.getStudentName())) {
          
          
                studentCriteria.andLike("sname", "%"+studentVo.getStudentName()+"%");
            }
            // 1.3 年龄   30~50
            if(studentVo.getStartAge() != null) {
          
          
                studentCriteria.andGreaterThanOrEqualTo("age", studentVo.getStartAge());
            }
            if(studentVo.getEndAge() != null) {
          
          
                studentCriteria.andLessThanOrEqualTo("age", studentVo.getEndAge());
            }
    
    
            //2 分页
            PageHelper.startPage(pageNum, pageSize);
    
    
            //3.查询
            List<Student> studentList = studentMapper.selectByExample(studentExample);
    
    
            //4 关联
            for(Student student : studentList) {
          
          
                // 4.1 班级信息
                Classes classes = classesMapper.selectByPrimaryKey(student.getCid());
                student.setClasses(classes);
    
                // 查询学生选修的可成
                List<Course> courseList = courseMapper.selectAllBySid(student.getSid());
                // 4.2 选课数
                student.setCourseCount(courseList.size());
                // 4.3 选课详情
                student.setCourseList(courseList);
            }
    
            //5 封装
            PageInfo<Student> pageInfo = new PageInfo<>(studentList);
            return pageInfo;
        }
    }
    
    

2.1.6 controller

package com.czxy.controller;

import com.czxy.domain.Student;
import com.czxy.service.StudentService;
import com.czxy.vo.StudentVo;
import com.github.pagehelper.PageInfo;
import org.springframework.http.ResponseEntity;
import org.springframework.web.bind.annotation.*;

import javax.annotation.Resource;

/**
 * @author 薛慕昭
 * @description
 */
@RestController
@RequestMapping("/student")
public class StudentController {
    
    

    @Resource
    private StudentService studentService;

    @PostMapping("/condition/{pageSize}/{pageNum}")
    public ResponseEntity<PageInfo<Student>> condition(
        @RequestBody StudentVo studentVo,
        @PathVariable("pageSize") Integer pageSize,
        @PathVariable("pageNum") Integer pageNum) {
    
    
        //查询
        PageInfo<Student> pageInfo = 
            				studentService.condition(studentVo, pageNum, pageSize );
        //处理结果
        return ResponseEntity.ok(pageInfo);
    }

}

2.1.7 测试

在这里插入图片描述

2.2 查询所有:前端

2.2.1 需求

在这里插入图片描述

在这里插入图片描述

2.2.2 列表展示

<template>
  <div>
    <!-- 列表start -->
    <el-table
      :data="pageInfo.list"
      stripe
      style="width: 100%">
      <el-table-column
        prop="sid"
        fixed
        label="学生ID"
        width="180">
      </el-table-column>
      <el-table-column
        prop="classes.cname"
        fixed
        label="班级名称"
        width="180">
      </el-table-column>
      <el-table-column
        prop="sname"
        label="学生姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="age"
        label="年龄"
        width="180">
      </el-table-column>
      <el-table-column
        prop="birthday"
        label="生日"
        width="180">
      </el-table-column>
      <el-table-column
        prop="gender"
        label="性别"
        width="180">
        <template slot-scope="scope">
          {
   
   {scope.row.gender == 1 ? '男': '女'}}
        </template>
      </el-table-column>
      <el-table-column
        prop="courseCount"
        label="选课数"
        width="180">
      </el-table-column>
      <el-table-column
        label="选课详情"
        width="300">
        <template slot-scope="scope">
          <el-tag v-for="(course,index) in scope.row.courseList" :key="index">{
   
   {course.cname}}</el-tag>
        </template>
      </el-table-column>
      <el-table-column
        width="180"
        fixed="right"
        label="操作">
        <template slot-scope="scope">
          <el-button size="mini">编辑</el-button>
          <el-button size="mini" type="danger">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 列表end -->
    {
   
   {pageInfo}}
  </div>
</template>

<script>
export default {
  data() {
    return {
      studentVo: {      //查询条件
        classId: '',
        studentName: '',
        startAge: '',
        endAge: ''
      },
      pageInfo: {     //分页条件
        pageNum: 1,
        pageSize: 2
      }
    }
  },
  methods: {
    async selectAllStudent() {
      //处理请求路径
      let url = `/student/condition/${this.pageInfo.pageSize}/${this.pageInfo.pageNum}`
      //发送ajax
      let {data} = await this.$http.post(url, this.studentVo)
      //保存结果
      this.pageInfo = data
    }
  },
  mounted() {   //页面加载成功
    this.selectAllStudent()
  },
}
</script>

<style>

</style>

2.2.3 条件表单

  • 页面加载成功后,查询所有的班级

在这里插入图片描述

  • 编写表单:展示班级列表、绑定条件参数、绑定查询按钮

在这里插入图片描述

在这里插入图片描述

<template>
  <div>
    <!-- 查询表单start -->
    <el-form :inline="true" :model="studentVo" size="mini" class="demo-form-inline">
      <el-form-item label="班级">
        <el-select v-model="studentVo.classId" clearable @change="selectAllStudent" placeholder="请选择班级">
          <el-option v-for="(classes,index) in classesList" :key="index" :label="classes.cname" :value="classes.cid">
          </el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="姓名">
        <el-input v-model="studentVo.studentName" @keyup.enter.native="selectAllStudent" clearable placeholder="请输入姓名"></el-input>
      </el-form-item>
      
      <el-form-item label="年龄">
        <el-col :span="11">
          <el-input v-model="studentVo.startAge" clearable placeholder="请输入开始年龄"></el-input>
        </el-col>
        <el-col class="line" :span="2">-</el-col>
        <el-col :span="11">
          <el-input v-model="studentVo.endAge" clearable placeholder="请输入结束年龄"></el-input>
        </el-col>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="selectAllStudent">查询</el-button>
      </el-form-item>
    </el-form>
    <!-- 查询表单end -->
    <!-- 列表start -->
    <el-table
      :data="pageInfo.list"
      stripe
      style="width: 100%">
      <el-table-column
        prop="sid"
        fixed
        label="学生ID"
        width="180">
      </el-table-column>
      <el-table-column
        prop="classes.cname"
        fixed
        label="班级名称"
        width="180">
      </el-table-column>
      <el-table-column
        prop="sname"
        label="学生姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="age"
        label="年龄"
        width="180">
      </el-table-column>
      <el-table-column
        prop="birthday"
        label="生日"
        width="180">
      </el-table-column>
      <el-table-column
        prop="gender"
        label="性别"
        width="180">
        <template slot-scope="scope">
          {
   
   {scope.row.gender == 1 ? '男': '女'}}
        </template>
      </el-table-column>
      <el-table-column
        prop="courseCount"
        label="选课数"
        width="180">
      </el-table-column>
      <el-table-column
        label="选课详情"
        width="300">
        <template slot-scope="scope">
          <el-tag v-for="(course,index) in scope.row.courseList" :key="index">
            {
   
   {course.cname}}
          </el-tag>
        </template>
      </el-table-column>
      <el-table-column
        width="180"
        fixed="right"
        label="操作">
        <template slot-scope="scope">
          <el-button size="mini">编辑</el-button>
          <el-button size="mini" type="danger">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 列表end -->
    {
   
   {pageInfo}}
  </div>
</template>

<script>
export default {
  data() {
    return {
      studentVo: {      //查询条件
        classId: '',
        studentName: '',
        startAge: '',
        endAge: ''
      },
      pageInfo: {     //分页条件
        pageNum: 1,
        pageSize: 5
      },
      classesList: [],    //所有班级
    }
  },
  methods: {
    async selectAllStudent() {
      //处理请求路径
      let url = `/student/condition/${this.pageInfo.pageSize}/${this.pageInfo.pageNum}`
      //发送ajax
      let {data} = await this.$http.post(url, this.studentVo)
      //保存结果
      this.pageInfo = data
    },
    async selectAllClasses() {
      let { data } = await this.$http.get('/classes')
      this.classesList = data
    }
  },
  mounted() {   //页面加载成功
    //查询所有学生
    this.selectAllStudent()
    //查询所有班级
    this.selectAllClasses()
  },
}
</script>

<style>
  .line {
    text-align: center;
  }
</style>

2.2.4 分页条

  • 显示分页条

    在这里插入图片描述

  • 编写分页需要触发函数

    在这里插入图片描述

<template>
  <div>
    <!-- 查询表单start -->
    <el-form :inline="true" :model="studentVo" size="mini" class="demo-form-inline">
      <el-form-item label="班级">
        <el-select v-model="studentVo.classId" clearable @change="selectAllStudent" placeholder="请选择班级">
          <el-option v-for="(classes,index) in classesList" :key="index" :label="classes.cname" :value="classes.cid">
          </el-option>
        </el-select>
      </el-form-item>

      <el-form-item label="姓名">
        <el-input v-model="studentVo.studentName" @keyup.enter.native="selectAllStudent" clearable placeholder="请输入姓名"></el-input>
      </el-form-item>
      
      <el-form-item label="年龄">
        <el-col :span="11">
          <el-input v-model="studentVo.startAge" clearable placeholder="请输入开始年龄"></el-input>
        </el-col>
        <el-col class="line" :span="2">-</el-col>
        <el-col :span="11">
          <el-input v-model="studentVo.endAge" clearable placeholder="请输入结束年龄"></el-input>
        </el-col>
      </el-form-item>

      <el-form-item>
        <el-button type="primary" @click="selectAllStudent">查询</el-button>
      </el-form-item>
    </el-form>
    <!-- 查询表单end -->
    <!-- 列表start -->
    <el-table
      :data="pageInfo.list"
      stripe
      style="width: 100%">
      <el-table-column
        prop="sid"
        fixed
        label="学生ID"
        width="180">
      </el-table-column>
      <el-table-column
        prop="classes.cname"
        fixed
        label="班级名称"
        width="180">
      </el-table-column>
      <el-table-column
        prop="sname"
        label="学生姓名"
        width="180">
      </el-table-column>
      <el-table-column
        prop="age"
        label="年龄"
        width="180">
      </el-table-column>
      <el-table-column
        prop="birthday"
        label="生日"
        width="180">
      </el-table-column>
      <el-table-column
        prop="gender"
        label="性别"
        width="180">
        <template slot-scope="scope">
          {
   
   {scope.row.gender == 1 ? '男': '女'}}
        </template>
      </el-table-column>
      <el-table-column
        prop="courseCount"
        label="选课数"
        width="180">
      </el-table-column>
      <el-table-column
        label="选课详情"
        width="300">
        <template slot-scope="scope">
          <el-tag v-for="(course,index) in scope.row.courseList" :key="index">
            {
   
   {course.cname}}
          </el-tag>
        </template>
      </el-table-column>
      <el-table-column
        width="180"
        fixed="right"
        label="操作">
        <template slot-scope="scope">
          <el-button size="mini">编辑</el-button>
          <el-button size="mini" type="danger">删除</el-button>
        </template>
      </el-table-column>
    </el-table>
    <!-- 列表end -->
    <!-- 分页条start -->
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="pageInfo.pageNum"
      :page-sizes="[1,2,3,5,10]"
      :page-size="pageInfo.pageSize"
      layout="total, sizes, prev, pager, next, jumper"
      :total="pageInfo.total">
    </el-pagination>
    <!-- 分页条end -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      studentVo: {      //查询条件
        classId: '',
        studentName: '',
        startAge: '',
        endAge: ''
      },
      pageInfo: {     //分页条件
        pageNum: 1,     //当前页(第几页)
        pageSize: 2     //每页个数
      },
      classesList: [],    //所有班级
    }
  },
  methods: {
    async selectAllStudent() {
      //处理请求路径
      let url = `/student/condition/${this.pageInfo.pageSize}/${this.pageInfo.pageNum}`
      //发送ajax
      let {data} = await this.$http.post(url, this.studentVo)
      //保存结果
      this.pageInfo = data
    },
    async selectAllClasses() {
      let { data } = await this.$http.get('/classes')
      this.classesList = data
    },
    handleSizeChange(val) {
      //修改 每页个数
      //console.log(`每页 ${val} 条`);
      this.pageInfo.pageSize = val
      this.pageInfo.pageNum = 1
      //再查询
      this.selectAllStudent()
    },
    handleCurrentChange(val) {
      //修改当前页
      //console.log(`当前页: ${val}`);
      this.pageInfo.pageNum = val
      //再查询
      this.selectAllStudent()
    }
  },
  mounted() {   //页面加载成功
    //查询所有学生
    this.selectAllStudent()
    //查询所有班级
    this.selectAllClasses()
  },
}
</script>

<style>
  .line {
    text-align: center;
  }
</style>

通过本文的学习,我们成功地实现了学生管理项目的查询所有功能。我们通过构建一个学生管理系统,并添加了测试数据,以模拟真实的学生信息。通过调用系统提供的showAllStudents()方法,我们可以轻松地查看并打印所有学生的信息。这个功能为学生管理系统增添了强大的查询能力,使得管理工作更加高效和便捷。

在今天的学习中,我们不仅巩固了Java的基础知识,还深入了解了如何处理和展示大量的数据。随着项目的发展,我们将继续探索更多有趣和实用的功能,并逐步建立一个完整的学生管理系统。希望本文对你有所启发和帮助,如果你有任何疑问或建议,请随时与我们分享。期待下一篇博客,继续探索Java开发的奇妙世界!

SizeChange(val) {
    
    
      //修改 每页个数
      //console.log(`每页 ${val} 条`);
      this.pageInfo.pageSize = val
      this.pageInfo.pageNum = 1
      //再查询
      this.selectAllStudent()
    },
    handleCurrentChange(val) {
    
    
      //修改当前页
      //console.log(`当前页: ${val}`);
      this.pageInfo.pageNum = val
      //再查询
      this.selectAllStudent()
    }
  },
  mounted() {
    
       //页面加载成功
    //查询所有学生
    this.selectAllStudent()
    //查询所有班级
    this.selectAllClasses()
  },
}
</script>

<style>
  .line {
    
    
    text-align: center;
  }
</style>

通过本文的学习,我们成功地实现了学生管理项目的查询所有功能。我们通过构建一个学生管理系统,并添加了测试数据,以模拟真实的学生信息。通过调用系统提供的showAllStudents()方法,我们可以轻松地查看并打印所有学生的信息。这个功能为学生管理系统增添了强大的查询能力,使得管理工作更加高效和便捷。

在今天的学习中,我们不仅巩固了Java的基础知识,还深入了解了如何处理和展示大量的数据。随着项目的发展,我们将继续探索更多有趣和实用的功能,并逐步建立一个完整的学生管理系统。希望本文对你有所启发和帮助,如果你有任何疑问或建议,请随时与我们分享。期待下一篇博客,继续探索Java开发的奇妙世界!

猜你喜欢

转载自blog.csdn.net/haodian666/article/details/134982243