【基于微信小程序的作业管理系统的设计与实现13000字（论文）】

基于微信小程序的作业管理系统的设计与实现摘要本系统围绕碎片化学习、移动式教育等理论基础,基于云开发技术实现一个面向师生的作业管理系统。系统以作业布置至反馈整个流程为中心，前端设计以学生和教师为中心，教师端设置创建班级、创建作业任务、作业情况反馈功能，学生端设置查看作业、提交作业、以及查看教师反馈等功能，解决了传统的作业模式存在的大量时间差的弊端。后端使用云开发数据库为系统提供数据支撑，系统采用原生的开发框架，节省了操作数据库的成本，将网络请求优化到最大程度。本系统设计了基于微信小程序的作业管理系统，主要使用云开发技术。云开发使用的是腾讯的服务器存储后端数据，其对于后端的概念进行了弱化，使用接口对核心业务进行开发，云开发的优点在于简单，节省成本。系统主要使用微信开发者工具完成，具有操作简单和容易理解等优点。关键词：微信小程序；云开发；作业管理系统目录1绪论 绪论研究背景新时代信息技术的背景下，对教学提出了更高的要求，作业是检验学习成果的重要工具和过程，开发一个基于微信小程序的作业管理系统，有利于教师快速直观了解和掌握学生们的学习情况，有针对性进行巩固和补充，有助于提升教学效果。传统的课堂作业中存在以下的问题：（1）传统的作业方式中，师生双方不能就作业情况进行及时有效沟通。一般情况下，此过程都是单向且过程繁琐，这导致作业交流过程整体效率低下，阻碍师生之间的交流，学生不能充分掌握自身的学习状况。（2）大量的纸质作业给教师和学生增加了管理上的不便，针对传统的作业方式，教师存在重复劳动，且存在时差问题。通过作业管理系统来进行课后考核的解决方案，教师可以快速直观的把握学生学习状况，有针对性的对学生进行巩固和补充。（3）传统的作业批改过程中师生之间不能进行及时有效的反馈，导致师生交互能力差，作业交流过程繁琐等问题的出现。研究意义为加强师生交互、促进学生自主学习，解决目前作业管理过程中效率低下、师生交互不足等问题，开发基于微信小程序的作业管理系统，以作业布置至批改整个流程为中心，实现作业无纸化，使作业管理更加科学、安全和可靠。同时，教师可以对学生数据进行统计分析，有针对性了解每位学生具体学习情况、作业掌握情况等，便于教师因材施教、对症下药，学生进步和发展。1.3研究问题近年来，在高校信息化教学中,学生的作业管理至关重要，传统的线下作业收集方式效率低下且反馈过程繁琐。针对上述问题，设计实现具有师生双端且具有不同的功能，能够解决传统模式存在的问题的作业管理系统十分必要。本设计的研究内容包括：主要研究问题如下：（1）了解作业管理系统设计的必要性，做好前期相关技术的学习，分析需求并完成不同用户需求分析。（2）在小程序设计时着重考虑系统的创新点和系统逻辑结构，最终设计并提供一个可靠的系统。（3）在小程序的设计中，充分考虑了作业管理流程的特性，使系统的可用性和可维护性都得到了充分的体现。1.4研究内容传统的作业管理在教师布置作业、学生完成作业、收集学生作业等环节都是以人工方式完成，导致作业管理整个过程中师生交互不足且作业管理效率较低。针对目前课堂作业的实际情况，在调研山东女子学院2018级软件工程班级后，设计实现基于微信小程序的作业管理系统。研究内容主要如下：（1）系统对现有的作业管理小程序进行研究，明确系统研究背景和意义，对作业管理整个过程的流程进行梳理，完成教师和学生的功能需求分析和非功能需求分析。（2）分析与该系统实现合适的技术，确定此系统所采用的技术，通过各种途径学习相关技术。（3）完成了系统的总体设计，确定了系统的设计思路、系统架构，并用E-R图表进行了数据库设计［1］。（4）进行详细设计，主要包括系统流程、开发程序和接口，根据系统的具体设计，详细介绍了各个用户的功能模块，并给出了系统的前端展示界面，直至最终完成系统［2,3］。（5）对作业管理系统的最后测试进行了简单的分析，总结了系统的各个方面，并提出了进一步的改进意见［4］。2关键技术2.1微信小程序微信小程序是一款无需下载就能使用的软件。其类似于App，但没有专门的App，无处不在，随时可用，也无须内存，体现了“用完即走”的理念。微信小程序的开发框架如下图2-1。图2-1小程序开发框架图（1）微信开发者工具。微信开发者工具是微信官方提供的针对微信小程序的开发工具［5］。其界面主要由三部分构成：模拟器，即呈现手机界面，可以切换成不同型号展示页面；编辑器，即编写并实现代码的区域；调试器，即调试代码区域。当我们在编写某个页面的代码后，选择保存并点击页面上方工具栏中的“编译”按钮，便可以在下方调试器中查看此次代码结果，同时也可以在左侧模拟器中查看此次编译后界面呈现。（2）微信小程序的开发语言。小程序的语言相较于传统的web界面所使用的语言有些不同，前端页面使用的文件类型是WXML、WXSS和JS。WXML主要负责小程序的骨架，类似于动物骨架一样，其结合基础组件和事件系统便可以构建出页面的结构，以此实现页面布局的骨架［6］。WXSS主要决定组件样式，即页面如何分布，板块背景和颜色等外观，页面展示即是由WXSS来实现的［8］。JS是一种动态脚本语言，主要使用户和组件能得到的交互。2.2云开发云开发就是在全部部署好后端开发的环境中，程序员只需要在前端编写业务逻辑。云开发只关心业务逻辑，直接以函数的形式去调用云开发的服务。云开发的优点在于简单，节省成本。云开发的基础能力有三个，分别是：云函数、云存储、数据库等，源开发总体框架图具体如图2-2。图2-2云开发总体框架图（1）云函数，即在服务器端进行运行的函数代码。当云函数代码被客户端调用时，定义的代码会被放在node.js运行的环境中执行［7］。其使用方式较简单，需要在微信开发者工具云端新建云函数，在index.js内进行代码的编写，完成后右击上传部署便可运行的后端代码。（2）数据库，即是一个可以在软件的前端运行，也可以通过云功能来读取和写入。云数据库包含三个概念：集合、记录和字段。使用方法是点击创建集合后输入集合名称，点击添加记录便在记录中添加字段。通过腾讯云开发的SDK，可以在在客户端和云函数中进行数据的读写。（3）云存储，即一个提供云端上传和下载文件功能的“云盘”。主要用于存图片、存视频和存代码等。它能将云存储接口中的文件上传，并在软件的前端调用API，从而实现云文件的下载与上传。3需求分析3.1项目概述经过实地调研，对于现今作业管理过程中存在的师生交互能力不足、大量的纸质作业造成浪费等问题，进行深刻地研究和分析。本系统设计初衷是为了解决上述问题，提高作业整体过程的效率，为教师和学生提供学习交流的平台。通过与老师交流探讨、查阅相关文献、听取调查对象意见的基础上，完成本系统的需求分析。本系统主要用于在线的作业管理，系统主要有两个用户：学生和教师。点击“编译”首先会进入系统登录界面，选择登录或者注册进入小程序，并且系统设计管理员通过cms操作数据库对系统数据进行维护。3.2功能需求分析对系统进行需求分析是软件开发过程的重要环节［9］。本系统的需求分析根据不同用户角色选定不同功能，用以满足不同用户的需求。本系统的功能模块图如图3-1所示：图3-1系统功能模块图3.2.1学生模块学生的主要任务是完成并提交作业，对作业问题进行反馈并可以及时与教师沟通，促进更好的学习。此模块基本模块功能主要包括：学生加入班级，进入课程页面后查看课程，提交作业，查看老师的反馈等，若对作业有疑问可以及时联系教师等。学生功能用例图如图3-2所示：图3-2学生功能用例图由用例图可知，学生用户功能模块共包括信息管理、作业管理、查看反馈和交流研讨等四个用例，这些用例的用例规约描述如表3-1至表3-4所示：表3-1信息管理用例规约描述表用例名称学生用户模块-信息管理参与者学生用例说明设置用户的信息前置条件学生已注册并选择学生身份登录系统基本事件流进入页面，可看到所在班级；选择下方“我的”，进入功能模块；选择“修改密码”，输入原密码和新密码确认完成；小程序将用户修改的密码存入云数据库；弹出对话框，显示“修改成功”，表示此次修改操作有效。其它事件流2a)点击“退出登录”，便退出系统；2b)点击“关于平台”，可以查看平台信息异常事件流无后置条件存储用户的信息。表3-2作业管理用例规约描述表用例名称学生用户模块-作业管理参与者学生用例说明完成学生作业的管理前置条件教师已录入学生信息及学生已登录基本事件流进入页面，可看到所在班级；选择下方首页的功能；选择加入的班级；进入课程查看相关作业；进入课程的作业，查看作业标题、作业内容和截止日期；点击“上传作业”按钮，选择图片或其他形式提交作业；显示“提交成功”，表明此次提交操作有效。其它事件流6a)除了上传作业，还具有“”修改作业”的功能；6b)还具有“添加评论”功能，对作业及时进行评价。异常事件流无后置条件上交作业相关信息表3-3查看反馈用例规约描述表用例名称学生用户模块-查询反馈参与者学生用例说明查看作业反馈前置条件学生已登录已加入班级并提交作业基本事件流进入系统主界面；进入课程；进入查看具体作业详情页面；查看教师批改图文和查看教师语音批改。其它事件流4a)还具有“查看我的提交”查看已提交的作业。异常事件流无后置条件无表3-4交流研讨用例规约描述表学生用户模块-交流研讨参与者学生用例说明学生和教师及时进行交流前置条件学生已登录及已加入班级并选择课程基本事件流进入系统主界面；点击班级；点击课程；选择最下方“联系老师”，便可及时联系老师；输入问题，点击“发送”，系统提示“发送成功”，显示消息“未读”状态；系统响应指令。其它事件流5a)当教师回复后，“未读”变为教师回复的信息。异常事件流无后置条件无3.2.2教师模块教师利用此系统主要任务是布置作业，批改作业以及查看评价，此外，cms后台管理可查看作业情况，用于因材施教，促进学生个性发展。此模块基本模块功能主要包括：教师创建班级、进入班级后添加课程、点击课程布置作业、在学生提交作业后及时批改作业，另外，教师课查看学生对于此次作业难度、完成时间等的评价，对学生提出的疑问进行解答等。教师功能用例图如图3-3所示：图3-3教师功能用例图在该用户模块中，教师用户身份可以对班级、课程和作业进行管理。教师用户模块的主要用例为：信息管理、班级管理、课程管理、作业管理、交流研讨和数据统计。信息管理和交流研讨与学生部分类似，不在赘述。主要用例规约描述如表3-5至3-8所示：表3-5班级管理用例规约描述表用例名称教师用户模块-班级管理参与者教师用例说明创建班级前置条件教师已注册并登录基本事件流1.进入系统页面并点击进入班级管理页面；2.进入创建班级页面；3.点击“创建班级”，填入班级基本信息以及新建班级码；4.上传班级头像，并完成提交；6.系统将添加班级的信息写入云数据库；7.显示“添加成功”，表明此次创建班级操作有效。其它事件流无异常事件流无后置条件无表3-6课程管理用例规约描述表用例名称教师用户模块-课程管理参与者教师用例说明主要用于添加课程前置条件教师已注册并登录并已创建班级基本事件流进入本系统主界面；选择并点击班级后；选择“添加课程”；进入添加页面，输入相关课程名称；存储在数据库中，并生成相应的课程代码显示在小程序中；显示“添加成功”，表明此次添加课程操作有效。其它事件流4a)点击“取消”便不会创建课程异常事件流无后置条件无表3-7作业管理用例规约描述表用例名称教师用户模块-作业管理参与者教师用例说明教师布置作业、批改作业和查看评价前置条件教师已注册并登录并已创建班级并添加课程基本事件流1.进入本系统主界面；2.点击班级创建课程后；3选择相应的课程并添加作业；4.进入页面，编辑作业名称、截止时间和作业具体的内容；5.点击添加，存储至相关云数据库中；6.“添加成功”，表明此次布置作业操作有效。其它事件流5a)当输入的信息不完整时，程序会提示要输入完整信息。异常事件流无后置条件无3.3非功能需求分析及用户范围3.3.1非功能需求分析非功能性需求在一定程度上决定了软件质量和功能需求，但在开发过程中经常被忽略，在没有充分考虑到系统的非功能性要求的情况下，会因此影响用户体验。本系统的非功能性需求如下：系统在运行过程中尽量不会出现“卡顿”等现象［10］；系统在一定程度上能够保证用户所输入数据的安全性；当用户发出某种动作后，系统可以及时做出反馈；系统设计界面符合大众审美，整体色调一致，给用户带来好的体验；系统操作简单，符合用户逻辑和需求，满足和方便用户使用。3.3.2系统的主要用户范围本系统以教师身份用户、学生身份用户身份为主体。各用户登录系统后可操作相关功能。此外，本系统还具有管理员，通过操作cms，用于对数据库进行维护。

