4 基于微信小程序的高校移动学习平台详细设计与实现
基于微信小程序的高校移动学习平台的详细设计与实现主要是根据前面的基于微信小程序的高校移动学习平台的需求分析和基于微信小程序的高校移动学习平台的总体设计来设计页面并实现业务逻辑。主要从基于微信小程序的高校移动学习平台界面实现、业务逻辑实现这两部分进行介绍。
4.1用户功能模块
4.1.1 用户首页界面
当进入基于微信小程序的高校移动学习平台的时候,首先映入眼帘的是系统的导航栏,下面是系统内容,其主界面展示如下图4-1所示。
图4-1 用户首页界面图
4.1.2学生登录界面
基于微信小程序的高校移动学习平台中的注册后的用户是可以通过自己的账户名和密码进行登录的,当用户输入完整的自己的账户名和密码信息并点击“登录”按钮后,将会首先验证输入的有没有空数据,再次验证输入的账户名+密码和数据库中当前保存的用户信息是否一致,只有在一致后将会登录成功并自动跳转到基于微信小程序的高校移动学习平台的首页中;否则将会提示相应错误信息,学生登录界面如下图4-2所示。
图4-2学生登录界面图
4.1.3学生注册界面
不是基于微信小程序的高校移动学习平台中正式用户的是可以在线进行注册的,如果你没有本基于微信小程序的高校移动学习平台的账号的话,添加“注册”,当填写上自己的账号+密码+确认密码+昵称+邮箱+手机号等后再点击“注册”按钮后将会先验证输入的有没有空数据,再次验证密码和确认密码是否是一样的,最后验证输入的账户名和数据库表中已经注册的账户名是否重复,只有都验证没问题后即可学生注册成功。其用学生注册界面展示如下图4-3所示。
图4-3学生注册界面图
4.1.4学习交流区界面
学生在点击导航栏上面的留言板后,就可以搜索查看留言信息,用户根据自己的喜好可以进行交流,交流论坛界面如下图4-4所示。
图4-4学习交流区界面图
4.1.5评论界面
当访客点击基于微信小程序的高校移动学习平台中导航栏上的“评论”后将会进入到该“评论”列表的界面,然后选择想要看的评论,点击进入到详细界面,在评论详细界面可以发布内容+收藏+评论等操作,评论界面如下图4-5所示。
图4-5评论界面图
4.1.6课程信息详情界面
当访客点击了任意课程后将会进入该课程信息的详情界面,可以了解到该课程信息的课程编号、课程名称、课程类型、课程封面、任课教师、课程详情等,同时可以对该课程详情进行预约,科室详情展示页面如图4-6所示。
图4-6课程信息详情界面图
4.2管理员功能模块
4.2.1 用户管理界面
基于微信小程序的高校移动学习平台中的管理人员是可以对注册的学生、教师进行管理的,也可以对管理员进行管控。界面如下图4-7所示。
4.2.2站点管理界面
基于微信小程序的高校移动学习平台中的管理人员在“站点管理界面”这一菜单中是可以对前台显示的轮播图以及公告栏进行管控。界面如下图4-8所示。
图4-8站点管理界面图
4.2.3内容管理界面
基于微信小程序的高校移动学习平台中的管理人员在“内容管理界面”这一菜单中是可以对基于微信小程序的高校移动学习平台内的讨论区管理、讨论区分类、线上考试进行维护和管理的,界面如下图4-9所示。
图4-9内容管理界面图
4.2.4更多管理界面
基于微信小程序的高校移动学习平台中的管理人员在“更多管理界面”这一菜单下是可以对基于微信小程序的高校移动学习平台内的课程信息管理、课程分类管理、学习视频管理、课程资源管理、考勤记录管理、教学数据管理等信息进行管控的,其管理界面如下图4-10所示。
图4-10更多管理界面界面图
5系统测试
5.1测试概述
软件测试是软件开发完成后必须经过的一道程序,它在软件开发过程中地位十分重要,需要由专业的测试工程师来对软件进行各方面的测试,大到功能模块测试,小到代码的单元测试,这对测试工程师来说需要有足够的耐心和专业的测试方案,软件测试归根结底就是对软件的结构和功能的综合测评,需要做到结构稳定和功能正确,二者兼顾。软件测试也叫寻找系统bug的过程,世界上没有完美无缺、不存在bug的软件,只能将软件的bug降到最低最小,来追求极致。
5.2测试过程
5.2.1登录测试
登录测试是系统最开始就要进行,测试用户能否登录,才能完成后续的功能操作。
登录测试用例表如下所示。
表6-1登录测试
用例编号 | YL001 | 程序版本 | 1.00 |
功能名称 | 使用者登录测试 | 编制人 | 李铁蛋 |
功能描述 | 根据用户的登录情况测试 | ||
用例目的 | 测试用户登录情况是否正确 | ||
测试项 | 测试数据 | 测试结果 | 预期结果 |
用户名 | 为空 | 请输入用户名 | 请输入用户名 |
密码 | 为空 | 请输入密码 | 请输入密码 |
用户密码组合 | 用户名:klouse 密码 klouses | 用户与密码不匹配 | 用户与密码不匹配 |
用户密码组合 | 用户名 : klouse 密码 klouse | 进入系统 | 正确的用户名和密码 登录系统 |
5.2.2信息录入测试
管理员在发布信息页面,通过按照预先格式发布信息,如果因为输入时候缺少相关内容,就不能发布成功,且有相应错误提示
信息录入发布测试用例表如下所示。
表6-1信息录入发布测试
用例编号 | YL002 | 程序版本 | 1.00 |
功能名称 | 信息发布测试 | 编制人 | 李铁蛋 |
功能描述 | 对使用者发布或者录入信息进行测试,判断其功能是否达到预期的要求 | ||
用例目的 | 对系统使用者录入发布信息进行原型测试。 | ||
测试项 | 测试数据 | 测试结果 | 预期结果 |
属性1 | 为空 | 请输入属性1对应的数据 | 请输入属性1对应的数据 |
属性2 | 为空 | 请输入属性2对应的数据 | 请输入属性2对应的数据 |
属性3 | 为空 | 请输入属性3对应的数据 | 请输入属性3对应的数据 |
全部输入 | 数据均填入 | 录入发布成功 | 录入发布成功 |
5.2.3信息更新测试
管理员在更新信息页面,通过按照预先格式更新信息,如果因为输入时候缺少相关内容或者更新的数据不符合当前规范的话,就不能更新成功,且有相应错误提示
信息更新测试用例表如下所示。
表6-1信息更新测试
用例编号 | YL003 | 程序版本 | 1.00 |
功能名称 | 信息更新测试 | 编制人 | 李铁蛋 |
功能描述 | 对使用者更新信息进行测试,判断其功能是否达到预期的要求 | ||
用例目的 | 对系统使用者更新信息进行原型测试。 | ||
测试项 | 测试数据 | 测试结果 | 预期结果 |
属性1 | 编号:321 | 编号更新成功 | 编号更新成功 |
属性2 | 名称:名称1 | 名称更新成功 | 名称更新成功 |
属性3 | 内容:内容1234内容 | 内容更新成功 | 内容更新成功 |
全部输入 | 数据均未更改 | 更新成功 | 更新成功 |
5.2.4信息删除测试
管理员在信息页面,通过点击数据删除按钮来删除该条数据,如果该数据和其他数据有关联,则提示是否确定删除。
信息删除测试用例表如下所示。
表6-1信息删除测试
用例编号 | YL004 | 程序版本 | 1.00 |
功能名称 | 信息删除测试 | 编制人 | 李铁蛋 |
功能描述 | 对使用者删除信息进行测试,判断其功能是否达到预期的要求 | ||
用例目的 | 对系统使用者删除信息进行原型测试。 | ||
测试项 | 测试数据 | 测试结果 | 预期结果 |
数据1 | 无任何关联的数据1 | 数据删除成功 | 数据删除成功 |
数据2 | 和其他数据有关联的数据2 | 请确认是否删除 | 请确认是否删除 |
5.3测试结果
在经过之前的所有的工作之后,通过对软件的测试方法、测试原则还有典型的测试用例进行全面的、深入的介绍。经过对系统的全面测试,系统目前所具有的所有功能均成功的实现并且通过了测试,整个系统实现了基于 node.js开发的期望。
产品包装设计公司网站成都分销商城网站建设东莞做外贸网站西安网站推广招聘网crm系统成功案例分享ppt扬中热线论坛app企业软件开发公司湖南旅游攻略seo顾问多少钱如何外贸网络推广动漫制作必须会画画吗手机端网站开发教程企业营销策划案例分析徐州百度推广总代理五种人适合做运营seo外链优化策略高端建站费用跨境电商多平台运营国家住房和城乡建设部官方网站简约风格装修个人电子邮箱深圳最大的软件开发公司浙江省城乡建设厅seo超级外链施工企业资质新标准2022综合b2b电子商务网站有哪些网页广告怎么关闭开发小程序用什么语言四川省人民政府门户网站天津电力建设公司怎么样安卓程序开发用什么软件