加入CODE CHINA

· 不限速    · 不限空间    · 不限人数    · 私仓免费

免费加入
    README.md

    devicemanage简介

    项目名称

    实验室设备管理系统

    开发目的

    方便高效地实验室设备统一管理,除了实现基本的增删改查,还提供借用、归还、购买和问题反馈功能,可实现对实验室设备的基本业务的处理

    本项目由本人负责开发完成,项目能保证正常运行,当然其中不免也会会有缺漏或不完善的地方

    解决方案

    1.后端Java框架使用spring+springmvc+mybatis

    spring功能是实现参数参数注入,请求分发处理,对数据库操作进行事务控制,其中mybatis使用注解查询,整体上大部分使用xml配置,少部分使用注解

    2.前端使用HTML+javascript+css+jquery

    绝大部分请求使用ajax发送,页面动态响应内容由javascript动态生成,css样式大部分手工编写

    3.数据库使用mysql-8.0

    项目设计数据库是关键,这个项目里面添加了一些初始数据作为测试

    项目特色

    1.批量数据分页查询的呈现和控制

    批量数据的分页查询颇费功夫,自己写了一个能实现分页查询的javascript直接对象,并设计了页面呈现的样式,这里有我本人的的帖子:Javascript实现实现分页查询

    2.页面布局和样式设计

    为了页面功能菜单项的不用点击就能出现,使用了鼠标移动监听;为了实现页面各个功能点击可切换,设计之初特地把每一个子功能拆开设计好再组合起来;为了不使用默认的弹窗提示,单独设计了一个动态定时自动消失的弹框提示

    3.项目开发管理的转变

    最初项目采用eclipse-jee开发,克服了eclipse开发工具很多的问题基本能够熟练但同时发现eclipse诸多的缺点,使用后来采用IDEA;最初使用传统的导jar包方式,后来整个项目在IDEA上使用maven管理来管理

    4.前后端分离的项目设计

    原本的项目采用jsp技术进行混合式开发,但往往难以维护,最终还是抛弃了jsp,对静态页面使用html

    5.安全控制的设计

    具有一定安全性,项目的静态页面的直接访问进行过滤器设计,未登录情况下无法直接访问;对发送的请求进行拦截器设计,请求以不同的后缀名区分哪些资源能够匿名访问,哪些必须通过会话中的登录验证才能访问

    使用说明

    1. 把项目导入idea2019,然后使用devicemanage.sql创建与该项目同名的数据库
    2. 修改xml中关于数据库mysql连接的信息,先测试连数据库能够正常
    3. 最简单的启动方式,可以选择使用命令mvm tomcat7:run启动tomcat便可访问,无需单独配置tomcat,因为使用的是pom.xml插件指定的的tomcat
    4. 如果不使用上面mvn命令配置tomcat,那么这里可参考版本tomcat9.0.22,并tomcat配置页面配置访问路径:
    #该路径如果要定义为其他,需要修改login.html中指定的全局的BASE_URL与后端一致,并且需要检查后端图片请求的路径
    http://localhost:8080/devicemanage
    1. 使用默认测试账号登录
    管理员账号
    G0001
    123456
    
    用户账号
    3182701101
    123456
    1. 项目这次已经更新了大部分bug以方便初学者学习,由于该项目比较基础简单,后面除非有必要才会再更新了

    实现效果

    1.登录首页

    image-20200913215359775

    2.功能首页

    image-20200913215501374

    3.分页效果

    image-20200913215706727

    4.操作选项

    image-20200913215859445

    5.图片上传

    image-20200913220241280

    6.图片查看

    image-20200913220132748

    7.管理员页面

    image-20200913220744138

    8.管理员权限

    image-20200913220857841

    9.意见反馈

    image-20200913221043213

    项目简介

    🚀 Github 镜像仓库 🚀

    源项目地址

    https://github.com/wonzeng/goldensky

    发行版本

    当前项目没有发行版本

    贡献者 1

    littleshimmer @qq_43521551

    开发语言

    • HTML 44.7 %
    • Java 33.2 %
    • JavaScript 13.8 %
    • CSS 8.4 %