4概要设计4.1设计思路4.1.1设计目标通过实地调研、查阅资料、询问老师等多种途径，查阅到当前很多学校存在课程作业仅仅是线下阶段。随着三胎政策的开放，我国人数逐年增加，加上高校的扩招，大学生的数量也居高不下，这就导致高校教师在作业收集、批改直至反馈整个过程压力较大，需花费大量的时间和精力，学生得不到及时反馈，也不利于下一步的学习。基于上述现象，设计作业管理系统来规范作业过程的各个流程是十分必要的。本系统在设计之初便考虑不同用户的不同需求，明确对对作业布置、作业提交、作业批改等诸多过程进行管理，提高作业整体的完成效率，减轻人力和物力。4.1.2设计原则（1）系统完备性原则结合不同用户的不同需求设计出功能齐全、完备的作业管理系统。此系统主要用于管理，同时具备查询、处理、输入和输出等［10］。（2）系统易操作性原则在充分考虑系统的作用人员和系统设计的目的后，为了方便用户操作，系统前端界面设计简洁、大方；采用云开发技术，通俗易懂；系统设置充分考虑用户需求，最大限度满足易操作性原则，能保证用户体验良好。4.2系统架构基于node.js的作业管理系统采用云开发技术，基于腾讯云服务器平台提供的云开发数据库和云函数以及云存储等功能对前后端进行开发。在保证系统灵活配置的基础上便于后期维护和升级，其中css文件部分使用了less语法使得父子关系明确，便于阅读和维护。腾讯云服务器可以实现无需搭建服务器“开箱即用”，节省了服务器的搭建成本，同时提供了完善的cms后台管理源码（github开源），节省了操作数据库的成本，将网络请求优化到最大程度。本系统架构图如图4-1所示：图4-1系统架构图4.3技术架构4.3.1开发环境针对基于node.js的作业管理系统的具体情况，本系统基于微信开发者工具平台，采用前端三种文件（wxml、wxss、JavaScript），使用云开发数据库为系统提供数据支撑。采用原生的开发框架，采用模拟上线的体验版工具和基于开发测试的开发板工具进行调试和升级。4.3.2功能架构根据本系统业务需求，系统主要是完成作业管理，主要分为教师、学生两个用户。进入程序登录界面，选择登录身份进入程序，教师和学生都具有信息管理和交流研讨两个功能，学生通过唯一的班级码加入班级并进入该班级下的所有课程，获取并查看对应的作业信息，管理员可以通过cms操作数据库对系统数据进行维护。其次，系统的创新点在于：教师部分的语音讲解功能，有益于教师因材施教，学生更好发展和进步；教师查看学生提交的图片作业，保存并对作业进行涂鸦标记，上传作业反馈，有利于学生较快发现存在的问题，提高作业的时效性。4.4数据库设计4.4.1数据库概念结构设计数据库设计是系统开发的重要环节，数据库设计的好坏将直接影响整个系统的好坏［11］，数据库设计能将抽象概念变得信息化，有利于系统开发的完成。系统整体E-R图如图4-2所示：图4-2系统整体E-R图4.4.2数据库逻辑结构设计结合基于微信小程序的作业管理系统的功能，根据云数据库管理的特点。本系统主要有班级表（asmin_class）、课程表（subject）、用户表（user）、作业表（work）、作业详情表(work)、评论表（wite）和交流研讨表（concat）等。各表的结构描述如表5-1至表5-7所示：表5-1班级表（asmin_class）序号列名数据类型长度允许空说明_idstring50否字段标识_openidstring50否用户标识classstring250否班级名称classCodestring10否班级码countstring10否用户账号imgstring50否用户头像studentarray250是学生账号表5-2课程表（subject）序号列名数据类型长度允许空说明_idstring50否字段标识_openidstring50否用户标识classCodestring250否班级码subjectstring10否课程名subjectCodestring1是课程码teacherCodestring250是教师账号表5-3用户表（user）序号列名数据类型长度允许空说明_idstring50否字段标识_openidstring50否用户标识countstring10否用户账号pwdstring10否用户密码rolestring1是用户角色表5-4作业表（work）序号列名数据类型长度允许空说明1．_idstring50否字段标识2．_openidstring50否用户标识3．countstring10否用户账号4．subjectCodestring10否课程码5．workdetailstring250是作业详情6．worktimestring50否截至时间7．worknamestring250是作业名称表5-5作业详情表（workLlst）序号列名数据类型长度允许空说明1._idstring50否字段标识2._openidstring50否用户标识3.countstring10否用户账号4.imgstring50否用户头像5.statusstring250否作业状态6.subjectCodestring10否课程码7.voicestring250是语音批改8.workIdstring250是作业码9.workUrlstring250是图片批改表5-6评论表（wite）序号列名数据类型长度允许空说明1._idstring50否字段标识2._openidstring50否用户标识3.contentstring250否评论内容4.countstring10否用户账号5.readboolean1是是否已读6.subjectCodestring10否课程码7.workIdstring250是作业码表5-7交流研讨表（concat）序号列名数据类型长度允许空说明1._idstring50否字段标识2._openidstring50否用户标识3.applystring250否回复信息4.contentstring250否评论内容5.countstring10否用户账号6.readboolean1是是否已读7.subjectCodestring10否课程码5详细设计5.1系统框架逻辑结构基于系统的需求分析并对在向师生调研的基础上，作业管理系统采用小程序原生开发框架，其优势在于对系统的性能和用户体验更加友好。数据库技术采用云开发数据库，腾讯云环境下的产品提高了数据的安全性，可避免数据泄露和网络攻击等问题。同时对开发人员也非常友好，采用了云开发技术，实现了数据库的安全、有效的运行。在config.json中，系统必须建立一个链接云函数字段，用于连接云端功能［12］。同时创建collection类对应数据库中的信息，创建字段以确保数据库的内功完整。初始化环境id获取操作数据库的权限，最后使用微信提供的接口使用数据库。小程序封装了ajax接口，使数据库的操作（增删改查）代码更加简洁，回调函数中数据处理更加便利。5.2系统总体流程系统主要用户分为教师身份用户、学生身份用户。系统的主要业务流程为教师完成从创建班级到数据统计整个流程，在此过程中，教师具有添加课程、布置作业、批改作业和反馈作业和交流研讨的功能。学生完成从加入班级到查看反馈整个过程，同时还具有查看作业、完成并提交作业、修改作业的功能。此外，教师用户和学生用户都具有信息管理和交流研讨的功能，系统具体的系统总体流程图如图5-1所示：图5-1系统总体流程图5.3主要功能详细设计5.3.1教师端设计（1）班级管理班级管理模块主要对教师角色开放，用于创建和管理班级。该模块主要用于教师创建班级后让学生加入，为下一步的班级作业操作。班级管理时序图如图5-2所示：图5-2班级管理时序图在创建班级模块中，逻辑实现和主要方法如下：1）获取教师账号API：wx.getStorageSync()；2）根据班级码条件查询数据库返回是否符合创建班级规则：checkSub()；3）上传班级头像:addImg()；4）更新数据库班级表信息。若学生为首次登录，则需要其输入的班级码加入班级，系统会并同步更新该班级的所有课程信息和作业内容。（2）课程管理课程管理主要是老师增加课程内容等功能。课程管理时序图如图5-3所示：图5-3课程管理时序图在添加课程模块中，逻辑实现和主要方法如下：1）获取教师账号API：wx.getStorageSync()；2）点击创建按钮，触发显示或者隐藏遮罩层API:wx.createAnimation();3）事件源e接收教师输入的课程名称：handleSubject(e)；4）根据课程码条件查询数据库是否符合创建规则，确保课程码唯一不重复：getSubject()；5）添加课程信息：addSubject()；6）更新数据库课程信息：

