html - 使用 AngularJS 和 NodeJS 创建注册流程

标签 html angularjs node.js

我想为我的网站创建多页面注册流程。

例如,在一个页面上,用户输入他的姓名和电子邮件,然后单击“下一步”,并显示另一个页面,提示输入更多数据(即他的地址、兴趣等)。

我发现在 Angular 中,可以通过 ng-show 标签保持 HTML block ( View )不可见,直到它决定显示它们。我想知道将所有这些数据输入页面简单地放入一个 HTML 文档中并在单击 Next 时显示它们是否是一个好主意。或者这是一个坏主意?

此外,如果您能建议如何将其与 NodeJS 集成并将用户输入的数据发送到服务器,我将非常感激。我应该等到所有内容都输入完毕后发送一个大的 POST 吗?我想这取决于 Angular 方面的工作方式。

我非常感谢您提供的任何指导!谢谢!

最佳答案

您走在正确的道路上。使用 Angular 和 Node 发送单个 POST 请求来提交表单都有好处。

1) About using Angular,

将所有这些数据输入页面放入一个 HTML 文档中,并在单击“下一步”时显示它们

我宁愿建议使用 localStorage 来存储表单的不同部分,并仅在您不使用 Angular 而是使用 Angular 时将它们发送到服务器 最好用不同的 View 显示表单的不同部分,然后在表单完全填充后将它们作为单个大型 json 对象提交, Angular 用于执行此单页应用程序的操作。 这是创建多级注册表单的简短教程

http://scotch.io/tutorials/javascript/angularjs-multi-step-form-using-ui-router

2) About using node,

Node 是异步的,并且 Node 中只有一个主线程为您的所有请求提供服务,因此减少请求肯定会减少服务器上的负载 然后, Node 可以通过单个请求完成与表单相关的所有数据库操作。

关于html - 使用 AngularJS 和 NodeJS 创建注册流程,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26668956/

相关文章:

html - 如何确保长文本在圆形内水平和垂直居中

javascript - AngularJs - 以编程方式提交表单

javascript - d3js - 使用 javascript 操作创建服务器端 SVG

node.js - "You may need an appropriate loader for this file type", webpack 无法解析 angular2 文件

node.js - Mongoose 组和计数

html - CSS3 透视变换在 Firefox 中不起作用

html - 如何用css从下到上垂直书写

javascript - 转换 jQuery 计时器并重定向以使用分钟和秒,而不仅仅是秒

javascript - 当我想获取前 10 个字符串时,Angularjs .substr 不起作用

javascript - 在 ionic 中重新加载 Controller