AngularJS温泉建筑

AngularJS温泉建筑,angularjs,architecture,Angularjs,Architecture,我正在做一个水疗中心,我真的很难找到正确的建筑来让它工作。因此,我将在这里概述细节,然后是结构和问题。如果有人能告诉我流程布局的正确方法,那将非常有帮助 水疗详情: 一种记帐程序,访问者无需身份验证即可完全访问网站,并可使用该程序更改各种数据。除非他们注册一个帐户,否则它不会被保存。用户无法查看其他用户帐户中的任何信息 SPA结构: 在注册或验证之前: 一些JS对象存储在一个服务(StartService)中:accData、ACCCOMPANYS{}它们保存所有要操作的数据 另一个服务(Fu

我正在做一个水疗中心,我真的很难找到正确的建筑来让它工作。因此,我将在这里概述细节,然后是结构和问题。如果有人能告诉我流程布局的正确方法,那将非常有帮助

水疗详情: 一种记帐程序,访问者无需身份验证即可完全访问网站,并可使用该程序更改各种数据。除非他们注册一个帐户,否则它不会被保存。用户无法查看其他用户帐户中的任何信息

SPA结构: 在注册或验证之前:

  • 一些JS对象存储在一个服务(StartService)中:accData、ACCCOMPANYS{}它们保存所有要操作的数据
  • 另一个服务(FunctionsService)依赖于StartService并保存所有功能,因为它们在多个控制器上使用
  • 函数服务被注入控制器,并为服务中的每个函数生成$scope变量
报名时:

  • 存储在StartService中的对象将作为新帐户数据发送到服务器
登录时:

  • 用户帐户中的对象从服务器检索并放入StartService
然后,用户可以单击保存按钮,将StartService数据发送到其帐户(与注册时的过程相同)

问题和问题:

  • 我不知道如何使双向数据绑定在两个服务、控制器和视图之间工作
  • 我需要改变结构吗?例如,一个服务而不是2,json文件中的数据而不是服务中的数据,只使用一个控制器并将函数移动到此控制器

我推荐一个与angularjs2一样的框架,它为您的SPA项目提供了结构。您可以执行依赖项注入,并使用类型安全的类型脚本。以下是关于如何处理RESTful通信的教程:

要处理SPA内的路由,请查看以下答案:

我个人更喜欢使用http.post(来自angular2/http)而不是window.fetch,因为我发现它更容易处理cors问题

在数据传输方面,我建议您将注册数据发送到后端(通过json POST),后端向您发送jwt(json令牌),您使用jwt来验证下面的每个请求

我还建议使用GET(返回一个json)来获取在每个页面上显示用户特定信息所需的所有信息

如果你需要更多的细节,请告诉我