基于JavaEE的实验室管理系统技术点

本文介绍了基于JavaEE的实验室管理系统在解决浏览器兼容性问题和优化Web性能方面的实践。针对前端兼容性,采取了CSS通配符初始化、针对不同浏览器的特定修复策略。对于Web性能优化,通过减少HTTP请求、合并资源、压缩图片、优化HTML和CSS以及合理布局脚本以提升用户体验。
摘要由CSDN通过智能技术生成

该项目为西南科技大学大学生创新基金项目,项目编号jz17-047。

(一)浏览器兼容性问题

对于前端网页的开发,解决浏览器兼容是至关重要的问题。

我们所采取的解决方案如下:

1、每一个CSS文件都先增加通配符 * { margin: 0; padding: 0; }

2、针对不同的不兼容问题,可以采取相对应的解决办法。

比如:当在a标签中嵌套img标签时,在某些浏览器中img会有蓝色边框;我们可以给img添加border:0;

当表单元素行高不一致,给表单元素添加float:left(左浮动);或者是vertical-align:middle;(垂直对齐方式:居中)。

(二)web性能的优化

页面中涉及很多的图片,大量图片的使用让页面加载的速度变慢,非常影响用户体验。 
我们所采取的解决方案如下:

1、通过使页面尽量简洁,减少资源的使用来减少HTTP请求数。

2、首页中图片轮播部分资源较多,将外部的多个脚本和样式合并为一个,并尽可能压缩图片。

3、除此以外,高效的使用HTML标签和CSS样式,同时将样式表置顶,脚本置底并去除重复的脚本,也可以使性能优化。

4、减少使用DOM元素。

项目部分页面展示

                                     

基于java实验室网上预约系统设计与实现 技术:后端:java,前端:html+js+css 框架:springBoot SSM 运行工具:idea 数据库:mysql 源码:详见文章最后 1、    登录页面: 2、首页 3、用户管理  4、添加用户  5、角色管理  6、添加角色  7、编辑角色 8、预约管理  9、新增预约  10、数据统计 数据库脚本如下: CREATE TABLE `sys_user_t` ( `id` INT(11) NOT NULL AUTO_INCREMENT, `role_id` VARCHAR(500) NULL DEFAULT NULL COMMENT '角色ID', `user_id` VARCHAR(50) NOT NULL COMMENT '用户ID', `user_name` VARCHAR(100) NOT NULL COMMENT '用户名', `status` VARCHAR(50) NOT NULL COMMENT '是否有效0:false\\\\\\\\1:true', `create_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `create_by` VARCHAR(100) NULL DEFAULT NULL, `last_update_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `last_update_by` VARCHAR(100) NULL DEFAULT NULL, `password` VARCHAR(128) NOT NULL, `tenantcode` VARCHAR(50) NOT NULL, `diskId` VARCHAR(500) NULL DEFAULT NULL, `remarks` VARCHAR(500) NULL DEFAULT NULL, PRIMARY KEY (`id`) ) COMMENT='系统用户表' COLLATE='utf8_general_ci' ENGINE=InnoDB AUTO_INCREMENT=52 ; CREATE TABLE `sys_role_t` ( `role_id` INT(11) NOT NULL COMMENT '角色ID', `role_name` VARCHAR(200) NOT NULL COMMENT '权限名称', `status` INT(11) NOT NULL COMMENT '是否有效0:true\\\\1:false', `create_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `create_by` VARCHAR(100) NULL DEFAULT NULL, `last_update_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `last_update_by` VARCHAR(100) NULL DEFAULT NULL ) COMMENT='系统角色表' COLLATE='utf8_general_ci' ENGINE=InnoDB ; CREATE TABLE `sys_menu_t` ( `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '序列', `parent_id` VARCHAR(50) NOT NULL COMMENT '父节ID', `menu_id` VARCHAR(50) NOT NULL COMMENT '菜单ID', `menu_name` VARCHAR(200) NOT NULL COMMENT '菜单名称', `menu_url` VARCHAR(200) NULL DEFAULT NULL COMMENT '菜单URL', `status` INT(11) NOT NULL COMMENT '有效(0有效,1失效)', `create_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `create_by` VARCHAR(200) NULL DEFAULT NULL, `last_update_date` TIMESTAMP NULL DEFAULT CURRENT_TIMESTAMP, `last_update_by` VARCHAR(200) NULL DEFAULT NULL, PRIMARY KEY (`id`) ) COMMENT='菜单表' COLLATE='utf8_general_ci' ENGINE=InnoDB AUTO_INCREMENT=33 ; CREATE TABLE `client_manager_t` ( `id` INT(11) NOT NULL AUTO_INCREMENT COMMENT '序列', `clientId` VARCHAR(50) NULL DEFAULT NULL COMMENT '客户编号', `clientName` VARCHAR(50) NULL DEFAULT NULL COMMENT '客户姓名', `address` VARCHAR(200) NULL DEFAULT NULL COMMENT '客户住址', `source` VARCHAR(200) NULL DEFAULT NULL COMMENT '客户所属公司', `sourceDate` VARCHAR(200) NULL DEFAULT NULL COMMENT '客户发展时间', `status` VARCHAR(200) NULL DEFAULT NULL COMMENT '客户级别', `clientNum` VARCHAR(200) NULL DEFAULT NULL COMMENT '拜访客户次数', `isTrue` VARCHAR(200) NULL DEFAULT NULL COMMENT '客户是否有效', PRIMARY KEY (`id`) ) COMMENT='客户人员信息表' COLLATE='utf8_general_ci' ENGINE=InnoDB AUTO_INCREMENT=47 ;
老师: 1、查看所有学生 击查看工作汇报可以看到学生历次的工作汇报(只有老师可见),击答复可以进行回复 击查看工作代码可以看到历史上传的工作代码(可以设置所有人可见或者只有自己可见) 击查看会议汇报可以看到该同学的历次公开汇报记录 2、查看工作汇报 可以按时间排序查看学生的工作汇报,击答复可以进行回复 3、创建会议 可以创建会议,设置开始时间和截止时间,(可选择指定的同学,通知该同学进行汇报)。会议内可以看到同学的公开汇报,击进入讨论可以在会议下边进行讨论,可以看到哪个同学回复了哪个同学,按时间排序 4、我的消息 可以看到学生的汇报,回复,我创建的会议的讨论情况 5、历史会议 可以看到按照时间排序的会议,包括会议名称,会议备注,汇报人员。击会议可以看到汇报和讨论记录 6、处理其他请求 包括请假请求的回复等。 学生 1、查看所有同学 击查看会议汇报可以看到该同学的历次公开汇报记录 击查看公开代码可以看到该同学上传的公开代码 2、查看正在进行中的会议 如果当前时间内有截止时间之前的会议,则可以击进入讨论 3、历史会议 可以看到按照时间排序的会议,包括会议名称,会议备注,汇报人员。击会议可以看到汇报和讨论记录 4、创建我的项目 可以创建一个新的项目,填写项目名称和项目描述,设置项目是否所有人可见。我上传的代码可以属于这个项目中。 5、查看我的项目 可以查看我创建的项目,击可以看到项目的名称,描述,代码,代码上传日期,及是否公开。 6、汇报工作 可以向老师汇报本周工作情况,并上传相关PPT等 7、查看消息 可以查看其它同学对我的回复,对我的代码的评价等
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值