jsp教师本科教学质量评价管理系统mysql论文

教师本科教学质量评价管理系统的设计与实现．绪论1.1开发背景 教师教学质量评价已经越来越受到各大高校的重视，评估教师的教学水平对提高教学的质量和学校办学效益具有重要意义。建立完备的教师评教体系，对推进以评促教，以评促改，全面提高教师教学业务的水平，以及培养全方位优秀的人才具有积极的作用。本系统正是在这一背景下设计开发的。1.2系统简介 教师评教管理系统的基本业务模块包括：学期管理、评教通知管理、指标库管理、用户管理模块、教师绩效统计模块、评教模块。这些模块是教师评教管理系统得以运行的基本模块。 教师评教管理系统的这6个模块是以评教为主体的，同时默认对该系统设置了4类角色，分别是系统管理员、学生、教师、督导专家，不同的角色可以有不同的操作，同时还能增加新的角色，如行政人员。学期管理模块主要是设置当前评教的学期，以及增删学期。评教通知管理主要是发布评教信息。指标库管理模块主要是对3类指标进行管理，有学生评教指标，教师评教指标，专家评教指标，同时可以增加新的指标，如行政人员评教指标。用户管理模块主要是教师管理和学生管理。教师绩效统计模块主要是按学院和评价类型给出教师成绩的统计图表。评教模块主要是学生评教，教师评教，专家评教，不同用户登录到系统中可以进行相应的评教。1.3系统的主要特点 本系统的界面风格简约，对一些数据输入做了约束限制，而且界面以选择框为主，降低了用户错误输入的可能。本系统还设置了权限的限制，不同角色只能访问自己权限下的模块，管理员可以管理学期、评教通知、指标库、用户、教师绩效统计等，学生只能查看评教通知、进行评教、个人信息管理，教师只能查看评教通知、听课、对其他教师进行评教、评价与建议、查看个人评教结果、个人信息管理，专家只能查看评教通知、听课、对教师进行评教、个人信息管理。 这些特点使得本系统非常容易使用，简单方便。2．技术概述2.1系统环境（1）后台编程语言：Java（2）数据库：MySQL（3）开发软件工具：MyEclipse、SQLyog（4）操作系统：Win8（5）服务器：Tomcat 本系统采用B/S架构，使用Tomcat+MyEclipse+MySQL集成web开发环境，使用的编程语言有：Java、HTML、CSS、JavaScript，AJAX等，使用的技术框架是当前比较流行的SSM（Spring、SpringMVC、MyBatis）+Bootstrap框架，后台数据库使用的是MySQL。2.2关键技术简介2.2.1MyEclipse简介 MyEclipse是我开发时所用的工具，功能丰富。它是对Eclipse的扩展，包含了许多插件，使用起来更加方便，可以提高工作效率。2.2.2MySQL简介 MySQL数据库由于免费开源，而且功能强大，安全性高，所以深受大多数互联网企业的欢迎，本系统考虑成本问题，因此采用MySQL数据库。3．系统分析3.1可行性分析3.1.1经济可行性 本系统所使用的技术框架以及开发工具都是开源免费的，软件开发本身的成本大大降低。只需投入人力与时间成本。因此具有经济可行性。3.1.2技术可行性 本系统使用的SSM（Spring、SpringMVC、MyBatis）+Bootstrap框架是当前比较流行的技术框架。我对于该框架掌握相对熟悉，因此具有技术可行性。3.1.3操作可行性 本系统的界面十分简约，各个功能也很明确，操作起来十分简单，只需稍微熟悉该系统就可以很快熟练掌握。系统简单易懂，使用方便，因此具有操作可行性。3.2需求分析 管理员输入用户名和密码成功登陆后，可以管理以下内容：（1）学期管理：设置当前的评教学期，增删新学期。（2）评教通知管理：可以查看，删除和发布评教通知。（3）指标库管理：可以增加新的评教类型，按评教类型增加指标，按评教类型查看指标。（4）用户管理：添加，查看，更新，删除教师的基本信息，可以给教师安排上课和听课，查看教师的上课与听课情况，以及听课的评价情况。可以给专家安排听课，查看专家的听课情况以及评价情况。添加，查看，更新，删除学生的基本信息，给学生安排选课，查看学生的评价情况。（5）教师绩效管理：可以按学院、评价类型和学期统计出教师的得分情况。 学生登录到系统后，可以查看评教通知，评价教师，进行个人信息管理。 教师登录到系统后，可以查看评教通知，可以听其他老师的课，对其他老师进行评价，查看其他老师给自己的评价与建议，查看个人成绩，进行个人信息管理。 专家登录到系统后，可以查看评教通知，可以听其他老师的课，对其他老师进行评价，查看个人基本信息以及修改密码。4．系统概要设计4.1系统的概要设计系统功能设计 依据上述分析，将本系统分为两个主要模块：（1）前台评教模块：评教包括学生评教、教师评教和专家评教。共同功能有用户登陆，查看评教通知，评教，查看个人信息，修改密码，老师还可以听课以及查看个人绩效成绩，专家还可以听课。（2）后台管理员模块：管理员登陆，学期管理，评教通知管理，指标库管理，用户管理，教师成绩统计等。4.1.2功能结构图 本系统可以分为两大模块：评教模块和管理员模块。 根据本设计的功能，功能结构图如图4.1系统功能结构图所示：图4.1系统功能结构图4.2数据库设计4.2.1E-R图设计 本设计E-R图如图4.2所示：图4.2E-R图4.2.2数据库的逻辑结构设计 本系统涉及14张表，分别是admin、role、student、news、semester、clazz、college、course、normtype、norm、sl、lecture、eval、reocrd，表结构如下图所示： 1.Student表包含学生的基本信息：表4.1student表字段名称数据类型约束字段含义stu_idVarchar(10)主键学号stu_nameVarchar(30)

