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

与实现学生和教师为中心，教师端设置创建班级、创建作业关键词：微信小程序；云开发；作业管理系统1绪论 11.1研究背景 11.2研究意义 11.3研究问题 21.4研究内容 22关键技术 32.1微信小程序 32.2云开发 43需求分析 63.1项目概述 63.2功能需求分析 63.2.1学生模块 73.2.2教师模块 93.3非功能需求分析及用户范围 3.3.1非功能需求分析 3.3.2系统的主要用户范围 4概要设计 4.1设计思路 4.1.1设计目标 124.1.2设计原则 4.2系统架构 4.3技术架构 4.3.1开发环境 4.3.2功能架构 4.4数据库设计 4.4.1数据库概念结构设计 4.4.2数据库逻辑结构设计 5详细设计 5.1系统框架逻辑结构 5.2系统总体流程 5.3主要功能详细设计 5.3.1教师端设计 5.3.2学生端设计 215.3.3其他设计 5.4界面设计 5.4.1教师端界面设计 5.4.2学生端界面设计 5.4.3其他界面 326系统测试 6.1测试目的 346.2测试环境 6.3测试内容 6.4测试用例及结果 7总结展望 7.1总结 参考文献 1(2)大量的纸质作业给教师和学生增加了管理上的不便，针对传统的作业(3)传统的作业批改过程中师生之间不能进行及时有效的反馈，导致师生21.3研究问题(2)在小程序设计时着重考虑系统的创新点和系统逻辑结构，最终设计并1.4研究内容针对目前课堂作业的实际情况，在调研山东女子学院2018级软件工程班级后，(1)系统对现有的作业管理小程序进行研究，明确系统研究背景和意义，(2)分析与该系统实现合适的技术，确定此系统所采用的技术，通过各种图表进行了数据库设计1。(4)进行详细设计，主要包括系统流程、开发程序和接口，根据系统的具3(5)对作业管理系统的最后测试进行了简单的分析，总结了系统的各个方面，并提出了进一步的改进意见41。2关键技术2.1微信小程序微信小程序是一款无需下载就能使用的软件。其类似于App,但没有专门的App,无处不在，随时可用，也无须内存，体现了“用完即走”的理念。微信小(1)微信开发者工具。微信开发者工具是微信官方提供的针对微信小程序的开发工具5。其界面主要由三部分构成：模拟器，即呈现手机界面，可以切码区域。当我们在编写某个页面的代码后，选择保存并(2)微信小程序的开发语言。小程序的语言相较于传统的web界面所使用构建出页面的结构，以此实现页面布局的骨架61。WXSS主要决定组件样式，即页面如何分布，板块背景和颜色等外观，页面展示即是由WXSS来实现的8。(2)数据库，即是一个可以在软件的前端运行，也可以通过云功能来读取(3)云存储，即一个提供云端上传和下载文件功能的“云盘”。主要用于563需求分析计管理员通过cms操作数据库对系统数据进行维护。交交流研讨查看反馈作业管理信息管理数据统计交流研讨师作业管理教课程管理班级管理信息管理系教师等。学生功能用例图如图3-2所示：用户(学生)交流研讨等四个用例，这些用例的用例规约描述如表3-1至表3-4所示：表3-1信息管理用例规约描述表用例名称学生用户模块-信息管理参与者学生用例说明设置用户的信息前置条件学生已注册并选择学生身份登录系统1.进入页面，可看到所在班级；2.选择下方“我的”,进入功能模块；3.选择“修改密码”,输入原密码和新密码确认完成；4.小程序将用户修改的密码存入云数据库；5.弹出对话框，显示“修改成功”,表示此次修改操作有效。2a)点击“退出登录”,便退出系统；2b)点击“关于平台以查看平台信息异常事件流无8用例名称学生用户模块-作业管理参与者学生用例说明前置条件教师已录入学生信息及学生已登录1.进入页面，可看到所在班级；2.选择下方首页的功能；3.选择加入的班级；4.进入课程查看相关作业；5.进入课程的作业，查看作业标题、作业内容和截止日期；6.点击“上传作业”按钮，选择图片或其他形式提交作业；7.显示“提交成功”,表明此次提交操作有效。6a)除了上传作业，还具有“”修改作业”的功能；6b)还具有“添加评论”功能，对作业及时进行评价。异常事件流无上交作业相关信息表3-3查看反馈用例规约描述表用例名称学生用户模块-查询反馈参与者学生用例说明前置条件学生已登录已加入班级并提交作业1.进入系统主界面；2.进入课程；3.进入查看具体作业详情页面；4.查看教师批改图文和查看教师语音批改。4a)还具有“查看我的提交”查看已提交的作异常事件流无无学生用户模块-交流研讨参与者学生用例说明学生和教师及时进行交流前置条件学生已登录及已加入班级并选择课程1.进入系统主界面；2.点击班级；3.点击课程；4.选择最下方“联系老师”,便可及时联系老师；5.输入问题，点击“发送”,系统提示“发送成功”,显示消息“未读”状态；6.系统响应指令。5a)当教师回复后，“未读”变为教师回复的信息。9无无间等的评价，对学生提出的疑问进行解答等。教师功能用例图如图3-3所示：信息管理班级管理布置作业课程管理注册并登录批改作业查看评价交流研讨数据统计如表3-5至3-8所示：用例名称参与者教师用例说明创建班级前置条件教师已注册并登录1.进入系统页面并点击进入班级管理页面；2.进入创建班级页面；3.点击“创建班级”,填入班级基本信息以及新建班级码；4.上传班级头像，并完成提交；6.系统将添加班级的信息写入云数据库；7.显示“添加成功”,表明此次创建班级操作有效。无无无表3-6课程管理用例规约描述表用例名称参与者教师用例说明前置条件教师已注册并登录并已创建班级1.进入本系统主界面；2.选择并点击班级后；3.选择“添加课程”;4.进入添加页面，输入相关课程名称；5.存储在数据库中，并生成相应的课程代码显示在小程序中；6.显示“添加成功”,表明此次添加课程操作有效。异常事件流无无用例名称教师用户模块-作业管理教师用例说明前置条件1.进入本系统主界面；2.点击班级创建课程后；3选择相应的课程并添加作业；4.进入页面，编辑作业名称、截止时间和作业具体的内容；5.点击添加，存储至相关云数据库中；6.“添加成功”,表明此次布置作业操作有5a)当输入的信息不完整时，程序会提示要输入完整信无无3.3非功能需求分析及用户范围3.3.1非功能需求分析非功能性需求在一定程度上决定了软件质量和功能需求，但在开发过程中(2)系统在一定程度上能够保证用户所输入数据的安全性；4概要设计(1)系统完备性原则(2)系统易操作性原则节省了服务器的搭建成本，同时提供了完善的cms后台管理源码(github开源),节省了操作数据库的成本，将网络请求优化到最大程度。本系统架构图如图4-14.3技术架构针对基于node.js的作业管理系统的具体情况，本系统基于微信开发者工具平台，采用前端三种文件(wxml、wxss、JavaScript),使用云开发数据库为系4.4数据库设计的好坏11,数据库设计能将抽象概念变得信息化，有利于系统开发的完成。系统整体E-R图如图4-2所示：创建创建1n1mm查看查看mn表(work)、作业详情表(work)、评论表(wite)和交流研讨表(concat)等。各表的结构描述如表5-1至表5-7所示：表5-1班级表(asmin_class)列名数据类型长度允许空说明_id否字段标识_openid否用户标识否否否用户账号否是学生账号表5-2课程表(subject)序号列名数据类型长度允许空说明_id否字段标识_openid否用户标识否否课程名1是是教师账号序号列名数据类型长度允许空说明_id否字段标识_openid否用户标识否用户账号否用户密码1是表5-4作业表(work)序号列名数据类型长度允许空说明_id否字段标识_openid否用户标识否用户账号否是否截至时间是表5-5作业详情表(workLlst)序号列名数据类型长度允许空说明_id否字段标识_openid否用户标识否用户账号否否否是是是图片批改表5-6评论表(wite)序号列名数据类型长度允许空说明_id否字段标识_openid否用户标识否否用户账号1是是否已读否是表5-7交流研讨表(concat)列名数据类型长度允许空说明_id否字段标识_openid否用户标识否回复信息否否用户账号1是是否已读否5详细设计小程序封装了ajax接□,使数据库的操作(增删改查)代码更加简洁，回调函5.2系统总体流程图如图5-1所示：查看反馈结果交流研讨查看反馈结果交流研讨创建班级添加课程布置作业批改作业反馈结果数据统计提交作业选择课程加入班级5.3主要功能详细设计(1)班级管理教师创建班级后让学生加入，为下一步的班级作业操作。班级管理时序图如图教师用户教师用户微信小程序ControllerService数据库将班级信息添加返回添加的信息返回添加的信息处理创建班级请求创建班级1)获取教师账号API:wx.getStorageSync();4)更新数据库班级表信息。(2)课程管理课程管理主要是老师增加课程内容等功能。课程管理时序图如图5-3所示：到数据库返回添加的信息返回是否添加成功处理添加课程请求添加课程1)获取教师账号API:wx.getStorageSync();2)点击创建按钮，触发显示或者隐藏遮罩层API:wx.createAnimation();(3)布置作业用户作业管理主要包括教师布置作业到查看评价整个过程和学生查看作业到提交评价整个过程，作业管理中布置作业的管理时序图如图5-4所示：1)获取教师账号API:wx.getStorageSync();6)更新数据库布置作业信息。(4)批改作业教师用户教师用户返回批改后的信息1)获取教师账号API:wx.getStorageSync();7)更新数据库作批改状态和作业批改信息。(1)提交作业处理提交作业请求1)获取学生账号API:wx.getStorageSync();2)进入作业页面，查看提交要求；6)更新数据库作业库信息。(2)修改作业学生可以重复修改。修改作业时序图如图5-7所示：微信小程序返回修改作业的信息1)获取学生账号API:wx.getStorageSync();3)点击上传word文件，系统提示已提交作业是否修改：word();4)确认修改，进入修改页面；5)更新数据库上传后的作业信息。(3)评价作业评价作业时序图如图5-8所示：微信小程序数据库1)获取学生账号API:wx.getStorageSync();5)上传成功后显示在页面下方；7)显示评价内容handleWrite();8)更新数据库评价作业信息。(4)交流研讨用户交流研讨主要包括学生对所学知识未掌握或者有疑问的地方发送给教和校验，从而实现对消息的管理。交流研讨时序图如图5-9所示：学生用户学生用户微信小程序ControllerService数据库交流研讨1)输入要发送内容；2)根据条件查询数据库是否符合创建规则，确保发送的消息合法并发送交4)更新数据库交流研讨信息。(1)用户登录1)配置openid:用户的唯一标识；2)用户授权获取信息并储存；3)采用缓存技术对数据进行兜底；4)相应身份退出登录系统：清除缓存并更新页面。(2)信息导出息、课程信息、作业信息等[131,同时管理员可向教师提供作业数据统计，有利5.4界面设计(1)创建班级输入班级输入已有或创建班级输入班级码输入或创建班级码(2)添加课程班级的所有课程。系统添加成功后会生成课程代码。添加课程的界面如图5-11+创建课程课程名称添加课程请输入课程名称图5-11添加课程(3)布置作业界面如图5-12所示：作业管理系统作业管理系统第一章作业截至时间：2022-5-30第二章作业没有更多作业啦~添加作业请输入作业详细内容(4)批改作业(5)查看评价查看学生对于作业的评价，查看评价界面如图5-14所示：第第一章作业截至时间：2022-5-30要求用PS技术设计一张餐厅海报评论列表这一次作业对我来说有些难度我也觉得有些难，希望老师可以进行课堂演示。图5-14查看评价(6)交流研讨当学生对所学知识并没有掌握时导致完成作业困难时，可通过“交流研讨”和教师的联系，交流研讨界面如图5-15所示：(未读)或者可以留一个联系方式吗(未读)读)(1)查看作业的作业，然后进入作业详细页。查看作业界面如图5-16所示：第一章作业第二章作业没有更多作业啦一(2)提交和修改作业第二章作业第二章作业添加评论评论列表(3)评价作业(5)查看反馈“查看批改图文”和“查看语音批改”,查看反馈界面如图5-19所示：第二章作业截至时间：2022-6-10使用PS技术实现一张招聘海报查看我的提交查看我的提交查查看批改图文查看语音批改查看语音批改(6)交流研讨发送(1)用户登录角色，系统登录界面如图5-21所示：请输入密码(2)系统主页(3)信息管理作业管理系统…|◎(3)后台数据库管理后台管理。界面如图5-24所示：下鼓图片访问链接0下载图片访问链接0科目代码三6系统测试测试的目的是为了分析系统的需求，同时也是为了完成系统的功能14],这不断优化，最终设计令用户满意的系统[16.3测试内容(1)能否正确地开始该程序。(2)能否正确地控制使用者的权限。(4)是否能完成各模块的测试。(5)使用者是否能完整使用以及是否达到用户的要求。6.4测试用例及结果表6-1所示。表6-1测试用例结果表登录模块编号测试用例名称输入操作预期输出确认输出1学生登录账号：test21密码：2222身份选择：学生学生正常登录到系统，并