javascript - Node.js 添加 'semi-dynamic' 内容的最佳方式

标签 javascript css angularjs node.js dynamic

我有用户数据库(用户名、密码、游戏(数组,仅存储游戏 ID))。从单独的模块中,我获取有关游戏的数据。在我的网页上,用户个人资料仅使用 user 对象进行模板化。我希望有关游戏的信息是动态的——用户可以动态添加/删除这些游戏,而无需重新加载页面。数据库集成很容易,我会用 AJAX 来完成,但我是否也应该通过它发送游戏数据?到目前为止,我还没有使用过 Angular,但据我所知,这也许是最好的方法?或者忘记模板,用 Angular 做所有事情?

我正在使用 node.js、mangodb、express。

最佳答案

可以“混合”angular使用像 ejs 这样的 Node 模板引擎或 jade基于 express并让主要内容与响应一起呈现,其余内容可以稍后使用 ajax 加载或更改。和一个 REST API接口(interface)。

您将获得良好的性能以及良好的 SEO 优化,因为“静态”内容在从服务器返回时已经在页面上

你的情况

我建议你有一个带有几个端点的 node express 服务器

  • [GET] /user/:id - 将呈现一个包含用户详细信息的静态 html 页面
  • [GET] /user/games - 将对用户游戏给出 JSON 响应并使用 Angular 添加到 View

关于javascript - Node.js 添加 'semi-dynamic' 内容的最佳方式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31541646/

相关文章:

angularjs - 向 AngularJS 应用程序添加区域设置时刻

javascript - 单击时更改 html 文本

javascript - 为什么 [^...] in/RegExp/不安全?

javascript - 使用 JQuery 选择 "Option"Div 隐藏/显示

javascript - 固定在视口(viewport)下方并在视口(viewport)中滚动一次的菜单?

html - 选择框中的文本填充

javascript - Angular 指令使选定的子菜单及其父菜单处于事件状态并关闭所有其他打开的元素

javascript - 如何在phonegap中显示sd卡中的jpg图像文件?

jquery - anchor 链接在 Iphones/iOS 设备中不可点击

javascript - 从图 block 服务器返回的 map 不完整,缩放级别可用的图 block 数量比文档指示的要多