在 Angular 应用程序中审核和重新显示用户交互
Auditing and redisplaying user interactions in Angular application
我们正在 UI 中使用 Angular 5 开发应用程序。需要审核用户交互并在需要时显示所有填写的表单。因此，如果用户填写了一个表单并提交了它，整个 JSON 的请求将被保存在某个地方（也许在 Mongo-DB 中）。在另一个菜单中，一些版主用户可以搜索已审核的请求并重新显示用户填写的表单。
虽然后端是使用 Spring Boot 开发的，但我想使用 Servlet Filter 来审核所有 JSON REST 请求。我还想在审核模式下查看 disable FormGroup 对象。
但有些事情我不知道该如何处理。我想为每种形式提供两种服务，一种从 mongo-db 获取数据（以审计模式查看），另一种以正常形式从 RDBMS 获取数据。
另一个问题是我想在模态中以审核模式显示表单，我想知道该怎么做，因为在这种模态形式中我不能使用正常路由。有没有可能没有很多重复代码？
后端（SpringBoot 应用程序）：我有类似的要求（尽管仅针对后端），我们采用的方法是创建注解 @Auditable 并使用 AOP切入点以捕获附加注释的方法的 requests/response，然后将其存储在审计文档中 (mongodb)。我们还将其设为异步，这样它就不会影响实际响应时间。
UI (Angular)：是的，无需复制代码即可。您需要创建两个父组件，每个组件都与不同的服务交互。
一个用于 RDBMS，另一个用于 Mongodb。
这些父组件会将模型对象传递给使用 @Input 可以查看表单的子组件。除了模型对象之外，您还需要传递一个布尔值来表示是否禁用。您将能够使用从父级传递的模型对象创建 FormGroup，并使用 FormGroup 上的 disable 属性 相应地禁用它。
不确定您使用的是哪个 css 库，但对于 Modal，您可以使用 material design、bootstrap、ng2-bootstrap、primeng 轻松实现等等
与 MongoDB 交互的父组件应该简单地将子组件包裹在 Modal 中。
您的问题可以通过多种不同的方法解决，以上只是其中一种。
我们正在 UI 中使用 Angular 5 开发应用程序。需要审核用户交互并在需要时显示所有填写的表单。因此，如果用户填写了一个表单并提交了它，整个 JSON 的请求将被保存在某个地方（也许在 Mongo-DB 中）。在另一个菜单中，一些版主用户可以搜索已审核的请求并重新显示用户填写的表单。
虽然后端是使用 Spring Boot 开发的，但我想使用 Servlet Filter 来审核所有 JSON REST 请求。我还想在审核模式下查看 disable FormGroup 对象。
但有些事情我不知道该如何处理。我想为每种形式提供两种服务，一种从 mongo-db 获取数据（以审计模式查看），另一种以正常形式从 RDBMS 获取数据。 另一个问题是我想在模态中以审核模式显示表单，我想知道该怎么做，因为在这种模态形式中我不能使用正常路由。有没有可能没有很多重复代码？
后端（SpringBoot 应用程序）：我有类似的要求（尽管仅针对后端），我们采用的方法是创建注解 @Auditable 并使用 AOP切入点以捕获附加注释的方法的 requests/response，然后将其存储在审计文档中 (mongodb)。我们还将其设为异步，这样它就不会影响实际响应时间。
UI (Angular)：是的，无需复制代码即可。您需要创建两个父组件，每个组件都与不同的服务交互。
一个用于 RDBMS，另一个用于 Mongodb。
这些父组件会将模型对象传递给使用 @Input 可以查看表单的子组件。除了模型对象之外，您还需要传递一个布尔值来表示是否禁用。您将能够使用从父级传递的模型对象创建 FormGroup，并使用 FormGroup 上的 disable 属性 相应地禁用它。
不确定您使用的是哪个 css 库，但对于 Modal，您可以使用 material design、bootstrap、ng2-bootstrap、primeng 轻松实现等等 与 MongoDB 交互的父组件应该简单地将子组件包裹在 Modal 中。
您的问题可以通过多种不同的方法解决，以上只是其中一种。