# 基于SpringBoot+Vue开发的实验室管理系统

**Repository Path**: Rourf-Qiu/laboratory

## Basic Information

- **Project Name**: 基于SpringBoot+Vue开发的实验室管理系统
- **Description**: 基于SpringBoot+Vue开发的实验室管理系统，采用前后端分离模式
- **Primary Language**: Java
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 12
- **Created**: 2024-09-01
- **Last Updated**: 2024-09-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 实验室管理系统

```
🕙 分享是一种美德，右上随手点个 🌟 Star，谢谢
```

## 项目介绍

```
  实验室管理系统是为了管理和协调实验室资源、设备、人员和实验室活动而设计的软件系统。
  该系统旨在提高实验室的效率、安全性和管理水平，同时简化日常操作并提供实验室数据的
  准确记录和分析。本项目主要包含用户管理，登录日志，操作日志，实验室管理、分室管理、
  预约管理，课程管理，设备管理，设备报修管理，人员管理，课程项目管理，实验室开发管理
  模块等。
```

## 软件架构

```
该项目是基于SpringBoot开发的实验室管理系统，采用前后端分离架构模式。
```

## 项目环境

```bash
MySQL >= 5.7 (推荐8.0)
JDK >= 1.8 (推荐1.8)
Maven >= 3.6.3 (推荐3.6.0)
Node >= 8.9 (推荐16.20.0)
```

## 内置功能

```
本系统分为三个角色管理员，教师，学生分别配有不同权限。
```

## 安装部署

- 克隆项目

```bash
git clone https://gitee.com/wokanxingqing/laboratory.git
```

- 导入数据库

```sql
create database laboratorydb; # 创建数据库
# 使用数据库客户端工具导入 laboratorydb-init.sql 文件
```

- 运行后端

```bash

# 后端项目通过 Idea 打开
# 使用 Maven 下载依赖
# 编辑 application-local.yml 文件(修改数据库连接信息)
# 启动 LaboratoryApplication
```

- 运行前端

```bash
# 进入前端项目目录
cd laboratory-admin
# 安装依赖
npm install
# 启动服务
npm run dev
```

浏览器访问: [http://localhost:9528](http://localhost:9528)

## 部分页面截图

<table>
    <tr>
        <td>
            <img src=".images/login.png"  alt="登录"/>
            <p>登录页面</p>
        </td>
        <td>
            <img src=".images/register.png"  alt="注册"/>
            <p>注册页面</p>    
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/home.png"  alt="主页"/>
            <p>主页</p>
        </td>
        <td>
            <img src=".images/profile.png"  alt="个人信息"/>
            <p>个人信息页面</p>        
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/updPwd.png"  alt="修改密码"/>
            <p>修改密码页面</p>
        </td>
        <td>
            <img src=".images/user.png"  alt="用户管理"/>
            <p>用户管理页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/user-add.png"  alt="用户新增"/>
            <p>用户新增页面</p>
        </td>
        <td>
            <img src=".images/login-log.png"  alt="登录日志"/>
            <p>登录日志页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/operation-log.png"  alt="操作日志"/>
            <p>操作日志页面</p>
        </td>
        <td>
            <img src=".images/lab.png"  alt="实验室管理"/>
            <p>实验室管理页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/lab-sub.png"  alt="实验室分室管理"/>
            <p>实验室分室管理页面</p>
        </td>
        <td>
            <img src=".images/lab-sub-upd.png"  alt="实验室分室修改"/>
            <p>实验室分室修改页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/lab-sub-detail.png"  alt="实验室分室详情"/>
            <p>实验室分室详情页面</p>
        </td>
        <td>
            <img src=".images/booking.png"  alt="实验室预约"/>
            <p>实验室预约页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/lab-booking.png"  alt="实验室预约管理"/>
            <p>实验室预约管理页面</p>
        </td>
        <td>
            <img src=".images/course.png"  alt="课程管理"/>
            <p>课程管理页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/course-add.png"  alt="课程新增"/>
            <p>课程新增页面</p>
        </td>
        <td>
            <img src=".images/device.png"  alt="设备管理"/>
            <p>设备管理页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/device-add.png"  alt="设备新增"/>
            <p>设备新增页面</p>
        </td>
        <td>
            <img src=".images/repair.png"  alt="设备报修管理"/>
            <p>设备报修管理页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/repair-add.png"  alt="设备报修新增"/>
            <p>设备报修新增页面</p>
        </td>
        <td>
            <img src=".images/person.png"  alt="人员管理管理"/>
            <p>人员管理页面</p>
        </td>
    </tr>
    <tr>
        <td>
            <img src=".images/api-doc.png"  alt="接口文档"/>
            <p>接口文档地址：<a href="http://localhost:8070/doc.html">http://localhost:8070/doc.html</a></p>
        </td>
        <td>
        </td>
    </tr>
</table>

### 项目结构

```

|-laboratory-admin (前端代码)
|
|-laboratory-server (后端代码)

```

### 作者信息

1. 作者：王 sir
2. 邮箱：2332375142@qq.com
3. wx：\_king_bing

### 关于技术栈

- 前端技术栈：Vue, Axios, Router, Element-UI
- 后端技术栈 SpringBoot, Mybatis-Plus, Pagehelper, JWT, EasyExcel, Swagger2
- 数据库：MySQL8.0
- 开发工具：Idea, VSCode
- 版本管理工具：Git

### 感谢

- [花裤衩](https://gitee.com/panjiachen/vue-admin-template?_from=gitee_search) 开源框架

### 结语

欢迎一起探讨，如果你觉得还可以，可以给我点一个 star