# study_project

**Repository Path**: wx1523/study_project

## Basic Information

- **Project Name**: study_project
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-20
- **Last Updated**: 2023-11-26

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 自习室应用后台管理系统
## 项目名称
> 自习室应用后台管理系统

## 项目概述：
> 自习室应用后台管理系统项目旨在设计和开发一个用于管理和运营自习室的后台管理系统。
> 该系统将提供一套功能完善的工具，帮助自习室管理员有效地管理座位预约、座位管理、用户信息、统计分析等任务，提升自习室的运营效率和用户体验。

## 项目背景：
> 在现代社会中，自习室作为提供安静、舒适学习环境的场所，受到广大学生和工作人群的欢迎。
> 然而，传统自习室管理方式存在一些问题，如手动预约座位、座位管理不便等，限制了自习室的运营效率和用户体验。因此，开发一款自习室应用后台管理系统成为了迫切需求。

## 项目计划：
- 需求收集和分析：与自习室管理员、用户进行沟通，收集需求并进行分析，制定详细的功能规格和界面设计。
- 开发和测试：根据设计规划，进行系统开发和编码实现，同时进行功能测试和系统测试，确保系统的质量和稳定性。
- 部署和上线：将系统部署到生产环境中，进行最后的调试和性能优化，确保系统能够正常运行。
- 运维和支持：监控系统的运行状态，及时处理和修复问题，提供技术支持和维护服务。

## 项目目标：
- 提供简洁、直观的界面，使管理员能够轻松管理自习室的运营。
- 支持高效的座位预约和座位管理，提升用户体验和运营效率。
- 提供数据统计和分析功能，帮助管理员了解自习室的使用情况和趋势。
- 实现稳定、安全的后台管理系统，保障数据的安全性和可靠性。


## 项目说明：
该后台管理系统将包括以下主要模块和功能：
- 用户管理：提供用户信息的管理功能，包括用户注册、登录、个人信息修改等。
- 座位管理：支持座位的添加、删除、编辑和状态管理，包括座位的位置、座位类型、座位状态等信息。
- 预约管理：实现座位的预约功能，包括预约时间段、座位选择、预约状态等，同时支持预约规则的设置和管理。
- 座位使用统计：收集和分析座位的使用情况，包括座位的预约次数、使用时长等数据，为管理员提供数据支持和决策参考。
- 数据报表和分析：生成统计报表和分析图表，以可视化的方式展示自习室的运营情况，包括座位利用率、用户使用习惯等。
- 系统设置：提供系统参数的配置和管理，包括自习室信息、管理员账号、通知设置等。

## 技术栈
```
├── @tsconfig/node18@18.2.2
├── @types/node@18.18.13
├── @vitejs/plugin-vue-jsx@3.1.0
├── @vitejs/plugin-vue@4.5.0
├── @vue/tsconfig@0.4.0
├── axios@1.6.2
├── echarts@5.4.3
├── element-plus@2.4.2
├── mockjs@1.1.0
├── npm-run-all2@6.1.1
├── pinia-plugin-persistedstate@3.2.0
├── pinia@2.1.7
├── sass@1.69.5
├── terser@5.24.0
├── three@0.121.1
├── typescript@5.2.2
├── unplugin-auto-import@0.16.7
├── unplugin-vue-components@0.25.2
├── vanta@0.5.24
├── vite-plugin-mock@2.9.8
├── vite@4.5.0
├── vue-router@4.2.5
├── vue-tsc@1.8.22
├── vue@3.3.9
└── xlsx@0.18.5
```
## 目录结构
```
├─API
│  └─router
│      └─routes
├─public
└─src
    ├─api
    ├─router
    │  ├─hooks
    │  └─routes
    ├─services
    ├─store
    ├─types
    ├─utils
    │  └─interceptors
    └─views
        ├─admin
        │  └─ui
        ├─dashoard
        │  └─ui
        ├─location
        │  └─ui
        ├─login
        ├─notfound
        ├─order
        │  └─ui
        ├─recharge
        │  └─ui
        ├─redemption
        │  └─ui
        ├─room
        │  └─gateUi
        └─user
            ├─cardUi
            ├─listUi
            └─recordUi
```
## 本地部署

1. 确保你的本地环境中已经安装了Node.js和npm（Node.js的包管理器）。你可以在终端中运行以下命令检查是否已经安装：
```
node -v
npm -v
```
如果输出了对应的版本号，则表示已经安装成功。

2.导入项目相关依赖

```
npm i
```

3.启动前端。运行以下命令：

```
npm run dev
```
4.启动开发服务器。运行以下命令：

```
npm start
```

这将启动一个开发服务器，并在本地的默认端口（通常是localhost:5173）上运行你的Vue项目。

5.在浏览器中查看项目。打开你喜欢的浏览器，并访问"http://localhost:5173"（或者你的开发服务器指定的端口号）。你将看到你的Vue项目在本地成功运行。