# floor

**Repository Path**: zegege/floor

## Basic Information

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

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-31
- **Last Updated**: 2025-09-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# uni-app项目 - 轮播图和楼层选择

这是一个完整的uni-app项目，包含前端APP、后端API服务器和后台管理系统。

## 项目结构

```
uni-app-project/
├── src/                    # uni-app前端源码
│   ├── pages/             # 页面文件
│   ├── components/        # 组件文件
│   ├── static/           # 静态资源
│   └── ...
├── server/                # 后端API服务器
│   ├── app.js            # 服务器入口文件
│   ├── package.json      # 后端依赖
│   └── public/           # 静态文件目录
├── admin/                 # 后台管理系统
│   ├── src/              # Vue 3源码
│   ├── package.json      # 前端依赖
│   └── ...
├── package.json          # 项目配置
└── README.md            # 项目说明
```

## 功能特性

### 前端APP (uni-app)
- 🎠 轮播图展示
- 🏢 楼层选择功能
- 📱 响应式设计
- 🎨 现代化UI

### 后端API服务器
- 🔌 RESTful API接口
- 📤 文件上传功能
- 🗄️ 数据管理
- 🔒 跨域支持

### 后台管理系统
- 🎛️ 内容管理界面
- 📊 数据统计仪表盘
- 🖼️ 轮播图管理
- 🏢 楼层信息管理
- 📸 图片上传功能
- 🎯 广告内容管理

## 快速开始

### 1. 启动后端服务器

```bash
cd server
npm install
npm start
```

后端服务器将在 `http://localhost:5055` 启动。

### 2. 启动后台管理系统

```bash
cd admin
npm install
npm run dev
```

后台管理系统将在 `http://localhost:8080` 启动。

### 3. 启动前端APP

```bash
npm install
npm run dev
```

## 使用说明

### 后台管理系统登录
- 访问: http://localhost:8080
- 用户名: `admin`
- 密码: `123456`

### 主要功能

#### 轮播图管理
- 查看、新增、编辑、删除轮播图
- 上传轮播图图片
- 设置轮播图标题和描述

#### 楼层管理
- 管理楼层基本信息
- 设置楼层广告内容
- 管理楼层轮播图
- 上传广告图片

#### 数据统计
- 查看系统统计数据
- 监控系统运行状态
- 查看最近活动记录

## API接口

### 轮播图相关
- `GET /api/banners` - 获取轮播图列表
- `PUT /api/banners/:id` - 更新轮播图

### 楼层相关
- `GET /api/floors` - 获取楼层列表
- `GET /api/floors/:id` - 获取楼层详情
- `PUT /api/floors/:id/ads` - 更新楼层广告

### 文件上传
- `POST /api/upload` - 上传图片文件

## 技术栈

### 前端APP
- **框架**: uni-app
- **UI**: uni-ui
- **状态管理**: Vuex

### 后端服务器
- **运行时**: Node.js
- **框架**: Express.js
- **文件上传**: Multer
- **跨域**: CORS

### 后台管理系统
- **框架**: Vue 3
- **UI组件**: Element Plus
- **路由**: Vue Router 4
- **状态管理**: Pinia
- **构建工具**: Vite
- **HTTP客户端**: Axios

## 开发指南

### 添加新功能

1. **前端APP**: 在 `src/pages/` 下添加新页面
2. **后端API**: 在 `server/app.js` 中添加新接口
3. **后台管理**: 在 `admin/src/views/` 下添加新页面

### 部署说明

1. **后端部署**: 将 `server/` 目录部署到服务器
2. **后台管理**: 构建 `admin/` 项目并部署到Web服务器
3. **前端APP**: 使用uni-app的发布功能

## 注意事项

1. 确保Node.js版本 >= 14
2. 图片上传需要确保服务器有写入权限
3. 生产环境建议使用HTTPS
4. 定期备份数据

## 许可证

MIT License