




版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
4第1章绪论1.1研究目的和意义实验室在高校实践教学中处于重要地位,是培养学生创新能力和实践能力的重要场所。利用信息化平台建设可以合理、有效地利用实验室资源,实现信息和技术共享,有效提升实验室管理水平,既可减少实验教辅人员的工作强度,又能够充分调动学生的创新实践积极性,促进实践教学和科研创新水平的同步提高,有利于高校实现创新人才培养的总体目标REF_Ref12216\r\h[1]。实验室管理系统为了适应现阶段我国高校实验室的管理需求。预计对国外优秀实验室信息化管理经验的案例进行研究,借鉴国外管理理念,结合国内高校实验室的客观现状与迫切需要对计算机实验管理系统进行科学的构建。本系统的主要功能是对实验室的设备进行有效管理,对现阶段高校实验室的落后管理模式进行改善,控制实验室成本,进行基于高校的现代化信息管理。本系统将通过不断地更新、升级,希望能够满足日后高校实验室信息不断增长的需求。1.2国内外研究现状随着教育信息化的不断深入,学校的实验室建设规模越来越大,在大规模的实验室建设背后,大型实验室的综合维护和管理也越来越成为一个难题。实验室管理中,因由管理人员单独安排各班实验课程,容易出现临时调课导致信息不对等、管理人员工作量大等问题。2020年,何小军,刘章恒,赵海彬在《基于B/S模式和微信小程序技术的设备管理系统的设计与实现》采用B/S模式,Java语言。微信小程序等技术手段进行设备管理系统设计和开发,建立一套从设备采购,验收,日常使用管理,定期盘点,到报废的全生命周期管理的信息系统,以提高检测机构工作效率,控制管理风险降低管理成本,推动检测机构智能化管理。2020年,葛苓童,陈超在《基于Python的在线实验室管理系统的设计》以Python作为开发环境,以Tomcat作为服务器,采用在线Web访问的形式,采用SqlServer作为后台数据库管理系统,开发了一款基于Web技术和Python的实验室管理系统。该软件有利于提高实验室器材与耗材的利用率,使其功能得以充分发挥。另外,该软件将会使实验室的管理更加便捷。西方发达国家在实验室信息管理系统的开发与应用方面都处于成熟阶段,实验室系统管理对于实验室效率的提升带动了各大高校对实验室管理系统的需求。2018年ShenJX,BaoMY在《DesignandImplementationofMobileAPPforBooksManagementSystemBasedonAndroid》中指出图书馆在高校中发挥越来越重要的作用。其设计了一个基于Android平台的图书管理系统移动终端APP。本系统以图书借阅功能为核心,实现移动网络借阅。学生可以随时随地了解和利用图书馆的资源,不受环境的限制。它提供了与外界使用图书馆资源的界面,方便快捷,提高学习效率。在IsmailElKafazi,MaryamLafkih和RachidBannari《PVgeneratorandenergystoragesystemsforlaboratorybuilding》中提到Python是桌面开发、Web开发和移动开发中使用比较广泛的语言之一,有很多课程可以说明它的基来源根基理,因而它应当是一个智能教学系统,为这种言语供给课程和操练。1.3论文组织架构本文将分为七个章节介绍系统的开发设计过程,全面的向读者引见从创建课题到实际分析再到完成实现的开发Tools,创立的搭建情况,制造的编程代码等,使读者可以经过本论文对所开发的系统有所了解。第1章,绪论。在绪论章节中,将引见研讨目标和意义、国际外研讨近况和论文框架构造。第2章,相关知识和技术。在相关知识和技术章节中,将引见Python、MySQL特色、B/S形式的相关常识。第3章,系统分析。在操作可行性、经济可行性、技术可行性、法律可行性四个方面实行剖析。最后功能需求和非功能两方面进行需求剖析。第4章,系统设计。描述了功用模块的设计、概念结构的设计和数据库的设计。第5章,系统实现。在本章节中,展示和介绍了本系统的功能并进行截图。第6章,系统测试。在这个章节中,详细叙述了系统的测试方法、结果。结论。在结论章节中,回述此次的设计开发过程中的心得体会。第2章相关理论和技术2.1Python语言Python是由GuidovanRossum在八十年代末和九十年代初,在荷兰国家数学和计算机科学研究所制作出来的。Python自身同样由诸多其他语言发展而来的,这包括ABC、Modula-3、C、C++、Algol-68、SmallTalk、Unixshell和其他的脚本语言等等。像Perl语言一样,Python源代码同样遵循GPL(GNUGeneralPublicLicense)协议。现在Python是由一个核心开发工作团队在维护,GuidovanRossum仍然占据着至关重要的效用。Python2.7被确定为最后的Python2.x版本,目前Python版本为3.8+。CPython是Python的官方版本,使用C语言实现,使用次数最频繁。CPython会将源文件变成字节码文件,然后在Python虚拟机上运行。2.2MySQL数据库MySQL目前属于Oracle甲骨文公司,MySQL称之为关系型数据库、微软的SQLServer。MySQL数据库能够支持在多种操作系统上运行,包括Solaris、MacOS、FreeBSD和Windows,Linux通通支持。MySQL数据库是一种C/S模型,使用者先在客户端输入账号、密码连接服务器,连接成功了就可以开始数据库的操作。MySQL的服务端采用IO复用+可伸缩的连接池,实现了网络高并发的经典模型。2.3B/S模式客户端应用程序是在系统中定义的模块,用来许可使用者直接与操作系统进行数据交互。例如,SERVERMANAGERS管理一个用户信息系统数据库,而服务器级的操作系统管理器也有一个重要的特点:当多个客户端同时访问服务器上的一个资源时,就会出现死锁或饥饿现象。这里所说的B/S模型是一个新的MIS系统平台,它是作为一个依靠网络关系并与用户层重叠的管理平台而形成的。从理论上讲,B/S模型是一个三层系统管理平台,其中,刚才描述的B/S模型是一个单一的服务器管理层,分为一个或多个服务器,或者服务器和应用程序的组合,建立一个三层系统管理平台,在用户和服务器之间传递信息。三层系统管理平台的第一层是用户与网络的界面的连接,运行的应用软件 将集成到浏览器中,在浏览器里,HTML文件将程序变成绚丽多彩的网页。同时,日常生活中互动的网页不仅是为了显示信息,也是为了通过网页与许多重要信息进行互动。在第二网页层中,服务器系统基对于用户的前一层的行为采取措施,该前一层先是按照用户的要求生成一堆HTML代码,此代码早就含有使用者设想的结果,将产生的代码传递到使用者的浏览器,最后用户就能知道该交互所需的信息。必须提出的是,如果第一个请求中含有访问数据库,则WEB服务器也需要处理数据库去丰富使用者的体验感。第三层是数据库服务器,其管理的经历和上面讲的基于并行任务协调的B/S模型很相似。第3章系统分析3.1可行性分析3.1.1技术可行性技术上的可行度说的是这次毕业设计会用什么技术,在什么平台上进行,是用哪个框架,哪个设计模式,这方面的问题已经在基础知识部分说明,本次的开发设计是基于Python的实验室管理系统开发,所使用的语言是Python,在开发过程中主要基于SSM框架,并且整个开发思路采用MVC设计模式,弹性管理代码。3.1.2经济可行性经济可行性重点要说在成本效益方面上的分析,不单单是在经济上,更多的是在社会效益上,就是设计出这个管理系统,可不可以提高使用者的工作效率。在经济上,它最终能判断出所有的投资够不够;在社会效益上,需要去想想这个软件能不能给用户带来方便和利益。因为设计这个管理系统是由我个人独立完成,所以就不用花费大量金钱,设计的过程能锻炼我自己的个人能力。综上所述,此次开发在经济效益和社会效益都有一定的效益。3.1.3操作可行性在对计算机的要求方面上,对于开发者和使用者只要电脑配置可以,就有足够的空间去安装这次设计和开发会用到的一堆软件。对技术人员来说呢,之前就有接触过软件开发方面的基础知识,能在系统的开发方面上给予相关技术支持。该系统实现极易上手,完全无需历经专业人士的传授就也可不费力气使用系统中每一项实用功能。依据以上的几个要点,独立开发此该软件在操作上是行得通的。3.1.4法律可行性整个开发工作中所设计的任何资料都是合法获得,并且不存在知识产权的问题,也没有进行任何的抄袭行为,开发过程全部来自于自己,开拓环境软件和运用的数据库全是开源代码,开拓这次系统有别于开拓一般的的系统软件,不会出现涉嫌侵权等风险,即法律上是行之有效的。3.2需求分析对系统功用规定的分析能够带来在实施软件功能要求时要什么和不需要什么的诸多信息。出色的解析行为能减少出现错误的次数,这样就能够提高软件生产效率和提高软件质量。在这次实验室系统设计里面,数据库是一个很重要的元素,故要在数据库的设计上面多花点心思。这次的管理系统一定要保证所有数据的安全性,所以面向所有用户采取一定的限制行为,也要定期地备份数据库,避免出现严重问题,频繁分析数据库存储空间状况,分析响应的速度,产生问题要尽快采取正确措施,整顿好运行状况,确保系统继续正常运行。3.2.1功能需求分析本系统主要是研究的是实验室管理系统,其角色是要分为用户、管理员两个角色。管理员拥有本系统的全部权限,对用户、实验室类型、实验室信息、实验室预约、实验室设备等功能进行增删改查。该实验室管理系统预期有如下功能:用户用例图、管理员用例图、业务流程图如图3.1、3.2、3.3所示。注册注册登录登录实验室预约实验室预约设备预约设备预约修改个人信息修改个人信息图3.1用户用例图用户管理用户管理实验室类型管理实验室类型管理实验室信息管理实验室信息管理实验室预约管理实验室预约管理实验室设备管理实验室设备管理设备预约管理设备预约管理易耗品管理易耗品管理系统管理系统管理登录登录图3.2管理员用例图登录开始登录开始注册注册用户登录管理员登录N用户登录管理员登录YY用户管理实验室管理系统管理预约管理实验室预约设备预约用户管理实验室管理系统管理预约管理实验室预约设备预约易耗品管理设备管理易耗品管理设备管理结束结束图3.3主流业务流程图3.2.2非功能需求分析本文基于实验室管理的需求,该系统让用户看到具体实验室和设备信息和预约实验室、设备等基本操作,为了确保系统数据的安全,用户识别模块和权限管理模块在系统设计开发期间会进行专门配置,以识别访问系统的用户。在实验室管理系统中,所有的用户将根据自己的标识被配置对应的权限,使用者只能在权限范围内工作和访问操作系统的具体内容。第4章系统设计4.1功能模块设计根据对系统的功能操作分析实验室管理系统的具体功能板块包括了实验室设备管理,实验室管理、实验室预约管理、实验室类型管理、用户管理、系统管理、易耗品管理、易耗品统计分析,系统结构框图功能板块如图4.1所示:实验室设备管理实验室设备管理实验室管理实验室管理实验室预约管理实验室预约管理用户管理实验室管理系统用户管理实验室管理系统实验室类型管理实验室类型管理易耗品管理易耗品管理系统管理系统管理易耗品统计分析易耗品统计分析图4.1系统结构框图4.2概念结构设计经过对系统需求的详细化研究获得了这些实体对象管理员实体含有账号、密码属性,其实体属性图如图4.2所示:账号密码管理员账号密码管理员图4.2管理员实体属性图用户实体有账号、密码、姓名、性别、手机号、邮箱、身份证号属性,其实体属性图如图4.3所示;邮箱密码邮箱密码账号账号性别用户性别用户姓名姓名手机号手机号身份证号身份证号图4.3用户实体属性图实验室实体有名称、图片、规模、位置属性,其实体属性图如图4.4所示:名称规模名称规模实验室实验室图片位置图片位置图4.4实验室实体属性图实验室设备实体有名称、图片、型号、用途属性,其实体属性图如图4.5所示:型号图片型号图片实验室设备实验室设备用途名称用途名称图4.5实验室设备实体属性图易耗品实体有 名称、图片、数量、登记时间、备注属性,其实体属性图如图4.6所示:名称数量名称数量易耗品易耗品图片登记时间图片登记时间备注备注图4.6易耗品实体属性图实验室设备实验室设备NM预约统计预约统计M1统计管理员管理用户统计管理员管理用户M1M1N统计预约统计预约易耗品易耗品实验室实验室NM图4.7实体间关系图4.3数据库设计数据库设计过程中有四个阶段:第一个阶段是选择系统里面的数据存储结构,第二个阶段是确定数据库中系统的数据的存取手段,第三个阶段是要对系统来挑数据在数据库中的放置位置、第四个阶段就是想好数据放在数据库哪里。数据库的作用是数据库编制索引,用来用来查看数据。将访问类型作为分类依据,存储结构可以分成索引表和顺序表。上一节中的抽象数据实体和每个数据实体之间的关系模板,即基于E-R图,为每个实体设置相应的数据库和相应的表。系统的具体表设计如下:(1)用户表users里记载了注册过用户的相关信息。用户表users如表4.1所示。表4.1用户表users字段名称类型长度字段说明主键默认值idbigint主键主键usernamevarchar100用户名passwordvarchar100密码rolevarchar100角色管理员addtimetimestamp新增时间CURRENT_TIMESTAMP(2)用户表yonghu记录系统登录用户的信息的表。用户表yonghu如表4.2所示。表4.2用户表yonghu字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPyonghuzhanghaovarchar200用户账号mimavarchar200密码xingmingvarchar200姓名touxianglongtext4294967295头像xingbievarchar200性别续表4.2用户表shoujihaomavarchar200手机号码youxiangvarchar200邮箱shenfenzhenghaovarchar200身份证号touxianglongtext4294967295头像(3)关于我们systemintro的结构如表4.3所示。表4.3关于我们systemintro表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtitlevarchar200标题subtitlevarchar200副标题contentlongtext4294967295内容picture1longtext4294967295图片1picture2longtext4294967295图片2picture3longtext4294967295图片3(4)实验室类型shiyanshileixing是用来记录风景的信息。实验室类型shiyanshileixing的结构如表4.4所示。表4.4实验室类型表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPshiyanshileixingvarchar200实验室类型(5)实验室信息shiyanshixinxi是用来记录用户反馈商品好坏的评价信息。实验室信息shiyanshixinxi的结构如表4.5所示。表4.5实验室信息表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPshiyanshimingchengvarchar200实验室名称shiyanshitupianlongtext4294967295实验室图片shiyanshiguimovarchar200实验室规模shiyanshileixingvarchar200实验室类型kaifangshijianvarchar200开放时间shiyanshiweizhivarchar200实验室位置shebeixiangqinglongtext4294967295设备详情shiyanshixiangqinglongtext4294967295实验室详情(6)实验室预约shiyanshiyuyue是用来记录实验室预约的信息。实验室预约shiyanshiyuyue的结构如表4.6所示。表4.6实验室预约表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPshiyanshimingchengvarchar200实验室名称shiyanshiguimovarchar200实验室规模shiyanshileixingvarchar200实验室类型shiyanshiweizhivarchar200实验室位置续表4.6实验室预约表yuyueshijiandatetime预约时间beizhuvarchar200备注yonghuzhanghaovarchar200用户账号xingmingvarchar200姓名shoujihaomavarchar200手机号码sfshvarchar200是否审核否shhflongtext4294967295审核回复xingmingvarchar200姓名yonghuzhanghaovarchar200用户账号(7)实验室设备shiyanshishebei是用来记录实验室设备的信息。实验室设备shiyanshishebei的结构如表4.7所示。表4.7实验室设备表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPshebeimingchengvarchar200设备名称shebeitupianlongtext4294967295设备图片xinghaovarchar200型号yongtulongtext4294967295用途shuliangint数量shiyongshuominglongtext4294967295使用说明(8)设备预约shebeiyuyue是用来记录设备预约的信息。设备预约shebeiyuyue的结构如表4.8所示。表4.8设备预约表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPshebeimingchengvarchar200设备名称xinghaovarchar200型号yuyueshuliangint预约数量yuyueshijiandatetime预约时间beizhuvarchar200备注yonghuzhanghaovarchar200用户账号xingmingvarchar200姓名shoujihaomavarchar200手机号码sfshvarchar200是否审核否shhflongtext4294967295审核回复(9)易耗品yihaopin是用来记录易耗品的信息。易耗品yihaopin的结构如表4.9所示。表4.9易耗品表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPyihaopinmingchengvarchar200易耗品名称tupianlongtext4294967295图片shuliangint数量dengjishijiandatetime登记时间续表4.9易耗品表beizhuvarchar200备注(10)易耗品报废yihaopinbaofei是用来记录易耗品报废的信息。易耗品报废yihaopinbaofei的结构如表4.10所示。表4.10易耗品报废表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPchukubianhaovarchar200出库编号yihaopinmingchengvarchar200易耗品名称shuliangint数量chukushijiandatetime出库时间beizhuvarchar200备注(11)通知公告news记载了通知的内容。通知公告news如表4.11所示。表4.11通知公告表字段名称类型长度字段说明主键默认值idbigint主键主键addtimetimestamp创建时间CURRENT_TIMESTAMPtitlevarchar200标题introductionlongtext4294967295简介picturelongtext4294967295图片contentlongtext4294967295内容(12)配置文件表config记载了配置文件相关数据。表4.12展示了配置文件表confi。表4.12配置文件表字段名称类型长度字段说明主键默认值idbigint主键主键namevarchar100配置参数名称valuevarchar100配置参数值第5章系统实现5.1用户注册登录用户打开页面首先看到的是首页,图5.1就是该界面,用户没有注册过的话,就要点击个人中心再点注册选项然后出现图5.2,完成注册之后就开始登录,用户登录界面如图5.3所示:图5.1系统首页界面图5.2用户注册界面图实现该功能的关键代码如下:form.on('submit(register)',function(data){ data=data.field;if(!data.yonghuzhanghao){layer.msg('用户账号不能为空',{ time:2000, icon:5 });returnfalse}if(!data.mima){layer.msg('密码不能为空',{ time:2000, icon:5 });returnfalse}if(!isMobile(data.shoujihaoma)){layer.msg('手机号码应输入手机格式',{ time:2000, icon:5 });returnfalse}if(!isEmail(data.youxiang)){layer.msg('邮箱应输入邮箱格式',{ time:2000, icon:5 });returnfalse}if(!isIdentity(data.shenfenzhenghao)){layer.msg('身份证号应输入身份证格式',{ time:2000, icon:5 });returnfalse}if(data.mima!=data.mima2){layer.msg('两次密码输入不一致',{time:2000,icon:5});returnfalse} varurl=tablename+'/register';http.requestJson(url,'post',data,function(res){ layer.msg('注册成功',{ time:2000, icon:6 },function(){ window.location.href='../login/login.html'; }); }); returnfalse });图5.3用户登录界面图实现该功能的关键代码如下:defpythonke04a_yonghu_autoSort2():defpythonke04a_yonghu_login():ifrequest.method=='GET'orrequest.method=='POST':msg={"code":normal_code,"msg":"success","data":{}}req_dict=session.get("req_dict")req_model=session.get("req_dict")try:delreq_model['role']except:passdatas=yonghu.getbyparams(yonghu,yonghu,req_model)ifnotdatas:msg['code']=password_error_codemsg['msg']='密码错误或用户不存在'returnjsonify(msg)req_dict['id']=datas[0].get('id')returnAuth.authenticate(Auth,yonghu,req_dict)#登出接口@main_bp.route("/pythonke04a/yonghu/logout",methods=['POST'])5.2用户个人中心使用者点击登录进入了系统之后,再进后台管理里面,就能修改信息。个人信息界面如图5.4所示:图5.4用户个人中心管理界面图实现该功能的关键代码如下:form.on('submit(*)',function(data){
data=data.field;
if(!data.yonghuzhanghao){
layer.msg('用户账号不能为空',{
time:2000,
icon:5});
returnfalse}
if(!data.mima){
layer.msg('密码不能为空',{
time:2000,
icon:5});
returnfalse}
if(!isMobile(data.shoujihaoma)){
layer.msg('手机号码应输入手机格式',{
time:2000,
icon:5});
returnfalse}
if(!isEmail(data.youxiang)){
layer.msg('邮箱应输入邮箱格式',{
time:2000,
icon:5});
returnfalse}
if(!isIdentity(data.shenfenzhenghao)){
layer.msg('身份证号应输入身份证格式',{
time:2000,
icon:5});
returnfalse}
http.requestJson(table+'/update','post',data,function(res){
layer.msg('修改成功',{
time:2000,
icon:6
},function(){
window.location.reload();});});
returnfalse
});5.3用户管理管理员到后台系统,选择用户管理,系统就展示所有注册过的用户,管理员能够查看修改删除其信息,用户管理界面如图5.5所示:图5.5用户管理界面图5.4实验室类型管理以管理员身份登录到后台系统中,点击“实验室类型”按钮,能看到实验室类型界面,在搜索栏写某一类型,就能查到,还能够进行修改名称、增加删除某一实验室类型操作,实验室类型查询界面如图5.6所示,实验室类型增加界面如图5.7所示,实验室类型删除界面如图5.8所示,实验室类型修改界面如图5.9所示:图5.6实验室类型查询界面图图5.7实验室类型增加界面图图5.8实验室类型删除界面图图5.9实验室类型修改界面图5.5实验室信息管理用管理员身份登录到后台系统中,进入实验室信息管理界面,能查询指定的实验室,并将其信息进行查看和删除等操作 。实验室信息管理界面如图5.10所示,实验室信息增加界面如图5.11所示,实验室信息查询界面如图5.12所示,实验室信息修改界面如图5.13所示,实验室信息删除界面如图5.14所示:图5.10实验室信息管理界面图图5.11实验室信息增加界面实现该功能的关键代码如下:if(data&&data.code===0){ if(data.data.total>=crossoptnum){ this.$message.error(this.$storage.get('tips')); returnfalse; }else{ this.$http({ url:`shiyanshixinxi/${!this.ruleForm.id?"save":"update"}`, method:"post", data:this.ruleForm }).then(({data})=>{ if(data&&data.code===0){ this.$message({ message:"操作成功", type:"success", duration:1500, onClose:()=>{ this.parent.showFlag=true; this.parent.addOrUpdateFlag=false; this.parent.shiyanshixinxiCrossAddOrUpdateFlag=false; this.parent.search(); this.parent.contentStyleChange(); } }); }else{ this.$message.error(data.msg); } });}}图5.12实验室查询界面实现该功能的关键代码如下:if(category!=null&&category!='全部'){ vCategory=category; if(jquery('#shiyanshimingcheng').val()){ param['shiyanshimingcheng']='';} if(jquery('#shiyanshiguimo').val()){ param['shiyanshiguimo']='';}}if(vCategory!=''&&category!='全部'){ param['shiyanshileixing']=category;}if(jquery('#shiyanshimingcheng').val()){param['shiyanshimingcheng']=jquery('#shiyanshimingcheng').val()?'%'+jquery('#shiyanshimingcheng').val()+'%':'';}if(jquery('#shiyanshiguimo').val()){param['shiyanshiguimo']=jquery('#shiyanshiguimo').val()?jquery('#shiyanshiguimo').val():'';}图5.13实验室修改界面图5.14实验室信息删除界面实现该功能的关键代码如下:deleteHandler(id){varids=id?[Number(id)]:this.dataListSelections.map(item=>{returnNumber(item.id);});this.$confirm(`确定进行[${id?"删除":"批量删除"}]操作?`,"提示",{confirmButtonText:"确定",cancelButtonText:"取消",type:"warning"}).then(()=>{this.$http({url:"shiyanshixinxi/delete",method:"post",data:ids}).then(({data})=>{if(data&&data.code===0){this.$message({message:"操作成功",type:"success",duration:1500,onClose:()=>{this.search();}});}else{this.$message.error(data.msg);}});});},5.6实验室预约管理用个人账号在前台登录,就能去预约实验室,用户实验室预约界面如图5.15所示,用管理员账号登录后台系统,点击实验室预约按钮,就能够看到该板块的界面,进行审核实验室预约操作。实验室预约管理界面如图5.16所示,实验室预约审核界面如图5.17所示:图5.15用户实验室预约界面图图5.16实验室预约管理界面图图5.17实验室预约审核界面实现该功能的关键代码如下:if(data&&data.code===0){ if(data.data.total>=crossoptnum){ this.$message.error(this.$storage.get('tips')); returnfalse; }else{ this.$http({ url:`shiyanshiyuyue/${!this.ruleForm.id?"save":"update"}`, method:"post", data:this.ruleForm }).then(({data})=>{ if(data&&data.code===0){ this.$message({ message:"操作成功", type:"success", duration:1500, onClose:()=>{ this.parent.showFlag=true; this.parent.addOrUpdateFlag=false; this.parent.shiyanshiyuyueCrossAddOrUpdateFlag=false; this.parent.search(); this.parent.contentStyleChange(); } }); }else{ this.$message.error(data.msg);} });} }5.7实验室设备管理管理员进入后台系统,选择实验室设备管理,进入实验室设备列表界面,输入设备名称或型号,就能够查到指定的设备,管理员能增加实验室设备,去掉有的实验室设备。实验室设备查询界面如图5.18所示,实验室设备增加界面如图5.19所示,实验室设备修改详情界面如图5.20所示,实验室设备删除界面如图5.21所示:图5.18实验室设备查询界面图图5.19实验室设备增加界面图5.20实验室设备修改界面图图5.21实验室设备删除界面图5.8设备预约管理以用户身份登录前台,点击实验室设备并预约设备,用户设备预约界面如图5.22所示,以管理员身份登录到后台系统中,选择设备预约管理,进入界面就能看到设备的预约情况,能够对设备预约进行通过操作。设备预约管理界面如图5.23所示,设备预约审核界面如图5.24所示:图5.22用户设备预约管理界面图实现该功能的关键代码如下:form.on('submit(*)',function(data){
data=data.field;
if(!data.yuyueshuliang){
layer.msg('预约数量不能为空',{
time:2000,form.on('submit(*)',function(data){ data=data.field;if(!data.yuyueshuliang){layer.msg('预约数量不能为空',{ time:2000, icon:5 });returnfalse}if(!isIntNumer(data.yuyueshuliang)){layer.msg('预约数量应输入整数',{ time:2000, icon:5 });returnfalse}
icon:5});returnfalse}
if(!isIntNumer(data.yuyueshuliang)){
layer.msg('预约数量应输入整数',{
time:2000,
icon:5});returnfalse}varcrossuserid; varcrossrefid; varcrossoptnum; if(http.getParam('corss')){ varstatusColumnName=localStorage.getItem('statusColumnName'); varstatusColumnValue=localStorage.getItem('statusColumnValue'); if(statusColumnName!=''){ varobj=JSON.parse(localStorage.getItem('crossObj')); if(!statusColumnName.startsWith("[")){ for(varoinobj){ if(o==statusColumnName){ obj[o]=statusColumnValue; }} vartable=localStorage.getItem('crossTable'); http.requestJson(`${table}/update`,'post',obj,(res)=>{}); }else{crossuserid=Number(localStorage.getItem('userid')); crossrefid=obj['id']; crossoptnum=localStorage.getItem('statusColumnName');crossoptnum=crossoptnum.replace(/\[/,"").replace(/\]/,""); } } } if(crossrefid&&crossuserid){ data.crossuserid=crossuserid; data.crossrefid=crossrefid; http.request('shebeiyuyue/list','get',{ page:1, limit:10, crossuserid:crossuserid, crossrefid:crossrefid, },function(res){if(res.data.total>=crossoptnum){ layer.msg(localStorage.getItem('tips'),{ time:2000, icon:6 })returnfalse;}else{图5.23设备预约管理界面图图5.24设备预约审核界面5.9易耗品管理管理员进入这个界面,能够查询易耗品,对其进行一系列管理员操作,易耗品管理界面如图5.25所示,易耗品增加界面如图5.26所示,易耗品报废界面如图5.27所示,易耗品修改界面如图5.28所示:图5.25易耗品管理界面图图5.26易耗品增加界面图图5.27易耗品报废界面图图5.28易耗品修改界面5.10易耗品报废管理用管理员身份登录到后台系统中,点击易耗品报废,出现易耗品报废列表界面,输入易耗品名称,选择查询找到易耗品报废,也能进行修改、删除操作。易耗品报废管理界面如图5.29所示,易耗品报废修改界面如图5.30所示,易耗品报废统计报表界面如图5.31所示,易耗品报废详情界面如图5.32所示:图5.29易耗品报废管理界面图图5.30易耗品报废修改界面图5.31易耗品报废统计报表图图5.32易耗品报废详情界面图5.11系统管理以管理员身份登录到后台系统中,进入系统管理下的“通知公告”“轮播图”界面,可以设置通知公告或轮播图,还可以进行修改、删除等操作。通知公告管理界面如图5.33所示,通知公告新增界面图如图5.34所示,轮播图修改界面图如图5.35所示,通知公告修改界面图如图5.36所示:图5.33通知公告管理界面图图5.34通知公告新增界面图图5.35轮播图修改界面图图5.36通知公告修改界面图第6章系统测试为了保证系统的高效稳定,在对系统所有功能板块进行设计完成之后,在正式使用前都会对这个系统进行一系列的功能和性能测试,从而能对系统进行整改。黑盒测试的意思是对系统整体功能测试,在黑盒测试过程中,主要从使用者角度去想,将实际的操作情况和预计的情况进行对比,这样就能够发现问题解决问题。在测试的时候,主要用的是错位分析和边界值分析方式进行操作。因此边界分析法就是在确定输入输出值之后,选取边界值进行检测,来判断这个系统是否真的高效稳定。6.1测试步骤测试步骤有以下:(1)按照测试的性能情况进行抉择。(2)对前端界面进行一个测试,测试界面显示是否正常,有没有报错和用户体验感。(3)规范进行全面的测试并且及时发现错误立即纠正。6.2测试用例6.2.1登录测试用例用户端的测试如表6.1所示。表6.1登录测试用例表测试编号测试目的操作步骤预期结果实际结果001登录测试输入正确的用户名和密码登录成功登录成功002登录测试输入错误的用户名登录失败登录失败003登录测试输入错误的的密码登录失败登录失败6.2.2实验室信息管理测试用例管理端在运行时要满足浏览器的运行需求,比如添加实验室信息测试、修改实验室信息测试、删除实验室信息测试等。本节根据管理端各模块进行测试,因考虑到本文篇幅有限,这里代表性的部分测试用例,如表6.2所示。表6.2实验室管理测试用例表测试编号测试目的操作步骤预期结果实际结果001添加实验室信息测试在添加页面输入实验室信息,点击确认按钮添加成功添加成功002修改实验室信息测试在修改页面修改实验室信息,点击确认按钮修改成功修改成功003删除实验室信息测试在管理实验室信息页面,点击某一用户的删除按钮删除成功删除成功004查询实验室信息测试在管理实验室信息页面查询输入框输入要查询的用户名字,点击查询按钮查询成功查询成功6.2.3实验室类型管理测试用例管理端在运行时要满足浏览器的运行需求,比如添加实验室类型测试、修改实验室类型测试、删除实验室类型测试等,如表6.3所示。表6.3实验室类型管理测试用例表测试编号测试目的操作步骤预期结果实际结果001添加实验室类型测试在添加页面输入实验室类型名称,点击确认按钮添加成功添加成功续表6.3实验室类型管理测试用例表002修改实验室类型测试在修改页面修改实验室类型名称,点击确认按钮修改成功修改成功003删除实验室类型测试在管理实验室类型页面,点击某一实验室类型的删除按钮删除成功删除成功6.2.4实验室预约管理测试用例管理端在运行时要满足浏览器的运行需求,进行了通过实验室预约测试、查看实验室预约信息测试、删除实验室预约测试等,如表6.4所示。表6.4实验室预约管理测试用例表测试编号测试目的操作步骤预期结果实际结果001通过实验室预约测试在审核页面,选择审核状态,填写内容审核成功审核成功002查看实验室预约信息测试在预约页面点击详情按钮看到预约人、时间等一切预约信息看到预约人、时间等一切预约信息003删除实验室预约测试在管理实验室预约页面,点击某一预约的删除按钮删除成功删除成功004查询实验室预约情况测试在管理实验室预约页面查看审核状态查询成功查询成功6.2.5实验室设备管理测试用例管理端在运行时要满足浏览器的运行需求,比如添加实验室设备测试、修改实验室设备信息测试、删除实验室类型测试等,如表6.5所示。表6.5实验室设备管理测试用例表测试编号测试目的操作步骤预期结果实际结果续表6.5实验室设备管理测试用例表001添加实验室设备测试在实验室设备管理页面,点击新增按钮,填写信息添加成功添加成功002修改实验室设备信息测试在管理页面点击修改按钮修改成功修改成功003删除实验室设备测试在管理页面,点击某一设备的删除按钮删除成功删除成功004搜索实验室设备测试在管理页面填写搜索设备名称搜索成功搜索成功6.2.6设备预约管理测试用例管理端在运行时要满足浏览器的运行需求,比如审核设备预约测试、查看设备预约信息测试、删除设备预约测试、查询设备预约情况测试等,如表6.6所示。表6.6设备预约管理测试用例表测试编号测试目的操作步骤预期结果实际结果001审核设备预
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2025年国际金融理财师考试中的领导力培养与发展试题及答案
- 电机在机器学习算法的应用考核试卷
- 纸张涂装材料考核试卷
- 珠宝首饰行业财务分析与成本控制技巧考核试卷
- 2025年【硝化工艺】模拟考试题及答案
- 崇州本地道路施工方案
- 福建事业单位考试自然资源保护知识题及答案
- 注射模具安装方案范本
- 2024年项目管理知识更新的相关考题试题及答案
- 等离子切割机租赁考核试卷
- 语文考试教学反思600字(范文)
- (新版)重症专科护士考试题库(含答案)
- (完整)人力资源六大模块ppt
- 老旧小区房屋改造工程监理大纲
- 小学四年级下学期英语阅读理解
- 房地产广告围挡施工投标文件范本
- 食品添加剂、食品污染物的本底与转化来源
- DB43∕T 498-2009 博落回叶-行业标准
- 大庆油田第五采油厂杏四聚联合站工程转油放水站二期工程施工组织设计
- 心力衰竭病人的护理查房pptppt(ppt)课件
- 大年初一没下雪 短文小说
评论
0/150
提交评论