直到上一个项目,我一直在创建网页并只处理页面的前端部分,但这次我决定创建一个全栈酒店预订系统,该系统将连接一个数据库来跟踪所有预订和活动发生在网页上。

问题陈述:首先,如果我们看到我开发这个的原因以及我正在解决什么问题。我需要了解当有人在页面上触发事件时如何从数据库中进行创建、读取、更新和删除操作,并且还想创建一个任何酒店都可以使用的预订系统。

  • 如果您想查看代码,这里是github 存储库链接。

  • 这是链接在 vercel 上直播的项目。

  • 要了解我在这个应用程序中使用的 CRUD 操作,请查看我的以前的博客

模块

主要有两个模块,用户和管理员。两个模块都有自己的门户,加载的主索引文件为我们提供了用户门户,他可以在其中查看预订、预订新房间、取消预订。管理部分按钮将您重定向到只有管理员可以使用其用户名和密码访问的管理门户。它有所有预订房间的用户的数据,他们的付款状态和其他基本信息。

image.png

预订和取消

单击立即预订后,用户将获得一个包含他/她所有信息的表单。单击继续和预订按钮后将预订房间,这将发送确认邮件并创建用户自定义预订 ID。

如需取消,用户必须使用“我的预订”部分中提供的相同预订 ID。 image.png

借助您的电子邮件 ID 搜索您自己的预订image.png

尽管该项目被过度使用和旧想法,但我决定这样做,并且在开发它的过程中我学到了很多东西。 DM 是开放的,所以请随时提出改进意见。

跟我来这里

非常感谢您阅读快乐编码!

Logo
MongoDB

MongoDB社区为您提供最前沿的新闻资讯和知识内容

更多推荐

如何克隆 GitHub 存储库(并为 CRUD 应用程序设置自己的数据库)

如果您不熟悉从 GitHub 克隆公共存储库,或者需要一份有关步骤的备忘单,我有(太多)屏幕截图向您展示并提醒自己如何操作。 :) 步骤 1. 从 GitHub 复制链接。 Step 2. 设置目录并在VS Code中打开。 打开终端,创建一个您计划将代码文件克隆到的文件夹,使用命令“code”。在 VS Code 中打开文件夹。 第三步,克隆代码。 在 VS Code 中打开一个新终端。单击终端

avatar MongoDB

为什么要学习 Node 和 ExpressJs

在 Youtube 上观看完整的 Nodejs 和 ExpressJsTutorial Nodejs介绍 所以 node.js 首先不是一种语言,它不是一个框架,它是一个免费和开源的 JavaScript 运行时。现在什么是运行时以及它与 javascript 引擎的不同之处,所以 javascript 引擎只是执行代码,但运行时环境就像 node.js 一样在 node.js 中有一些额外的服务

avatar MongoDB

基于 MongoDB 的应用程序中的种子和哈希密码

_Seeding 是向数据库提供一组初始数据的过程。 当我们想要将数据插入到我们打算在未来开发的数据库中时,它很有用。_ 但是,在植入我们的密码时,我们希望它是安全的,而不是纯文本。以下是正确播种数据库的方法。 堆栈:NodeJS、MongoDB 和 Express // =====================SEED AND HASH PASSWORD====================

avatar MongoDB