← 返回项目库

Staywise 酒店预订中文体验

Staywise 是一个基于 Angular 的酒店预订 Web 应用，提供北京房源的本地中文体验。

项目保留原有 MEAN Stack 用户、酒店和订单后端，同时为前端提供无需数据库的本地房源演示，可完成搜索、查看、收藏与预订确认流程。

真实界面

项目截图

共 6 张

住进值得记住的地方
北京精选酒店
云杉里酒店
已加入心愿单
预订云杉里酒店
预订已确认

Capabilities

核心功能

✓中文酒店发现首页
✓目的地与入住日期搜索
✓房源卡片与位置摘要
✓酒店详情与住客评分
✓心愿单收藏状态
✓本地预订表单与订单确认

适用场景

演示酒店预订产品的核心前端流程
评估房源搜索、详情和确认页的信息层级
以 Angular 与 MEAN Stack 源码为基础进行二次开发

适合谁

需要评估酒店预订信息架构、演示前端流程或基于 Angular 进行二次开发的产品团队与开发者。

商业化思路

开源源码交付与前端二次开发服务；真实账号、数据库、支付和线上运营由使用者按实际环境配置。

你会拿到什么

  • ✓中文化 Angular 前端源码与本地演示数据
  • ✓原有 Express、MongoDB 后端源码与上游许可证

部署流程

  1. 1安装 Node.js 22、Yarn 依赖并执行 yarn build
  2. 2使用 yarn start 启动本地前端演示；完整模式另行配置 MongoDB

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

本地演示使用固定房源与演示订单，不连接数据库、不产生真实扣款；完整后端仍需按上游配置认证、数据库和运行环境。

部署难度

中等

最低配置

本地演示可使用 Node.js、Yarn 与静态资源服务；完整后端模式需要 MongoDB 与可运行 Express 的环境。

开源许可证

MIT

最后验证

2026-09-03

技术栈

Angular 21TypeScriptExpress.jsMongoDBYarn workspaces

授权说明

交付包保留上游 MIT 许可证与版权信息；使用、修改和再分发请遵循该许可证。

Release notes

版本记录

1 个已发布版本

vcn-f22c8ad4c870 当前推荐

新增中文酒店预订首页与本地房源夹具，补齐搜索、详情、收藏、预订和确认状态，并统一 Angular 依赖版本以恢复稳定构建。

部署要求：Node.js 22、Yarn 1.22；执行 yarn install 后可用 yarn build 构建、用 yarn start 启动本地前端演示。完整后端还需要 MongoDB。

已知问题：本版本的本地演示不验证真实账号、数据库、支付或线上服务；这些能力保留在上游后端路径中。

登录后领取