**项目介绍:**维护和重构经济管理学院实验室系统,主要解决浏览器兼容性问题与系统bug,添加了一些新功能增强用户体验。
- 添加登录页面回车提交功能与重置密码的功能。更改一些教师页面逻辑上的错误,增加教师页面重置学生密码功能;
- 解决了在ie8下部分页面不能显示的兼容性问题,及chrome浏览器下页面布局bug等;
- 学习了基于JQuery EasyUI组件化开发与组件间数据传递,初次了解到组件化开发的**;
- 感受到许多bug都是由平时不规范的代码习惯引起的,体会到自己代码给全学院带来方便的自豪感。
这是一个学院的实验室网站,查看效果请访问内网外入的网址。
登录表单部分(login.jsp)
- 添加回车提交表单功能 ==> 解决了以前全学院反应不能回车登陆的不便
- 添加重置密码功能 在登录弹出层底部添加一个忘记密码的按钮,当点击此按钮时,获取账号发送到后台验证该账号是否设置过密保问题。若有则反馈密保问题回来,并缓存到一个变量中,然后调用重置密码组件
首页学生端重置密码(forgetPassword.jsp)
组件都是写成“jsp”的格式,加载重置密码组件后,把刚才缓存的问题填写到相应位置,通过ajax把问题和答案发送到后台验证,若正确则可以重置密码
注册页面在chrome浏览器下布局错乱(register.jsp)
chrome浏览器的默认字体为宋体,其他浏览器的默认字体为微软雅黑,所以在chrome浏览器下注册页面的字体偏大,并且会换行显示 解决方案: 给表单加上两个css样式,
font-family: "微软雅黑";
white-space: nowrap;
其他浏览器会ie8+的浏览器都没能正常显示这些数据,唯独在ie8及以下不能显示。这个问题困扰了我很久,我试了很多种办法还是没有完美解决。最终多次检查了以前的编写人员的代码后发现是这个问题,字面量最后一个属性多加了一个逗号,导致的这个问题。 这个深刻的教训让我体会到了平时编写代码的时候注意意这些小细节是多么的重要,就像这次一样,给我们后面的维护人员造成了很大的麻烦