项目简介
这是一个简单的入门练手全栈项目。前端基于 React(UmiJs)构建,后端使用 EggJs 搭建,搭配 MySQL 数据库,形成了一个完整的酒店平台。适合对全栈开发感兴趣的开发者,有助于加深其对前后端知识的理解。
项目的主要特性和功能
技术栈
- 前端:采用 React 框架,借助 UmiJs 插件化前端应用框架,具备 React 脚手架、路由管理、数据 mock 等功能。
- 后端:运用 EggJs 框架,遵循严格项目管理规范,支持路由配置、server 服务、模板渲染,默认支持众多插件。
- 数据库:使用 MySQL 存储数据。
功能特点
- 用户操作:支持用户注册、登录、注销,可编辑个人信息。
- 酒店信息展示:首页展示酒店列表,包含名称、地址、价格、图片等信息。
- 酒店预订:用户可选择酒店进行预订,并查看订单详情。
安装使用步骤
前提条件
确保已安装 Node.js 和 npm/yarn,同时 MySQL 数据库已正确配置。
具体步骤
- 已下载本项目的源码文件。
- 进入
Client
文件夹,执行yarn install
安装前端依赖;进入Server
文件夹,执行yarn install
安装后端依赖。 - 建立数据库并运行
app.sql
中的命令创建表结构,同时查看config.default.js
下的config.mysql
进行数据库相关配置。 - 在
Client
文件夹下运行yarn start
启动前端项目;在Server
文件夹下运行yarn dev
启动后端开发服务器。 - 打开浏览器,访问项目默认地址(通常为
http://localhost:端口号
)查看应用。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】