javascript - 使用 Nodejs 的实时通知 Web 应用程序

标签 javascript html node.js express socket.io

我想构建一个食谱制作器网络应用程序来练习。
此网络应用程序将包含 2 个网页:索引和食谱。
在“,,index”上,客户可以制作一些食谱。
在“,,recipes”页面上,用户可以看到她/他和其他用户制作的食谱表(最后 10 个左右)。
食谱将存储在数据库中。
到目前为止这听起来很简单,但是如果用户创建一个菜谱并单击“添加”按钮,我想更新菜谱页面中的菜谱表而不刷新,因此它将包含新菜谱(如实时通知)。

我可以使用node.js、express.js 和socket.io 来实现这种行为吗?如果是这样,我应该查找哪些功能、特性?最近我开始学习这些技术,但我不知道如何在页面之间传递数据以及数据到达后如何调用函数(也许是路由?)。

我非常感谢您提供的任何帮助。

最佳答案

是的,您绝对可以使用这些技术或其他技术。这一切都是为了让您感到舒服。

其次,看看他们的起步。 Socket.io 几乎没有 github 存储库可供入门。这很容易。我在 10 分钟左右就完成了,套接字经验为 0%。

Socket.io 也有 node.js 文档。 HTML 和 JS 只是外观和感觉资源的补充。

引用号:https://github.com/shah-smit/socket.io-getting-started

最后,您想了解一下用于动画的 JQuery。

关于javascript - 使用 Nodejs 的实时通知 Web 应用程序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42493470/

相关文章:

javascript - jQuery lightGallery 切换缩略图

javascript - 导致宽度问题的视差滚动和固定页脚代码

javascript - 我如何获取 html <tr> 对象内部的值

java - 如何将 HTML 和 CSS 规范添加到这个简单的 Spring 项目中?

node.js - 如何从类(函数)创建 Mongoose 模式

javascript - 浏览器内文本的交互式选择突出显示

html - 在 Bootstrap 列中垂直居中 DIV 中的内容

html - 创建带有描述的菜单项

javascript - Node.js 更改静态文件的路径

node.js - grunt-contrib-jshint 警告 : path must be a string;