getSubject()。（3）布置作业用户作业管理主要包括教师布置作业到查看评价整个过程和学生查看作业到提交评价整个过程，作业管理中布置作业的管理时序图如图5-4所示：图5-4布置作业时序图在作业管理的布置作业模块中，逻辑实现和主要方法如下：1）获取教师账号API：wx.getStorageSync()；2）添加布置作业名称：

wrokname()；3）设置作业内容：

workdetail()；4）设置作业截止日期：worktime()；5）添加作业：addSubject()；6）更新数据库布置作业信息。（4）批改作业在完成了作业后，老师会对作业进行评分。系统支持图片批改和语音批改，批改作业时序图如图5-5所示：图5-5批改作业时序图在作业管理的批改作业中，逻辑实现和主要方法如下：1）获取教师账号API：wx.getStorageSync()；2）下载学生作业：

download()；3）上传对作业的语音批改：tip()；4）上传对作业的图文批改：uploadImg();5）批改完成后，查看作业图文批改：lookImg()

；6）批改完成后，点击确认批改：certain();7）更新数据库作批改状态和作业批改信息。5.3.2学生端设计（1）提交作业作业能够检查该阶段学习的成果，学生在查看完作业，认真完成作业后可以在该系统上提交作业，提交作业时序图如图5-6所示：图5-6提交作业时序图在提交作业中，逻辑实现和主要方法如下：1）获取学生账号API：wx.getStorageSync()；2）进入作业页面，查看提交要求；3）上传图片形式作业：upload()；4）上传word文档形式作业：word()；5）查看所提交作业:look();6）更新数据库作业库信息。（2）修改作业为了方便学生更好的学习，系统特别设置该功能：即在作业截止日期之前，学生可以重复修改。修改作业时序图如图5-7所示：图5-7修改作业时序图在作业管理的修改作业中，逻辑实现和主要方法如下：1）获取学生账号API：wx.getStorageSync()；2）点击上传图片，系统提示已提交作业是否修改：upload()；3）点击上传word文件，系统提示已提交作业是否修改：word()；4）确认修改，进入修改页面；5）更新数据库上传后的作业信息。（3）评价作业在学生查看作业之后或者提交作业之后，为了帮助教师更了解此次作业布置难度、学生对于此次作业的掌握情况，以便有针对性的学习，设置评价作业功能。评价作业时序图如图5-8所示：图5-8评价作业时序图在作业管理的评价作业中，逻辑实现和主要方法如下：1）获取学生账号API：wx.getStorageSync()；2）点击添加此次作业的评价：showModal();3）系统添加此次内容：handleWrite()，write_title()；4）点击发表触发相应方法：sendWrite();5）上传成功后显示在页面下方；6）显示评价的学生学号：title()；7）显示评价内容handleWrite();8）更新数据库评价作业信息。（4）交流研讨用户交流研讨主要包括学生对所学知识未掌握或者有疑问的地方发送给教师，实现在线沟通的功能，当系统的学生发送聊天消息时，对聊天消息进行处理和校验，从而实现对消息的管理。交流研讨时序图如图5-9所示：图5-9交流研讨时序图在交流研讨模块中，逻辑实现和主要方法如下：1）输入要发送内容；2）根据条件查询数据库是否符合创建规则，确保发送的消息合法并发送交流研讨的消息：getConcat()；3）点击发布消息：send()；4）更新数据库交流研讨信息。若学生发送消息，教师未回复，则学生看到的是“未读”的状态，当教师回复后，“未读”状态改为教师回复内容。5.3.3其他设计（1）用户登录在进入系统之前，需要对用户的身份进行验证，确认后，输入用户的信息，在用户登陆时，验证用户的身份，并对用户的操作进行控制，从而达到登陆的目的。用户登录模块相关的各种具体方法设计如下：1）配置openid：用户的唯一标识；2）用户授权获取信息并储存；3）采用缓存技术对数据进行兜底；4）相应身份退出登录系统：清除缓存并更新页面。（2）信息导出系统主要采用微信小程序和云开发技术实现，为了增强系统维护性，本系统采用cms后台管理系统，以管理员的身份登陆，可以一键输出用户信息、班级信息、课程信息、作业信息等［13］，同时管理员可向教师提供作业数据统计，有利于教师对症下药。5.4界面设计5.4.1教师端界面设计（1）创建班级教师登录小程序后，通过主页点击完成创建班级，创建班级包括班级名、班级头像和班级码，班级码唯一标识一个班级，学生唯一通过班级码加入相应的班级，才可完成对应课程的作业。创建班级界面如图5-10所示：图5-10创建班级（2）添加课程在完成班级的创建后，点击可添加课程，其中，一个班级的同学均需要学习班级的所有课程。系统添加成功后会生成课程代码。添加课程的界面如图5-11所示：图5-11添加课程（3）布置作业根据教学任务，教师需要在完成教学的基础上布置作业，教师可一次布置多个作业，作业的布置主要是输入作业名称、作业内容和作业截止时间。布置作业界面如图5-12所示：图5-12布置作业（4）批改作业学生提交作业后，教师点击“查看作业”，便进入作业详情页面，在此可查看学生的学号、作业内容，并对作业进行图片评价和语音评价，批改完成后点击“确认批改”，即可提交作业评阅。批改作业界面如图5-13所示：图5-13批改作业（5）查看评价学生提交作业后，可以写出对于次作业的想法，教师可以在对应作业列表中查看学生对于作业的评价，查看评价界面如图5-14所示：图5-14查看评价（6）交流研讨当学生对所学知识并没有掌握时导致完成作业困难时，可通过“交流研讨”及时与教师进行沟通，交流研讨的界面类似于微信聊天框，学生发送信息后，若教师未回复则显示未读，当教师反馈后，学生可查看教师回复消息，有利于学生和教师的联系，交流研讨界面如图5-15所示：图5-15交流研讨5.4.2学生端界面设计（1）查看作业完成老师的作业后，学生登陆该网页，浏览该课程的全部作业，并按下特定的作业，然后进入作业详细页。查看作业界面如图5-16所示：图5-16查看作业（2）提交和修改作业学生根据课程安排以及作业要求，在写完作业后点击“上传作业”，作业格式支持图片等格式，在作业截止日期之前可以修改作业。提交和修改作业界面如图5-17所示：图5-17学生提交作业（3）评价作业学生在完成作业后，可以对此次作业提出实质性的评价，有利于教师更好掌握学生学习情况，评价作业界面如图5-18所示：图5-18学生评价作业（5）查看反馈学生提交作业，教师对作业进行评阅后，学生可登录查看作业的反馈，包括“查看批改图文”和“查看语音批改”，查看反馈界面如图5-19所示：图5-19学生查看反馈（6）交流研讨主要用于当学生对所学知识并没有掌握时，和教师进行直接交流，学生发送信息后，若教师未回复则显示未读，当教师反馈后，学生可查看教师回复消息，有利于学生和教师的联系。交流界面如图5-20所示：图5-20交流研讨5.4.3其他界面（1）用户登录进入系统前要执行登陆操作，在输入信息后，选择相应的身份以跳转到页面，若兜底数据没有该用户信息，则需要用户注册身份。本系统不允许用户随意修改角色，系统登录界面如图5-21所示：图5-21系统登录界面（2）系统主页系统主页主要面向学生、教师用户，主要用于展示班级功能。教师具有创建班级的功能，学生则是通过班级码键入班级，查看班级列表。教师系统主页如图5-22所示：图5-22教师系统主页（3）信息管理本系统的学生和教师用户均具有信息管理页面，本页面主要用于修改密码还具有关于平台等功能。信息管理界面如图5-23所示：图5-23信息管理（3）后台数据库管理为了更好地维护数据库，便于教师下载班级全部学生作业，本系统设置cms后台管理。界面如图5-24所示：图5-24后台数据库管理6系统测试6.1测试目的测试的目的是为了分析系统的需求，同时也是为了完成系统的功能［14］，这里采用的测试方法是：先做一个测试案例，然后用这个案例来检验系统中的各个独立的模块，如果发现了问题，就可以立即纠正。通过对系统进行检测，可以发现系统中的问题，并进行相应的改进，发现问题也是进行测试的主要目的，通过不断优化，最终设计令用户满意的系统［15］。6.2测试环境（1）处理器：Inter(R)CoreI58400。（2）开发版测试平台：对代码进行热更新测试。（3）操作系统：Windows10。（4）开发及运行软件：微信开发者工具。6.3测试内容软件测试是系统开发的重要组成部分，主要分为功能测试和性能测试，其中功能测试的方法主要有白盒测试和黑盒测试，本系统测试采用黑盒测试［16］。在本系统中主要对以下几个模块进行测试：（1）能否正确地开始该程序。能否正确地控制使用者的权限。能否正确地显示用户接口。是否能完成各模块的测试。（5）使用者是否能完整使用以及是否达到用户的要求。6.4测试用例及结果对系统进行测试发现，系统各模块功能已达到设计需求，测试用例结果表如表6-1所示。表6-1测试用例结果表登录模块编号测试用例名称输入操作预期输出确认输出1学生登录账号：test21密码：2222身份选择：学生学生正常登录到系统，并按权限显示学生界面成功2教师登录账号：test2密码：222身份选择：教师教师正常登录到系统，并按权限显示教师界面成功4管理员登录账号：admin密码：123456身份选择：管理员管理员正常登录到系统，并按权限显示管理员界面成功5教师登录，账号错误账号：test密码：12372365身份选择：教师登录失败，账号或密码错误成功6学生账号登录管理员账户账号：1705密码：123456身份选择：管理员登录失败，用户身份错误成功7非法字符登录学生模块账号：。。。。。。。密码：123456身份选择：学生登录失败，账号或密码错误成功班级管理编号测试用例名称输入操作预期输出确认输出1创建班级只添加班级名不添加班级码操作失败成功2创建班级输入班级码和班级名不上传头像操作失败成功3创建班级添加班级名和班级码并上传头像操作成功成功课程管理编号测试用例名称输入操作预期输出确认输出1添加课程输入存在的课程操作失败成功2添加课程输入未存在的课程操作成功成功作业管理编号测试用例名称输入操作预期输出确认输出1布置作业输入作业名称、作业内容和截止时间操作成功成功2布置作业不输入截止时间添加失败，信息不全成功3查看作业点击课程中作业进入作业的具体内容部分成功4提交作业上传图片、word文档上传成功成功查看反馈编号测试用例名称输入操作预期输出确认输出1评阅作业作业图文和语音批改操作成功成功2评价作业不添加任何信息操作失败成功交流研讨编号测试用例名称输入操作预期输出确认输出1联系老师学生输入发送消息，点击发送发送成功，教师成功接收到消息操作成功2消息显示方式学生发送消息，教师显示“未读”操作成功成功3教师查看消息教师点击即可查看学生发送的消息教师可看到学生消息成功4教师回复消息点击输入回复信息并确认回复学生登录后可查看教师回复的消息成功由以上测试，目前该系统整体基本完善，各操作均可响应，各功能达到要求符合用户需求。7总结展望7.1总结本设计主要面向线上用户，设计的目标是帮助教师节省批改作业时间、提高学生作业提交至批改效率，使教师更加专注于教学，学生更高效的学习，促进师生交流和提高学生学习兴趣。在设计初期，通过查阅相关文献、实地调研和询问老师等方式了解作业管理的背景以及研究意义，确定研究问题和系统用户以及各模块功能，在此基础上，设计需求分析，进行相关技术的学习，经过一段时间的学习后，明确系统设计思路、系统架构、系统开发环境，并设计了相应的数据库。在此基础上，完成了界面设计，并对整个系统进行了详细的设计，通过测试来确保