# 场快订前端（场馆预定 SaaS 平台）

**Repository Path**: HelloDam/venue-reservation-front

## Basic Information

- **Project Name**: 场快订前端（场馆预定 SaaS 平台）
- **Description**: 面向校园/商业场馆的在线预订系统，解决传统预约方式效率低、资源分配不均的问题。核心解决高并发场景下的公平预订需求，特别适合体育场馆、活动场地等资源有限的场景。
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 9
- **Forks**: 5
- **Created**: 2025-03-12
- **Last Updated**: 2025-09-02

## Categories & Tags

**Categories**: Uncategorized

**Tags**: Vue, uni-app, JavaScript, CSS, HTML

## README



# 场馆预约管理系统

场馆预约管理系统是一个用于管理和预约各种场馆资源的前端应用程序。系统分为管理端和小程序端，管理端提供了场馆管理、订单管理、时间段管理和登录功能，而小程序端则提供了用户端的场馆浏览、预约、订单管理等功能。

## 项目结构

- `code/venue-reservation-admin/` 管理端代码
- `code/venue-reservation-applet/` 小程序端代码

## 技术栈

- Vue.js
- Uni-app
- Webpack
- Babel
- Sass/Scss

## 功能特性

- 场馆管理
- 时间段管理
- 订单管理
- 用户登录与注册
- 场馆预约与支付
- WebSocket 实时通信
- 响应式设计，支持多种设备

## 安装依赖

确保已经安装了 Node.js 和 npm。

管理端安装依赖:

```bash
cd code/venue-reservation-admin
npm install
```

小程序端安装依赖:

```bash
cd code/venue-reservation-applet
npm install
```

## 开发模式运行

运行管理端开发服务器:

```bash
cd code/venue-reservation-admin
npm run serve
```

运行小程序端开发模式（根据你的小程序开发工具进行）:

```bash
cd code/venue-reservation-applet
npm run dev
```

## 构建生产版本

构建管理端生产版本:

```bash
cd code/venue-reservation-admin
npm run build
```

构建小程序端生产版本:

```bash
cd code/venue-reservation-applet
npm run build
```

## 开发说明

- 管理端使用了 Vue 组件化开发，如 `Login.vue`, `OrderManagement.vue`, `TimePeriodManagement.vue` 和 `VenueManagement.vue`。
- 小程序端基于 Uni-app 开发，使用了多个自定义组件如 `FloatButton.vue`, `ImageUpload.vue`, `search-box.vue`, `venueList.vue` 和 `venueTypes.vue`。
- 系统通过 API 与后端通信，管理端的 API 位于 `src/api/` 目录下，小程序端的 API 位于 `api/book/` 和 `api/` 目录下。
- 状态管理使用了 Vuex（管理端）和小程序端的全局状态管理。
- 日期、图片处理、请求和 WebSocket 实用工具位于 `utils/` 目录下。

## 贡献

欢迎贡献代码和反馈问题。请提交 Pull Request 或在项目仓库中创建 Issue。

## 许可证

本项目遵循 MIT 许可证。详情请查看 LICENSE 文件。