NotNull姓名stu_passwordVarchar(30)

NotNull密码Clazz_idInt(11)

NotNull班级college_idInt(11)NotNull学院stu_sexVarchar(2)

男女性别 2.Role表包含角色的基本信息：表4.2role表字段名称数据类型约束字段含义role_idInt(11)主键角色编号role_nameVarchar(10)角色名Role_norm_typeInt(11)

评价类型 3.admin表包含教师的基本信息：表4.3admin表字段名称数据类型约束字段含义admin_idVarchar(10)主键工号admin_nameVarchar(30)

NotNull姓名admin_passwordVarchar(30)

NotNull密码admin_roleInt(11)

NotNull角色admin_college_idInt(11)学院admin_phoneVarchar(11)手机号admin_sexVarchar(2)

男女性别admin_zhichengVarchar(10)

职称admin_xueliVarchar(10)学历 4.News表包含评教通知的基本信息：表4.4news表字段名称数据类型约束字段含义news_idInt(11)主键信息编号news_titleVarchar(50)

NotNull标题news_texttext

NotNull内容News_publish_timedatetime

NotNull发布时间News_publish_nameVarchar(30)

NotNull发布人 5.Normtype表包含评价类型的基本信息：表4.5normtype表字段名称数据类型约束字段含义idInt(11)主键评价类型编号norm_nameVarchar(50)评价类型名称 6.Clazz表包含班级的基本信息：表4.6clazz表字段名称数据类型约束字段含义Clazz_idInt(11)主键班级编号Clazz_nameVarchar(20)班级名称College_idInt(11)所属学院 7.College表包含学院的基本信息：表4.7college表字段名称数据类型约束字段含义college_idInt(11)主键学院编号college_nameVarchar(50)学院名称 8.Course表包含课程的基本信息：表4.8course表字段名称数据类型约束字段含义course_idVarchar(10)主键课程编号course_nameVarchar(50)

课程名course_hourInt(11)课时test_typeVarchar(12)考查方式Course_typeVarchar(4)类型creditint(11)学分College_idint(11)

开课学院 9.Record表包含听课的基本信息：表4.9record表字段名称数据类型约束字段含义record_idInt(11)主键听课编号lecture_idInt(11)授课人Tingke_idVarchar(10)听课人Record_timedate听课时间record_contenttext听课记录advicetext建议Eval_flagTinyint(1)默认0是否评价 10.Norm表包含评价指标的基本信息：表4.10norm表字段名称数据类型约束字段含义norm_idInt(11)主键指标编号Norm_textVarchar(100)

NotNull指标名称Norm_typeInt(11)

NotNull指标类型 11.Sl表包含学生选课的基本信息：表4.11norm表字段名称数据类型约束字段含义sl_idInt(11)主键选课编号Lecture_idInt(11)

