小吴--毕业设计--锂电池生产环境温湿度信息管理系统
提示:本系统为本科毕业设计系统展示:项目为锂电池生产环境温湿度监控信息管理
文章目录
- 一、登录注册模块
- 二、系统首页模块
- 三、用户管理模块
- 四、权限分配模块
- 五、菜单管理模块
- 六、文件管理模块
- 七、公告管理模块
- 八、温湿度信息管理模块
- 九、温湿度图表模块
- 十、员工车间地点选择模块
- 十一、设备管理模块
- 十二、设备报修模块
- 十三、个人信息模块
- 总结
一、登录注册模块
登录注册相对比较简单
提示:以下是本篇文章主要UI设计,仅供参考
二、系统首页模块
在用户登录成功后跳转至主页,页面中左侧栏包含锂电池温湿度监控系统的名称和各个功能模块,顶部设置了用户的头像,个人信息,密码修改等,这两部分分为aside和header,会一直展现在页面中,其余所有模块的展示页面的子路由都在manage中的Container容器中的router-view展示,包括首页。
三、用户管理模块
该模块主要将系统用户的所有信息展现到前端,顶部设置多条件查询,在usermapper.xml文件中写入SQL语句查询方法,实现对用户的查询方法,可以通过输入用户名,真实姓名,邮箱,电话,地址等关键字信息进行模糊查询。
四、权限分配模块
该模块负责将系统前端的菜单根据角色id进行绑定,通过roleService.setRoleMenu(roleId,menuIds)方法进行绑定,其中menuIds以数组的形式存储,默认设置管理员能够访问所有页面的系统权限。
五、菜单管理模块
该模块将锂电池生产环境温湿度监控系统的所有菜单属性展示到前端,图标使用的是sys_dict中的图表样式,并对每个菜单进行功能描述。
六、文件管理模块
该模块供管理员用户对系统文件的统一管理。在减小文件容量的情况下,使用md5加密,在数据库中存储相对应的md5加密值,若加密值相同则进行先删除后添加的方法对同一文件进行处理保证文件夹只存放该类型文件一种。除了保证最基础的增删改查文件功能外,引用了kkfile开源组件提供文件在线预览功能,不需要下载到本地即可预览文件,方便快捷,目前该组件支持对图片,影视文件的在线预览,若需要对文档,音频文件等预览时需要在本地安装相关依赖文件。
七、公告管理模块
在首页模块提到过,首页模块通过在el-collapse获取notice中的信息并展示出来,而公告管理的富文本功能引用了wangeditor组件,能够对公告内容进行简单编辑。
八、温湿度信息管理模块
该模块主要面向监测员使用,在监测员选择自己的工作的锂电池生产地点之后对该锂电池生产环境的温度和湿度进行数据填报,并添加导出功能,先用thmesService.list()从数据库查询数据并以列表存储,通过工具创建writer写出到磁盘,再而进行内存操作写出到浏览器,并将所要写出的信息通过writer.addHeaderAlias()自定义标签别名比如温湿度记录员,温度,湿度,再而一次性将list内的对象写出到excel中,使用默认样式强制输出标题,设置浏览器的响应格式为UTF-8,将所填报的温湿度信息生成xlsx表供项目经理和监测员直观了解近期锂电池生产车间温湿度状况。
九、温湿度图表模块
该模块将监测员记录的温湿度信息通过折线图展示出来,引入Echarts插件,在EchartsController中使用getmapping注解,以列表的形式存储Data值并在前端进行数据填空从而绘制出了2个生产车间的近一周的温度变化。
十、员工车间地点选择模块
该模块负责项目经理发布锂电池生产车间地点供监测员选择,删除功能通过v-if判断用户权限是否为管理员用户,否则无法使用删除功能。加有启用项告知监测员该生产车间是否正常使用,当车间较多时,监测员可通过搜素查询锂电池生产车间号来进行选择。
十一、设备管理模块
该模块负责记录锂电池生产车间所有的工作设备,主要供项目经理进行查看,该页面记录生产设备或者监控设备所在的锂电池生产车间以及负责人,设备状态是否正常。同时也是增加了搜素功能方便用户快速查询出特定设备的状态,分页查询在findPage方法中通过注解Requestparam进行特定参数赋值,比如名称,并使用orderByDesc()方法通过id进行倒序。
十二、设备报修模块
该模块用来完善设备信息欠缺的功能,当设备出现故障以后,监测员负责将报修设备的图片,名称等信息通过创建报修单供管理员和项目经理审核,同样在后台默认设置申请人的name为当前登录角色的用户名,报修时间为创建报修单时间。并且进行数据隔离处理,通过TokenUtils.getCurrentUser()方法获取当前用户信息并判断当前用户权限。当不同监测员登录时查看不到别的监测员的报修单信息而项目经理和管理员能够查看所有的报修单信息,在后台的分页查询功能中做了一下筛选,通过角色权限的标识来进行查询。当监测员提交报修单之后,交给项目经理或管理员审核,审核也通过之后则其他监测员登录时也能查看通过审核的报修单信息以此进行参考。
十三、个人信息模块
个人信息模块负责的功能比较简单即修改用户的个人资料。在前端设置了disabled autocomplete=”off”来使用户名无法修改,保证用户名的唯一性,其余的信息均可自行修改没有权限要求。
除了基础的个人信息,同时也增加了用户修改密码以及头像修改的功能。
总结
以上为本系统主要前端设计,系统还是比较简单的信息管理系统,功能一般。给新人一些参考。
小吴--毕业设计--锂电池生产环境温湿度信息管理系统相关推荐
- java毕业设计普通中学体育卫生信息管理系统源码+lw文档+mybatis+系统+mysql数据库+调试
java毕业设计普通中学体育卫生信息管理系统源码+lw文档+mybatis+系统+mysql数据库+调试 java毕业设计普通中学体育卫生信息管理系统源码+lw文档+mybatis+系统+mysql数 ...
- java计算机毕业设计机械生产企业办公设备管理系统MyBatis+系统+LW文档+源码+调试部署
java计算机毕业设计机械生产企业办公设备管理系统MyBatis+系统+LW文档+源码+调试部署 java计算机毕业设计机械生产企业办公设备管理系统MyBatis+系统+LW文档+源码+调试部署 本源 ...
- 计算机毕业设计Python+djang公务员考试信息管理系统(源码+系统+mysql数据库+Lw文档)
项目介绍 随着社会的发展,近些年来的毕业生大多数会选择考研,考公员和考试教师资格证以增加自己在未来社会中的竞争能力.为了让这些有志之士能够有一个更好的学习和交流平台,我们通过计Python+djang ...
- 计算机毕业设计Java进出口食品安全信息管理系统(源码+系统+mysql数据库+lw文档)
计算机毕业设计Java进出口食品安全信息管理系统(源码+系统+mysql数据库+lw文档) 计算机毕业设计Java进出口食品安全信息管理系统(源码+系统+mysql数据库+lw文档) 本源码技术栈: ...
- java计算机毕业设计普通中学体育卫生信息管理系统源码+系统+数据库+lw文档+mybatis+运行部署
java计算机毕业设计普通中学体育卫生信息管理系统源码+系统+数据库+lw文档+mybatis+运行部署 java计算机毕业设计普通中学体育卫生信息管理系统源码+系统+数据库+lw文档+mybatis ...
- JAVA毕业设计机械生产企业办公设备管理系统计算机源码+lw文档+系统+调试部署+数据库
JAVA毕业设计机械生产企业办公设备管理系统计算机源码+lw文档+系统+调试部署+数据库 JAVA毕业设计机械生产企业办公设备管理系统计算机源码+lw文档+系统+调试部署+数据库 本源码技术栈: 项目 ...
- 计算机毕业设计Java眼科医疗室信息管理系统(源码+系统+mysql数据库+lw文档
计算机毕业设计Java眼科医疗室信息管理系统(源码+系统+mysql数据库+lw文档 计算机毕业设计Java眼科医疗室信息管理系统(源码+系统+mysql数据库+lw文档) 本源码技术栈: 项目架构: ...
- java计算机毕业设计ssm基于SSM学生信息管理系统37myx(附源码、数据库)
java计算机毕业设计ssm基于SSM学生信息管理系统37myx(附源码.数据库) 项目运行 环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX(Webstorm ...
- 计算机毕业设计Java教育培训机构信息管理系统(源码+系统+mysql数据库+lW文档)
计算机毕业设计Java教育培训机构信息管理系统(源码+系统+mysql数据库+lW文档) 计算机毕业设计Java教育培训机构信息管理系统(源码+系统+mysql数据库+lW文档) 本源码技术栈: 项目 ...
最新文章
- 利用python进行数据分析学习笔记 第7章(3)
- python游戏程序编码_python实现的生成随机迷宫算法核心代码分享(含游戏完整代码)...
- New StoryBoard in iOS9
- 易华录发布蓝光存储新品
- 【BZOJ3669】【codevs3314】魔法森林,写作LCT,读作SPFA
- K8S 部署rabbitmq集群
- 【Android】spannableStringBuilder
- vs添加系统环境变量不识别_项目经验不重样!3个基于SpringBoot 的图片识别处理系统送给你...
- TMOD 计时器 计数器
- android基础教程:多个页面时如何设置首页
- python手撕链表_图解_leetcode707_设计链表
- 基于libexif写入/读取自定义Exif 信息(曝光模式,感光度,GPS等信息)
- 解决:金山词霸界面太小
- Android 图片资源大瘦身
- 浅谈css样式及选择器
- C语言打印平行四边形
- 关于递归删除链表结点时为什么不会出现断链问题
- 安卓APP证书Android签名证书.keystore文件制作生成
- ARM汇编语言编程-Keil环境搭建及STM32程序的编写
- 计算机键盘掉色,为什么计算机键盘指示灯熄灭?