版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第5章系统详细设计5.1小程序前端的设计与实现粤省事健康码认证系统的前台使用了小程序的官方框架MINA。它提供了页面管理、响应数据绑定、丰富的API接口以及基础组件。框架中所有页面的路由都被MINA管理着,页面之间的切换十分流畅。在MINA中,页面拥有完整的生命周期,只要框架中存有已注册的页面数据、方法、生命周期函数,框架会自动帮助开发者处理复杂的操作。小程序的设计采用了WXML、WXSS、JSON和JavaScript等技术。WXML和WXSS是具有微信风格的标签语言和样式,与HTML、CSS的用法相似,但在细节上有许多差别,例如WXSS与HTML在标签和语法上有所不同。小程序的全局配置存储在外部的.json文件中,pages下各页面的.json文件中存储对该页面的配置。JavaScript在小程序中主要用于做数据交互,比如用户的点击、信息的获取、API的调用。通过编辑JS脚本来实现逻辑层的操作。小程序在app.json文件中存储全局配置,它由pages、window、tabBar和全局自定义组件配置usingComponents构成。pages下的文件分别是主页面文件home、登录页面的文件index、日志文件logs、防疫小知识页面文件ltip、防疫小知识内容表现页面的文件ltipdetails、“我的”页面文件myinfo、我的行程记录页面文件myTrip、疫情新闻页面文件news、疫情新闻内容表现页面的文件newsdetails、我的场景码页面文件placelist、场景码申请页面文件placeregister、场景码图片展示页面的文件placeMaximage、每日健康打卡页面文件report、修改我的信息页面的文件winfo。在pages下的每个文件中都有单独的页面配置。以小程序的粤省事健康码为例,介绍一下粤省事健康码认证系统的每日健康信息填报功能模块。第一次使用本系统的用户在授权登陆后,会进入到粤省事健康码页面,看到图5.1的弹出窗口,提示用户填写健康信息,生成当日的粤省事健康码。图5.1打卡页面效果图用户点击去打卡,进入健康信息填报页面图5.2,信息内容包括:14天内是否接触过病患或疑似病例、是否去过国外或中高风险地区、当前体温、今日健康状况。图5.2健康报告页面效果图系统根据用户的签到状态生成不同颜色的粤省事健康码。如果用户体温正常、健康,未接触过可疑病例,不在国外或危险地区,则用户粤省事健康码为绿色。如果用户对四项信息中的任何一项有问题,用户粤省事健康码颜色为黄色,系统会要求用户出具短期核酸检测证明方可外出。如果用户的四项信息出现问题,粤省事健康码会变成红色,系统会提示用户在家自我隔离。管理员可以通过管理员后台查看用户信息和粤省事健康码颜色,及时管控疫情。用户健康信息与home.js中的一个数据对象绑定,通过Openid识别关联的用户ID,将个人信息发送到服务器,然后存入数据库。图5.3粤省事健康码页面效果图介绍一下,扫码功能和场景码功能的代码实现扫描码和场景码功能是交互式的。当用户点击小程序的场景代码按钮时,会跳转到场景代码页面。场景代码页存储您添加的区域的场景代码。底部有一个添加场景代码的按钮。点击按钮进入添加页面。在页面输入区域名称后,小程序前端可以通过后台接口调用工具生成二维码,返回小程序前端将添加的区域场景代码添加到我的场景中。代码。扫码功能是利用微信的scanCode方法调用摄像头功能扫码。如果场景代码扫描成功,则小程序通过请求保存通过服务器从数据库中检索到的数据。5.2管理员后台的设计与实现管理员后台的作用是用来对小程序前台进行管理和维护的。管理员后台由系统管理模块、疫情新闻管理模块、防疫小知识管理模块、小程序用户管理模块、行程码管理模块、健康管理模块构成。系统管理模块用于对管理员、用户和菜单选项进行管理。疫情新闻模块用于对疫情新闻进行管理。防疫小知识管理模块用于对防疫知识进行管理。小程序用户模块用于对小程序用户信息进行管理。行程码模块用于对行程码和行程记录进行管理。粤省事健康码模块用于对粤省事健康码信息和每日健康报告进行管理。管理方式为管理人员对个人信息增删改查,新闻和防疫知识的图片和文章上传。管理员用户在登录页面输入账号、密码、验证码进行登录。页面效果如图5.4图5.4登陆页面效果图管理员用户在成功登录系统后,进入系统主页面,根据菜单栏中的选项执行操作。页面效果如图5.5。图5.5管理员端页面效果图为简化后台开发,系统采用Vue+Vue路由器+Vuex+elementUI+axios+iconfont(阿里图标矢量库)架构。如果你想用,从github下载这个架构,按照教程配置你的环境,设置路由,安装组件库,状态管理库,和axios,更改端口号,整体布局和页面。只需更改布局即可。您可以轻松开发一个系统。系统页面的典型布局包括左侧的菜单栏、顶部的导航栏、右上角的用户头像以及更改和退出密码。页面菜单的基本功能包括查询参数名称、添加数据信息、更改数据信息、删除数据信息、分页和页面跳转。页面数据通过表单进行管理,每个表单的表头信息对应一个后台数据库。管理员通过axios与后台数据进行通信。axios是一个基于Promise和node.js的浏览器HTTP客户端。Axios可以被认为是Ajax的一个子集,它通过Promise封装了Ajax技术。您需要使用它首先通过npm安装axios,然后将axios导入main.js并将其附加到您的Vue实例。本地使用,也可以单独参考axios。这样就可以在Vue中使用axios的get和post方法从后台获取数据并上传数据。5.3数据库表的设计与实现在整个系统设计中,数据库表的设计对系统所要实现的效果有着决定性影响[8]。通过对数据库表的设计,我们可以理清粤省事健康码认证系统数据库的行为逻辑,方便以后对数据库进行维护。小程序的数据全部存储在MySQL数据库中,两者之间通过wx.request完成数据交互。小程序的数据表包括:微信粤省事健康码表wx_health_rq_code、微信新闻表wx_news、微信健康报告表wx_report、微信防疫小知识表wx_tip、微信行程码表wx_trip_code、微信出行记录表wx_trip_record、微信用户表wx_user。后端管理系统的数据库表包括:系统验证码表sys_captcha、系统日志表sys_log、系统菜单表sys_menu、系统角色表sys_role、系统角色菜单表sys_role_menu、系统用户表sys_user、系统用户令牌表sys_user_token、系统用户角色表sys_user_role。部分数据库表的详细结构展示如下:1.微信用户(wx_user)表表5.6微信用户(wx_user)表序号列名数据类型长度允许为空说明1idint0否id2open_idvarchar255否用户唯一标识OpenID3user_tokenvarchar255是用户访问令牌4session_keyvarchar50是会话密钥5namevarchar150是姓名6mobilevarchar50是手机7paper_typevarchar200是证件类型2.微信粤省事健康码(wx_health_rq_code)表表5.7微信粤省事健康码(wx_health_rq_code)表序号列名数据类型长度允许为空说明1idint0否id2open_idvarchar255否用户唯一标识OpenID3health_rq_codetext0是粤省事健康码4health_statevarchar255是健康状态5updata_timedatetime0是更新时间3.微信出行记录(wx_trip_record)表表5.8微信出行记录(wx_trip_record)表序号列名数据类型长度允许为空说明1idint0否Id2openidvarchar255是微信唯一openid3trip_codevarchar255是行程码4action_timedatetime0是扫码时间5placevarchar255是地址4.系统菜单(sys_menu)表表5.9系统菜单(sys_menu)表序号列名数据类型长度允许为空说明1menu_idbigint0否菜单id2parent_idbigint0是父菜单ID,一级菜单为03namevarchar50是菜单名称4urldatetime200是菜单URL5permsvarchar500是授权(多个用逗号分隔,如:user:list,user:create)6typeint0是类型0:目录1:菜单2:按钮7iconvarchar50是菜单图标5.系统角色(sys_role)表表5.10系统角色(sys_role)表序号列名数据类型长度允许为空说明1role_idbigint0否角色id2role_namevarchar100是角色名称3remarkvarchar100是备注4create_user_idbigint0是创建者ID5create_timedatetime0是创建时间第6章系统测试6.1测试目标与内容1.测试目标采用功能测试的方法与手段,检测系统各部分的功能模块是否正常运行,并根据需求分析对系统整体进行检查分析,判断是否符合用户需求的最初设想。对出现的bug和不符合需求分析的部分进行改进和提高。测试内容(1)对粤省事健康码认证系统进行冒烟测试。(2)对粤省事健康码认证系统进行功能测试。(3)对粤省事健康码认证系统进行非功能测试。(4)对粤省事健康码认证系统进行验收测试。6.2测试环境良好的测试环境是执行测试用例的基础,保证测试结果准确的基石。本系统测试环境包括Windows10操作系统、MySQL8.016、Tomcat9.0、GoogleChrome浏览器、JDK8.0、小程序开发者工具、Eclipse等。6.3测试过程1.小程序端登录授权功能测试在本地运行本系统,打开小程序开发者工具,登录微信开发者工具,打开并运行小程序端。登录授权功能测试结果如表6.1。表6.1登录授权功能模块测试表测试ID前置条件预期结果实际结果是否通过1微信用户确认授权用户成功登录登陆成功通过2微信用户未确认授权用户登录失败登陆失败通过2.小程序端用户信息填写及修改功能测试用户进入小程序,第一次使用时需要确认授权,才能登录。用户登录后,点击“我的”按钮,进入个人信息页面。用户在该页面可以添加或修改个人信息内容,信息内容包括个人姓名、手机号码、身份证号码等。测试结果如表6.2。表6.2用户信息功能模块测试表测试ID前置条件预期结果实际结果是否通过1用户填写身份信息添加信息成功符合预期结果通过2用户修改身份信息修改信息成功符合预期结果通过小程序端健康打卡与粤省事健康码功能测试用户第一次登录,在填写个人信息后需回到首页进行健康打卡,生成今日粤省事健康码,用户二次使用时,则直接在首页进行健康打卡,更新粤省事健康码。测试结果如表6.3。表6.3健康打卡功能模块测试表测试ID前置条件预期结果实际结果是否通过1健康打卡内容全部正常绿色粤省事健康码符合预期结果通过2健康打卡内容均为非正常红色粤省事健康码符合预期结果通过3打卡内容中有部分正常黄色粤省事健康码符合预期结果通过小程序端场景码功能与扫一扫功能测试用户在使用场景码功能时,首先需要在添加场景码页面,填写场景码的地点名称,刷新之后就可以生成入和出两张场景码图片。用户通过扫一扫功能扫描对应图片,完成出入地点登记,生成个人出行记录。测试结果如表6.4。表6.4场景码功能模块测试表测试ID前置条件预期结果实际结果是否通过1用户填写场景码地点刷新后生成场景码图片符合预期结果通过2用户扫描场景码提示登记成功完成登记通过3用户使用个人出行记录功能显示个人出行记录符合预期结果通过小程序端疫情新闻功能模块测试进入主页后,首先点击“疫情新闻”按钮,用户进入疫情新闻页面,然后再点击想要浏览的疫情新闻信息,浏览防疫信息内容。测试结果如表6.5。表6.5疫情新闻功能模块测试表测试ID前置条件预期结果实际结果是否通过1点击疫情新闻按钮跳转疫情新闻页面符合预期结果通过2下拉选择新闻信息可以选择不同的新闻符合预期结果通过3点击浏览新闻内容阅读新闻的内容符合预期结果通过小程序端防疫知识功能模块测试进入主页后,首先点击“防疫小知识”按钮,用户进入防疫知识页面,然后再点击想要浏览的防疫知识信息,防疫浏览信息内容。测试结果如6.6。表6.6防疫知识功能模块测试表测试ID前置条件预期结果实际结果是否通过1点击防疫知识按钮条状防疫知识页面符合预期结果通过2下拉选择防疫知识选择不同的防疫知识符合预期结果通过3点击浏览防疫知识内容浏览全部内容符合预期结果通过粤省事健康码认证系统管理端登录功能测试选择Chrome浏览器,在浏览器中输入URL,进入后台登录页面,需要用户输入正确的用户名、密码,点击验证码获取并输入,再点击登录,进入主页面。测试结果如6.7。表6.7管理员端登录功能模块测试表测试ID前置条件预期结果实际结果是否通过1输入账号密码验证码均正确点击登录跳转主页面符合预期结果通过2直接点击登录给出对应提示符合预期结果通过3输入数据类型不同账号密码给出错误的提示符合预期结果通过粤省事健康码认证系统管理端注册功能测试点击系统管理,跳转至管理页面,本系统只允许内部添加管理人员,在管理员页面对管理人员进行增删改查。测试结果如表6.8。表6.8管理员端注册功能模块测试表测试ID前置条件预期结果实际结果是否通过1添加人员信息点击确定添加成功符合预期结果通过2修改人员信息后确定并刷新人员修改信息成功符合预期结果通过3选中一条信息点击删除删除成功符合预期结果通过4选择一条信息进行搜索查询查询成功符合预期结果通过粤省事健康码认证系统管理端疫情新闻管理功能测试点击菜单中的疫情新闻管理功能,查看已存在的内容,通过提示的增删改查等按钮,完成内容的添加、删除、修改、查询、图片的上传、修改等操作。测试结果如表6.9。表6.9管理员端疫情新闻管理功能模块测试表测试ID前置条件预期结果实际结果是否通过1删除已存在内容删除成功符合预期结果通过2查询已存在内容成功查询到对应信息符合预期结果通过3添加新的内容填写内容后确定完成添加符合预期结果通过4修改已添加的内容修改内容后确定完成修改符合预期结果通过粤省事健康码认证系统管理端防疫知识管理功能测试点击菜单中的防疫知识管理功能,查看已存在的内容,通过提示的增删改查等按钮,完成内容的添加、删除、修改、查询、图片的上传、修改等操作。测试结果如表6.10。表6.10管理员端防疫知识管理功能模块测试表测试ID前置条件预期结果实际结果是否通过1删除已存在内容删除成功符合预期结果通过2查询已存在内容成功查询到对应信息符合预期结果通过3添加新的内容填写内容后确定完成添加符合预期结果通过4修改已添加的内容修改内容后确定完成修改符合预期结果通过5点击图片上传选择图片上传成功符合预期结果通过粤省事健康码认证系统管理端出行记录管理功能测试点击菜单中的出行记录,查看用户扫码登记的信息,可以了解用户的出行记录。测试结果如表6.11。表6.11管理员端出行记录管理功能模块测试表测试ID前置条件预期结果实际结果是否通过1点击菜单中的出行记录跳转出行记录页面符合预期结果通过2查询其中一条出行记录查找成功符合预期结果通过3删除其中一条出行记录删除成功符合预期结果通过4点击分页和页面跳转功能正常实现符合预期结果通过粤省事健康码认证系统管理端微信用户管理功能测试点击菜单中的微信用户管理,进入至微信用户管理页面,管理员在当前页面可以查看用户信息、修改和删除用户信息。测试结果如表6.12。表6.12管理员端微信用户管理功能模块测试表测试ID前置条件预期结果实际结果是否通过1点击微信用户管理按钮跳转用户管理页面符合预期结果通过2查询用户名查找成功符合预期结果通过3点击修改按钮修改用户信息修改成功符合预期结果通过4点击删除按钮删除用户信息删除成功符合预期结果通过5点击分页和页面跳转功能正常实现符合预期结果通过粤省事健康码认证系统管理端场景码管理功能测试点击菜单中的场景码管理,跳转至场景码管理页面,在当前页面管理可以查看已添加的场景码信息,对场景码信息进行修改、查询和删除。测试结果如表6.13。表6.13管理员端场景码管理功能模块测试表测试ID前置条件预期结果实际结果是否通过1选中一条信息点击删除并确定成功删除信息符合预期结果通过2查询其中一条场景码信息查找成功符合预期结果通过3选择一条信息修改内容并确定信息修改成功符合预期结果通过粤省事健康码认证系统管理端粤省事健康码管理功能测试点击菜单中的粤省事健康码管理,跳转至粤省事健康码管理页面,在当前页面管理可以查看用户的粤省事健康码信息,对场景码信息进行查询和删除。测试结果如表6.14。表6.14管理员端粤省事健康码管理功能模块测试表测试ID前置条件预期结果实际结果是否通过1查询其中一条粤省事健康码信息查找成功符合预期结果通过2选择一条信息删除并确定信息删除成功符合预期结果通过3点击分页和页面跳转按钮操作成功功能无误符合预期结果通过6.4测试总结从测试结果来看,粤省事健康码认证系统在功能方面符合了用户的使用需求,满足了用户的基础需要。从非功能方面来来看,本系统仍可进行更好的优化,其中包括页面效果展示、数据存储结构和系统性能的提升。从使用方面来看,本系统操作简单,不占内存,符合用户的使用需求。第7章总结与展望7.1总结随着微信小程序的快速发展和防疫应用的不断完善,本系统的研发借鉴了已经出现的防疫应用的研发经验和思路,结合数据。个人收藏。接收微信小程序与管理员后台相结合,可实现日常打卡模块、旅行报告模块、疫情新闻模块、防疫知识模块、场景码模块、粤省事健康码模块、密码扫描模块。系统基于Java语言,使用官方的小程序框架MINA,开发用户页面的Vue.js框架,以及广泛使用的后端框架Mybatis和SpringMVC。该系统的应用简化了防疫工作的流程,减轻了防疫人员的负担。同时,它有助于防止人与人之间的过度接触,并帮助用户每天报告自己的健康状况。用户通过填写实际情况,根据系统提示判断是居家旅行还是隔离,即可获得不同颜色的粤省事健康码。管理员可以通过后台管理系统实时了解用户的日常签到情况和身体健康状况。如果发现疑似病例,将立即通知用户使用注册的个人电话号码进行核酸检测或自我隔离。发现防疫人员后,系统可以让管理员及时查看防疫人员的出行数据,对登记的地点进行消毒,识别人员。7.2展望粤省事健康码认证系统虽然在基础功能、设计、理论等方面实现了用户的要求
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年保山c1客运资格证考试项目
- 2024年珠海道路旅客运输从业资格证模拟试题
- 吉首大学《结构模型设计制作》2021-2022学年第一学期期末试卷
- 吉林艺术学院《音乐美学Ⅰ》2021-2022学年第一学期期末试卷
- 吉林艺术学院《色彩基础训练II》2021-2022学年第一学期期末试卷
- 2024年共同经营宾馆合作协议书模板
- 2024年供货肉类合同范本
- 2024年大宗商办租赁合同范本
- 2024年大型储罐合同范本
- 公司与公司劳务外包协议书范文范本
- 助产职业生涯规划书
- 福建省泉州市德化县2023-2024学年七年级上学期期中考试道德与法治试题
- 职业生涯规划-医生职业说明
- 马克思主义基本原理智慧树知到课后章节答案2023年下齐鲁工业大学
- 学而思小学奥数知识体系
- 教育科学研究方法的教案
- 输精管吻合术后护理查房
- 一年级上册数学单元测试-第八单元 20以内的进位加法(培优卷) 人教版(含答案)
- 2016年软考中级系统集成项目管理工程师下午《应用技术》真题及答案
- 平衡计分卡-化战略为行动
- 项目3 动车组列车餐饮供应《高铁动车餐饮服务》教学课件
评论
0/150
提交评论