taia714dem/apartment_exchange_platform

# 公寓交换平台 一个用于俄罗斯城市间交换公寓的全栈网络应用。用户可以列出自己的公寓，根据条件（楼层、房间数、面积）浏览匹配项，并管理交换请求。 ## 技术栈 **前端:** - React + TypeScript - React Router（受保护路由） - Axios 用于API调用 - CSS（Grid、Flexbox、CSS 变量） **后端:** - PHP + MySQL - REST API - PDO 用于数据库连接 ## 功能 - 将 Figma 设计系统实现为代码 - 具有统一状态的可复用组件 - 使用 useContext 进行全局状态管理 - 用户认证与受保护路由 - 个人中心，带侧边栏导航（收藏、请求、个人资料、我的公寓） - 公寓列表照片上传 - 首屏动画 ## 快速开始 ### 前置条件 - Node.js（v16 或更高版本） - XAMPP（或任何本地 PHP + MySQL 服务器） - Git ### 安装说明 #### 1. 克隆仓库 git clone https://github.com/taia714dem/apartment-exchange.git 2. 设置后端 将 apartment-exchange 文件夹移动到您的本地服务器目录： Windows (XAMPP): C:\xampp\htdocs\ 在 XAMPP 中启动 Apache 和 MySQL 创建一个名为 exchange_bureau 的数据库（通过 phpMyAdmin 或 MySQL 命令行） 如果需要，请更新数据库配置 — 设置已在 backend/config/database.php 中： php $host = 'localhost'; $dbname = 'exchange_bureau'; $username = 'root'; $password = ''; 后端 API 将可在以下地址访问： http://localhost/apartment-exchange/backend/api 3. 设置前端 bash cd apartment-exchange/frontend npm install npm run dev 前端将在 http://localhost:5173 运行 ## 项目结构 text apartment-exchange/ ├── frontend/ │ ├── src/ │ ├── public/ │ └── package.json └── backend/ ├── api/ ├── config/ │ └── database.php └── ... ## 重要说明 - 后端需要一个名为 exchange_bureau 的 MySQL 数据库存在。 - 不需要额外的 SQL 转储 — 数据库结构在应用程序首次运行时会自动创建。 - 确保在启动前端之前，Apache 和 MySQL 已经在运行。 ## 项目状态 活跃开发中。前端核心功能已完成。后端功能正常但将持续改进。 ## 联系 Taisiya Demidova - GitHub ## 许可证 MIT

标签：Axios HTTP客户端, CSS变量, CSS样式, Flexbox布局, Grid布局, MySQL数据库, PDO数据库连接, PHP语言, React Router路由, React框架, RESTful API, TypeScript语言, 个人中心, 个人资料管理, 俄罗斯市场, 保护路由, 全局状态管理, 公寓交换, 公寓列表管理, 动画效果, 匹配算法, 可重用组件, 后端开发, 在线房屋交换, 房地产平台, 提示词优化, 收藏功能, 照片上传功能, 用户认证, 设计系统实现, 请求管理