NotNull上课编号Stu_idVarchar(10)

NotNull学号Eval_flagTinyint(1)默认0是否评教 12.Eval表包含评价的基本信息：表4.12eval表字段名称数据类型约束字段含义Eval_idInt(11)主键评价编号rater_idVarchar(10)NotNull评价人lecture_idInt(11)NotNull受评人Norm_idInt(11)NotNull指标编号scoreInt(11)NotNull分数Norm_typeInt(11)NotNull指标类型 13.Lecture表包含老师上课的基本信息：表4.13lecture表字段名称数据类型约束字段含义lecture_idInt(11)主键上课编号course_idVarchar(10)课程编号teacher_idVarchar(10)授课老师工号semesterVarchar(11)授课学期 14.Semester表包含学期的基本信息：表4.14semester表字段名称数据类型约束字段含义idInt(11)主键学期编号semesterVarchar(11)学期flagTinyint(1)

默认0是否为本学期5．系统的详细设计与实现5.1数据库的连接配置 本设计使用MySQL数据库，通过spring管理数据库的连接。5.2登录模块 登录界面如图5.1所示：图5.1登录界面 关键代码： publicStringlogin(Stringid,HttpSessionsession,Stringpassword, RedirectAttributesattr)throwsException{ inttype=2; Adminadmin=adminService.findAdminById(id); if(admin==null){ Studentstudent=studentService.findStudentById(id); if(student!=null){ type=1; if(!student.getStuPassword().equals(password)){ attr.addFlashAttribute("flag",PASSWORD_ERROR); return"redirect:/login/toLogin.action"; }else{ session.setAttribute("student",student); return"redirect:/student/toIndex.action"; } }else{ type=0; } } if(type==0){ attr.addFlashAttribute("flag",ADMIN_CODE_ERROR); return"redirect:/login/toLogin.action"; }else{ if(!admin.getAdminPassword().equals(password)){ attr.addFlashAttribute("flag",PASSWORD_ERROR); return"redirect:/login/toLogin.action"; }else{ session.setAttribute("admin",admin); if(admin.getAdminRole()==1){ return"redirect:/admin/toIndex.action"; }else{ session.setAttribute("role", adminService.findRoleById(admin.getAdminRole())); if(admin.getAdminRole()==2){ return"redirect:/teacher/toIndex.action"; }else{ return"redirect:/expert/toIndex.action"; } } } } }5.3学生模块5.3.1学生评教首页学生输入学号和密码登陆成功后，呈现界面如图5.2所示：图5.2学生界面首页5.3.2学生评教 学生点击进入评教按钮，即可进入评教列表，该页面显示了该生本学期的所学课程，界面如图5.3所示：图5.3学生评教列表 关键代码：<selectid="findStuSl"parameterType="slQuery"resultType="slCustom">SELECTsl.sl_idslId,course.course_idcourseId,course.course_namecourseName,admin.admin_nameadminName,sl.eval_flagevalFlagFROMsl,lecture,course,adminWHEREsl.lecture_id=lecture.lecture_idANDcourse.course_id=lecture.course_idANDadmin.admin_id=lecture.teacher_idANDstu_id=#{stuId}ANDlecture.semester=(SELECTsemesterFROMsemesterWHEREflag=1)</select> 点击进入评价，学生即可对所学课程进行评价，界面如图5.4所示：图5.4学生评教页面 关键代码： publicStringtoEvalShow(Modelmodel,IntegerslId)throwsException{ List<Norm>norms=commonService.findNormByType(1); model.addAttribute("norms",norms); Slsl=studentService.findSlById(slId); model.addAttribute("sl",sl); return"student/eval_show"; } 对该课程评价完，提交后，返回评教列表，显示该门课已经评价，如图5.5所示：图5.5学生评教列表 关键代码： publicStringaddEval(HttpServletRequestrequest,Evaleval,IntegerslId)throwsException{ Enumeration<String>enumeration=request.getParameterNames(); List<Eval>list=newArrayList<Eval>(); eval.setNormType(1); while(enumeration.hasMoreElements()){ Stringelement=enumeration.nextElement(); if(element.startsWith("score_")){ Evaleval_new=newEval(); BeanUtils.copyProperties(eval,eval_new); eval_new.setNormId(Integer.parseInt(element.substring(6))); eval_new.setScore(Integer.parseInt(request.getParameter(element))); list.add(eval_new); } } evalService.saveEvalList(list,slId); return"redirect:/student/loadEvalList.action?stuId="+eval.getRaterId(); }5.3.3查看系统信息 点击查看系统信息，呈现的界面如图5.6所示：图5.6系统信息页面 关键代码： <selectid="findByPage"parameterType="cn.itcast.ssm.po.page.Page"resultMap="BaseResultMap"> select*fromnewsorderbynews_publish_timedesclimit#{begin},#{pageSize}</select> 点击信息的标题，可以查看信息的具体内容，界面如图5.7所示：图5.7查看信息页面 关键代码如下： publicStringtoNewsShow(Modelmodel,intid)throwsException{ Newsnews=commonService.findNewsById(id); model.addAttribute("news",news); return"common/news_show"; }5.3.4个人信息管理 点击个人信息管理，出现界面如图5.8所示：图5.8学生导航栏页面 点击查看个人信息，呈现界面如图5.9所示：图5.9学生个人信息页面 点击修改密码，呈现界面如图5.10所示：图5.10修改密码页面 关键代码如下： publicStringupdatePwd(Modelmodel,HttpSessionsession,StringoldPassword,StringnewPassword)throwsException{ Studentstudent=(Student)session.getAttribute("student"); if(student.getStuPassword().equals(oldPassword)){ Studentnew_student=newStudent(); new_student.setStuId(student.getStuId()); new_student.setStuPassword(newPassword); studentService.updatePwd(new_student); return"redirect:/login/toLogin.action"; } model.addAttribute("error","旧密码错误！"); return"common/pwd_update"; } 点击退出，可返回到登陆界面。5.4教师模块5.4.1教师评教首页 教师登陆成功后，出现界面如图5.11所示：图5.11教师评教首页5.4.2听课 点击听课，即可出现本学期可听课程列表，如图5.12所示：图5.12教师添加听课页面 关键代码如下：<selectid="findLectureList"parameterType="cn.itcast.ssm.po.Lecture"resultType="lectureCustom"> SELECTlecture_idlectureId,course.course_idcourseId,course.course_namecourseName,teacher_idteacherId,admin_nameteacName,semesterFROMlecture,course,adminWHERElecture.teacher_id=admin.admin_idANDcourse.course_id=lecture.course_idANDlecture.teacher_id!=#{teacherId} <iftest="semester!=null">ANDsemester=#{semester}</if> <iftest="semester==null">ANDsemester=(SELECTsemesterFROMsemesterWHEREflag=1)</if></select> 该页面听课时间默认无法选择，只有在前面多选框中选中该门课程时，才可以选择听课时间，如图5.13所示：图5.13教师添加听课页面 当取消选中该课程时，之前选择的日期也会清空。选择好要听的课程后，点击提交，页面跳转到评教列表页面，会出现刚刚已选的课程，点击进入评价即可进行评价，界面如图5.14所示：图5.14教师评教列表页面 关键代码如下： publicvoidaddRecord(StringteacId,Date[]date,Integer[]lectureIds){ if(lectureIds!=null&&lectureIds.length>0){ inti=0; for(IntegerlectureId:lectureIds){ RecordWithBLOBsrecord=newRecordWithBLOBs(); record.setEvalFlag(false); record.setLectureId(lectureId); record.setTingkeId(teacId); record.setRecordTime(date[i++]); recordMapper.insertSelective(record);}}}5.4.3评价教师 点击评价，进入评价页面，该页面除了打分以外，还可以添加听课记录以及评价与建议，如图5.15所示：图5.15教师评教页面 提交完成后，会返回评价教师页面，显示该次听课已经评价。5.4.4评价与建议 点击评价与建议，会显示该教师本学期其他老师已对他做出评价的课程列表，如图5.16所示：图5.16教师评价与建议页面 点击more即可显示该门课的评价与建议，如图5.17所示：图5.17教师评价与建议详细页面 关键代码： publicStringloadRecord(Modelmodel,IntegerlectureId)throwsException{ List<RecordWithBLOBs>list=recordService.findRecordList(lectureId); model.addAttribute("list",list); return"teacher/record"; }5.4.5绩效成绩 点击绩效成绩，即出现学期下拉列表，选中2013-2014-1后，点击搜索，呈现界面如图5.18所示：图5.18教师绩效成绩页面 关键代码如下：<selectid="findTeacPerformance"parameterType="queryVo"resultMap="TPResultMap"> SELECTAVG(score)*10score,lecture.teacher_idteacId,norm_namenormName,semesterFROMeval,lecture,normtypeWHEREeval.lecture_id=lecture.lecture_idANDeval.norm_type=normtype.idANDlecture.teacher_id=#{teacId}ANDsemester=#{semester}GROUPBYnorm_typeorderbynorm_typeasc</select> 点击退出，页面跳转到登陆界面。5.5专家模块 专家模块的界面具有查看系统信息，听课，评价教师，个人信息管理。这些功能与教师模块类似，略。5.6管理员模块 管理员输入工号和密码成功登陆后，呈现界面如图5.19所示：图5.19管理员首页5.6.1学期管理 点击学期管理，出现学期列表，在该页面可以对学期进行管理，界面如图5.20所示：图5.20学期管理页面 关键代码： publicStringtoSemesterList(Modelmodel)throwsException{ List<Semester>list=adminService.findSemester(); model.addAttribute("semesterList",list); return"admin/semester_list";} 添加新学期2013-2014-2，并设置它为当前学期，界面如图5.21所示：图5.21学期管理页面 关键代码： publicStringaddSemester(Semestersemester,RedirectAttributesattributes) throwsException{ Booleanflag=adminService.addSemester(semester); attributes.addFlashAttribute("semesterFlag",flag); return"redirect:/admin/toSemesterList.action"; }5.6.2评教通知管理 点击评教通知管理，出现两个子菜单查看信息和添加信息，点击查看信息会出现信息列表，在该页面可以删除消息，界面如图5.22所示：图5.22查看信息页面 点击添加信息，即呈现发布信息页面，如图5.23所示：图5.23发布信息页面 发布成功后，点击查看信息，即可出现刚刚发布的消息条目，点击标题可以查看信息内容，点击删除可以删除该消息。5.6.3指标库管理 点击指标库管理，出现三个子菜单查看指标，添加指标，指标类型管理。点击查看指标，默认显示出所有指标，选择指标类型即可分类查看指标，对每一条指标可以进行修改与删除，界面如图5.24所示：图5.24查看指标页面 指标类型选择老师评教，界面如图5.25所示：图5.25按类型查看指标页面 关键代码： publicStringloadNorm(Modelmodel,intid)throwsException{ Normnorm=commonService.findNormById(id); model.addAttribute("norm",norm); model.addAttribute("normtypeList",getNormtypeList()); return"admin/norm_update"; } 点击修改图标，即可对该指标进行修改，界面如图5.26所示：图5.26修改指标页面 关键代码如下： @RequestMapping("/updateNorm") publicStringupdateNorm(intnormId,Normnorm)throwsException{ norm.setNormId(normId); commonService.updateNorm(norm); return"redirect:/admin/toNorm.action"; } 点击添加指标，即可增加新指标，选择指标类型为专家类型并填入指标内容，界面如图5.27所示：图5.27添加指标页面 点击指标类型管理，即可显示指标类型列表，以及增删评价类型，界面如图5.28所示：图5.28指标类型管理页面 关键代码如下： @RequestMapping("/normtypeList") publicStringnormtypeList(Modelmodel)throwsException{ List<Normtype>list=getNormtypeList(); model.addAttribute("normtypeList",list); return"admin/normtype_list"; } 添加行政人员评教，成功后，指标类型列表会多出一行，界面如图5.29所示：图5.29指标类型管理页面 关键代码： @RequestMapping("/addNormtype") publicStringaddNormtype(Normtypenormtype,RedirectAttributesattributes) throwsException{ Booleanflag=adminService.addNormtype(normtype); attributes.addFlashAttribute("normtypeFlag",flag); return"redirect:/admin/normtypeList.action"; }5.6.4用户管理 点击用户管理，会出现两个二级子菜单教师管理和学生管理。点击教师管理会出现三个三级子菜单角色管理，查看教师，添加教师。点击角色管理，即可出现相应界面，在该界面管理员可以添加新角色，并设置该角色的评教类型，以及修改角色和删除角色。界面如图5.30所示：图5.30角色管理页面 关键代码： @RequestMapping("/roleList") publicStringroleList(Modelmodel)throwsException{ model.addAttribute("roleList",getRoleList()); model.addAttribute("normtypeList",getNormtypeList()); return"admin/role_list"; } 新增行政人员角色，并设置评价类型为行政人员评教，新增后，效果如图5.31所示：图5.31角色管理页面 关键代码： @RequestMapping("/addRole") publicStringaddRole(Rolerole,RedirectAttributesattributes) throwsException{ Booleanflag=adminService.addRole(role); attributes.addFlashAttribute("roleFlag",flag); return"redirect:/admin/roleList.action"; } 点击修改图标，即可进行角色修改，界面如图5.32所示：图5.32角色修改页面 点击添加教师，即出现添加教师页面，界面如图5.33所示：图5.33添加教师页面 点击查看教师，即出现教师列表，在该页面还可以按学院查看教师列表，选择按计算机学院来查看教师列表，界面如图5.34所示：图5.34查看教师页面 关键代码： @RequestMapping("/addRole") publicStringaddRole(Rolerole,RedirectAttributesattributes) throwsException{ Booleanflag=adminService.addRole(role); attributes.addFlashAttribute("roleFlag",flag); return"redirect:/admin/roleList.action"; } 点击编辑图标，即可编辑教师的基本信息，界面如图5.35所示：图5.35修改教师页面 点击即可进入该教师的上课和听课管理界面，只有教师才有添加上课和添加听课两个按钮，专家及行政人员只有听课按钮。类别为上课情况，学期为2013-2014-1，点击查询，显示出该教师在该学期的上课情况，界面如图5.36所示：图5.36教师上课情况页面 将类别改为听课情况，学期不变，点击查询，呈现界面如图5.37所示：图5.37教师听课情况页面 关键代码： @RequestMapping("/lectureList") publicStringlectureList(Modelmodel, @RequestParam("teacId")StringteacherId,IntegersearchType, LectureCustomcustom,IntegerroleId)throwsException{ model.addAttribute("teacId",teacherId); model.addAttribute("roleId",roleId); if(searchType==1){ custom.setTeacherId(teacherId); List<LectureCustom>list=adminService.findTeacLectureList(custom); model.addAttribute("list",list); model.addAttribute("searchType",1); }elseif(searchType==2){ custom.setTeacherId(teacherId); List<RecordCustom>list=adminService.findRecordList(custom); model.addAttribute("list",list); model.addAttribute("searchType",2); } model.addAttribute("semester",custom.getSemester()); return"admin/teac_lecture_list"; } 在评价情况那一列，若该教师对听得那门课已经评价，管理员即可查看该教师的评价情况，否则显示尚未评价，点击已经评价后的>>，显示出听课记录及建议，如图5.38所示：图5.38教师评价情况页面 关键代码： @RequestMapping("/loadRecord") publicStringloadRecord(Modelmodel,IntegerrecordId)throwsException{ List<RecordWithBLOBs>list=adminService.findRecordWithBLOBs(recordId); Doublescore=evalService.findTingkeScore(recordId); model.addAttribute("recordList",list); model.addAttribute("score",score); return"common/record"; } 点击添加上课，即可为教师添加上课，如果该教师在该学期已经上了某门课，则不能继续添加该门课，只能添加该学期该教师没有上的课，界面如图5.39所示：图5.39教师添加上课页面 添加成功后，跳转到上课和听课管理界面，添加查询，即可发现已经添加成功。点击添加听课，即可为该教师添加听课，界面如图5.40所示：图5.40教师添加听课页面 点击学生管理，出现两个三级子菜单查看学生和添加学生。点击添加学生，即呈现新增学生页面，如图5.41所示：图5.41添加学生页面 点击查看学生，默认查出所有学生，可以按学院查学生，还可以按学院以及班级查看学生，现按计算机学院13计71班来查看学生，界面如图5.42所示：图5.42查看学生页面 在学生列表页面，可以修改学生信息、删除学生。选中修改图标，呈现修改学生界面，如图5.43所示：图5.43修改学生页面 点击即可进入该学生的选课情况界面。按学期查询，可以查出该学生在该学期的选课情况，若该学生对某门课进行了评价，在评价情况一列显示已经评价，并且在旁边点击查看打分能显示打分情况，界面如图5.44所示：图5.44学生选课情况页面 关键代码