这个是目前就读于本学院2018级学生的作品,主要用于提供给本学院的老师、学生和在本学院培训的外来人员进行提交电脑的使用情况(维护和保养等),方便机房管理人员进行解决电脑使用的故障和不便之处。

  1. 牧码机房管理系统,本人在7楼担任机房管理员(维护电脑)后发现电脑(坏机)保修难,管理员维修起来麻烦。本人通过第二学期学习了一些php的入门,就有了想做一个机房管理系统,让老师学生报修电脑简单,管理员维护简单,有一个更好的学习环境!
  2. 采用技术,css+jq+php

首先简单再描述一下这个系统,这个系统最简单易懂的是,我们导入管理学生账号,密码都是123456(默认,可修改),那有了这个账号,我们学生就可以自己登录。(以下就是登录页面图):

用户界面

登录页面.PNG

账号数据库.PNGmysql + php

登录成功后(以下是学生提交问题页)

用户提交页.jpg

机房数量.PNG生成机房数量 mysql + php

左边选择哪间机房(默认是第一间),比如先我选择了3-304那就出现对应的电脑数量(中间),正常是灰色,选中时蓝色,正在维修红色。右边便是提交的维修情况,可以留言,默认提交选中的位置数字。那我们操作一遍,选择2行2列电脑,选择显卡坏,留言”显示器无法正常显示”,提交(下图)

捕获.PNG

  提交后选中的那个电脑变为红色,暂时不能再报修(下图)

捕获.PNG
故障问题提交后,将会把数据上传(php+mysq)

故障问题提交后(以下图是mysql

捕获.PNG

那之前都是学生用户操作的界面,那学生提交电脑故障信息后,[mysql](http://localhost/phpmyadmin/db_structure.php?server=1&db=mysql&token=d3108c8c495ec8f87db30dcefd767577)存在电脑故障信息便反馈给后台,管理员登录查看(以下是管理员账号操作)

管理员界面

 admin 登录<br />![管理员.PNG](https://cdn.nlark.com/yuque/0/2020/png/302527/1580619661523-cb54d066-55c5-47b0-9f7b-45981001f38e.png#align=left&display=inline&height=788&name=%E7%AE%A1%E7%90%86%E5%91%98.PNG&originHeight=788&originWidth=1442&size=245833&status=done&style=none&width=1442)

登录成功(下图)默认显示 报修查询块

捕获.PNG
那刚刚我提交一条故障信息,倒序下要点到最后一页(可以时间排序最新的在最前),也可以搜索
(下图)

捕获.PNG
也可以方便管理员导出Excel表然后打印,这里就不演示了

接下来就是添加机房,为什么要添加机房,要知道全校有几百间机房,几千台电脑,这些数据不能一个人来添加(下图是添加机房信息)

填写 机房名 :8-307 ,行数 :8 , 每行数量:9 ,总数量,72。点提交
捕获.PNG

之后的mysql…(下图)

捕获.PNG

之后的学生提交界面..(下图) 总数是 8行9列 72个

捕获.PNG

再接下来是查看与修改删除机房(下图)

捕获.PNG

改变机房的信息,这里不演示了…..

数据模块后续(一个月的报修率及维修率,统计百分百等….)

技术难点

机房生成:多少行多少列 通过css 弹性盒子 超出换行等….首先通过 jq的Aajx 获取机房的数量,再封装获取
排序屏幕大小(下图)
捕获.PNG

捕获.PNG

之后再通过css 弹性盒子就可以设置行列数量多少自动排列

     ![捕获.PNG](https://cdn.nlark.com/yuque/0/2020/png/302527/1580625323448-b13a5429-a2a6-4521-a083-8dd4f752f10c.png#align=left&display=inline&height=46&name=%E6%8D%95%E8%8E%B7.PNG&originHeight=46&originWidth=637&size=5652&status=done&style=none&width=637)

根据屏幕缩小获取不动的边距

捕获.PNG
捕获.PNG

总结

第一次写一个小项目 发现了自己的很多不足

1,为了方便乱用变量名
2,封装的重要性,写了太多重复代码
3,所有脚本都写在了两个js表里,维护起来太麻烦,添加新功能几乎要炸掉。
4,太马虎,能用就行,不考虑后续,语法不够简洁,js库名php库名分不清。
5,分辨率没做好,换台电脑有些地方就不一样。
6,注释太乱。

也学到很多

1,比如使用jq框架,知道框架怎么引入使用。
2,分清了前后端分离的重要性,不可临摹两可

不足慢慢改正,接下来会学习新的知识

系统链接没放外网暂时没有