littlebot
Published on 2025-04-09 / 0 Visits
0

【源码】基于 React(UmiJs)和 EggJs 的酒店平台

项目简介

这是一个简单的入门练手全栈项目。前端基于 React(UmiJs)构建,后端使用 EggJs 搭建,搭配 MySQL 数据库,形成了一个完整的酒店平台。适合对全栈开发感兴趣的开发者,有助于加深其对前后端知识的理解。

项目的主要特性和功能

技术栈

  • 前端:采用 React 框架,借助 UmiJs 插件化前端应用框架,具备 React 脚手架、路由管理、数据 mock 等功能。
  • 后端:运用 EggJs 框架,遵循严格项目管理规范,支持路由配置、server 服务、模板渲染,默认支持众多插件。
  • 数据库:使用 MySQL 存储数据。

功能特点

  • 用户操作:支持用户注册、登录、注销,可编辑个人信息。
  • 酒店信息展示:首页展示酒店列表,包含名称、地址、价格、图片等信息。
  • 酒店预订:用户可选择酒店进行预订,并查看订单详情。

安装使用步骤

前提条件

确保已安装 Node.js 和 npm/yarn,同时 MySQL 数据库已正确配置。

具体步骤

  1. 已下载本项目的源码文件。
  2. 进入 Client 文件夹,执行 yarn install 安装前端依赖;进入 Server 文件夹,执行 yarn install 安装后端依赖。
  3. 建立数据库并运行 app.sql 中的命令创建表结构,同时查看 config.default.js 下的 config.mysql 进行数据库相关配置。
  4. Client 文件夹下运行 yarn start 启动前端项目;在 Server 文件夹下运行 yarn dev 启动后端开发服务器。
  5. 打开浏览器,访问项目默认地址(通常为 http://localhost:端口号)查看应用。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】