前言

啦啦啦啦又有一个项目成功运行咯!!
此项目是实验室的导师从校外引进的一个试剂管理系统,为帮助管理人员有效地管理试剂的库存、采购、领用、使用等各个环节,从而提高实验室的工作效率、减少成本、降低风险。
很荣幸能够潘业鑫(全栈大佬)一起合作完成项目的开发😀
🥳噔噔噔噔本项目已经挂到服务器上了欢迎大家访问

需求分析

本系统模拟试剂管理平台的部分管理功能,主要用于试剂管理。管理员可以添加试剂信息,然后在实现试剂柜、试剂外借基本信息的管理,实现基本信息维护功能。管理员完成试剂与试剂分配功能;能够记录试剂生产日期、外借信息、供应商来源。

总体设计

体系结构设计

本系统采用 MVC 架构,M是指业务模型,V是指用户界面,C则是控制器,使用MVC的目的是将M和V的实现代码分离,从而实现前后端分离开发,使同一个程序可以使用不同的表现形式。MVC架构将应用程序中的应用逻辑、用户界面、控制逻辑等分别放在独立的构件中,从而使得任何一种构件的改变都不会对其他构件造成很大影响。

体系结构图

功能设计

功能设计图

界面设计

界面名称 界面标识 功能描述
用户登录 reagent.redhat.team/#/login 管理员登录界面
个人信息 reagent.redhat.team/#/layout/person 账号基本信息展示
快捷入口 reagent.redhat.team/#/layout/dashboard 方便直接跳转主要动能
CAS查询 reagent.redhat.team/#/layout/casSearch 通过药剂的CAS号进行药剂查询
用户查询 reagent.redhat.team/#/layout/userManager 对数据库中存在的用户进行信息查询
我的领用 reagent.redhat.team/#/layout/myReceive 实现对试剂领用信息的基本查询
试剂查询 reagent.redhat.team/#/layout/reagentInfo 通过试剂的名称、CAS号、供应商等信息查询试剂
试剂新增 reagent.redhat.team/#/layout/reagentInfo 单个试剂导入
批量导入 reagent.redhat.team/#/layout/reagentInfo 通过文件形式批量进行试剂导入
下载模板 reagent.redhat.team/#/layout/reagentInfo 下载需要试剂的药剂模型
批量删除 reagent.redhat.team/#/layout/reagentInfo 通过勾选多个试剂进行批量删除
导出数据 reagent.redhat.team/#/layout/reagentInfo 导出数据库中的试剂信息
关于平台 reagent.redhat.team/#/layout /about 平台版本信息和内容的介绍

功能界面

后台主页界面

后台主页界面

后台主页界面功能及操作:
界面主要分为功能选择区、页面辅助区、数据展示区、快捷功能展示区,以及领用数据展示区。

  • 功能选择区:功能主要包括仪表盘(首页),CAS号查询,用户管理,我的领用,试剂管理,关于平台六大功能。此六大功能是试剂管理平台的主要功能。
  • 页面辅助区:主要包括当前页面的名称展示,页面刷新功能,以及搜索功能,搜索内容主要为平台的六大功能,同时还可以显示用户的个人信息以及登出操作。
  • 数据展示区:主要展示总用户数和总试剂数,同时显示系统所设定好的文字。
  • 快捷功能展示区:主要包括CAS查询,试剂管理,关于平台三个功能,通过点击按钮可以直接跳转到功能的主页面。
  • 领用数据展示区:主要根据时间筛选和输入试剂名称得到领用统计的数据。

试剂管理界面

试剂管理界面

试剂管理界面功能及操作:
界面主要分为功能选择区、页面辅助区、数据筛选区、数据展示区。

  • 功能选择区:功能主要包括仪表盘(首页),CAS号查询,用户管理,我的领用,试剂管理,关于平台六大功能。此六大功能是试剂管理平台的主要功能。
  • 页面辅助区:主要包括当前页面的名称展示,页面刷新功能,以及搜索功能,搜索内容主要为平台的六大功能,同时还可以显示用户的个人信息以及登出操作。
  • 数据筛选区:主要展示了通过试剂名称,CAS号,供应商,采购日期,存放位置,以及到货日期进行条件筛选,从而得到对应试剂的详细信息。
  • 数据展示区:主要包括所查询试剂的名称,CAS,供应商,总量/余量,价格,存放位置,备注,采购日期,到货日期,以及可以对试剂进行的编辑,领用,删除操作。