基于react+springboot校园管理平台的设计与实现

一、项目介绍

     随着信息科学技术的不断发展，很多高校、中学甚至小学都配备了一套管理系统来有效便捷的进行校园管理、学生信息管理、会议管理等。这些系统极大的提高了学校教学的效率与质量，满足了学校对信息管理的要求。但是，在实际应用过程中，这些管理系统还存在许多明显的缺陷，对于一些普遍的需求还并不能满足，在相关性能、功能上有所欠缺，有待进一步改善。因此，本设计针对这些系统中存在的普遍问题，设计一套更为完善的校园管理系统。

二、技术栈

本系统前端采用react框架，以阿里巴巴的Ant Design UI框架为辅助。后端采用javaSpringBoot框架、Mybatis框架。数据库采用MySql数据库，方便灵巧。

三、项目结构

系统分为学生端、教师端、管理/行政人员端，三个端口可以进行实时交互。

四、部分技术代码

1，登陆注册逻辑代码

前端

  $.get(url, {
            username: values.username,
            password: values.password
        }, function (res) {
            if (res.length > 0 && values.vercode == code) {
                // return alert('登陆成功');
                // console.log(res[0].name);
                //      console.log(res[0].avatar);


                if (text == '学生登录') {
                    if (res[0].name != null)
                        localStorage.setItem('username', res[0].name);
                    localStorage.setItem('user', res[0].username);
                    localStorage.setItem('password', res[0].password);
                    $.get('http://localhost:8001/stuinfo', {
                        username: values.username,
                    }, function (res) {

                        localStorage.setItem('name', res[0].name);
                        localStorage.setItem('sex', res[0].sex);
                        localStorage.setItem('dept', res[0].dept);
                        localStorage.setItem('classname', res[0].classname);
                        localStorage.setItem('Sno', res[0].sno);
                        localStorage.setItem('grade', res[0].grade);
                        localStorage.setItem('address', res[0].address);
                        localStorage.setItem('Tep', res[0].tep);
                        localStorage.setItem('nation', res[0].nation);
                        localStorage.setItem('isselectclass', res[0].chooseclassid);


                    });

                    localStorage.setItem('avatar', headJpg);


                } else if (text == '教师登录') {
                    if (res[0].name != null)
                        localStorage.setItem('teacherusername', res[0].name);
                    localStorage.setItem('teacheruser', res[0].username);
                    localStorage.setItem('teacherpassword', res[0].password);
                    $.get('http://localhost:8001/teacher/getteacherinfo', {
                        username: values.username
                    }, function (res) {
                        localStorage.setItem('position', res[0].position);
                        localStorage.setItem('teachsubject', res[0].teachsubject);
                        localStorage.setItem('teachername', res[0].name);
                        localStorage.setItem('teachersex', res[0].gender);
                        localStorage.setItem('depart', res[0].depart);
                        localStorage.setItem('Tno', res[0].tno);
                        localStorage.setItem('teacheraddress', res[0].address);
                        localStorage.setItem('teacherTep', res[0].tep);
                        localStorage.setItem('teachernation', res[0].nation);
                    })

                } else {

                }
                $.get('http://localhost:8001/student/schoolinfo', {
                    title: '',
                    depart: '',
                    time: ''
                }, function (res) {
                    for (var i = 0; i < res.length; i++) {
                        res[i].key = i;
                    }
                    console.log(res);
                    localStorage.setItem('schoolinfo', JSON.stringify(res));
                });
                message.success('登陆成功');
                return setTimeout(() => {
                    navigate("/");
                    navigate(pagePath);
                    // window.location.reload();
                }, 1500);

            } else if (res.length == 0) {

                // VCode.Log();
                document.getElementById('code').click();
                return message.error('账号或密码错误');
            } else {

                document.getElementById('code').click();
                return message.warning('验证码错误');
            }
        })
    };

后端

 @Select("select * from t_student where username = #{username} and password = #{password};")
    @Transactional
    List<User> counterUser(User user);

五、系统展示