Angular 中的复杂财务计算/业务规则

Question

我正在考虑使用 Angular 开发一个 SPA 应用程序。

我们面临的一个挑战是，当用户在表单上输入值时，我们需要进行大量基于财务的计算。这是一个简化的示例：

用户正在销售交易输入表单上输入明细行。 当他们输入净额时，系统应计算销售额 基于输入的净值的税额和总价值（正如我所说， 它确实比这更复杂）。 这里要注意的重要一点是，当用户从 Net 字段中跳出时，他们应该会看到 Tax 和 Gross 字段更新。

所以我在这里看到两个高级选项：

1. 在 JavaScript 中编写此计算代码
2. 拨打服务电话到 执行计算

无论哪种方式，我都希望使用计算结果更新 Angular 样式模型，这将导致视图更新。

在可能的情况下，我更愿意通过服务调用来执行此操作，因为这样它为将来从其他客户端重用此逻辑打开了大门。我还认为用 C# 编写这种逻辑应该更快地开发和更易于维护（并将逻辑保持在一个地方）。

理想情况下，我希望在为事务建模的服务中的 C# 实体中使用此逻辑。

因此，我应该如何调用这样的服务器端逻辑？

1. 我是否应该以某种方式传递整个客户端表示 模型备份到服务并让它计算其他值？ 不知道在告诉服务哪个方面我会如何做到这一点 值实际上需要计算。
2. 或者我应该有（很多）个人 服务方法命名为 CalculateTax(net, taxPercentage) 返回税额。

或者我在这里完全缺少其他一些方法或模式？

非常感谢

Answer 1

我将创建一个 API 端点来接收您需要的计算和值，并返回结果。这与从普通 CRUD API 获取单个记录相同，从而使您的 Angular 服务变得非常简单：

angular.module('fin',[]).service('calculation', function($http) {
    return {
        getResult: function(calcMethod, values){
             return $http({
                url: 'http://backend.com/calculate',
                method: 'GET',
                params: {
                    calcMethod: calcMethod,
                    values: values
                }
             });
        }
    }
}

然后你可以从你的控制器调用，像这样：

Service.getResult('Sales Tax',[$scope.value1, $scope.value2]).success( function(res) {
    $scope.result = res;
});

Answer 2

由于我对 javascript 的热爱，我永远不会相信财务计算，尤其是在客户端。

但是。这取决于你到底需要计算什么。我的意思是：

1）（您的情况）服务器为您提供“来源”值（如用户的金额等）和百分比（或用户输入），并且您不将此数据传递给服务器，那么您肯定可以，而且我认为应该，在客户端执行此操作。

2) 如果你有类似商品的价格和数量，你应该在服务器上计算（你可以在 UI 上进行预计算），但也要从服务器确认。

Answer 3

现在根据您提供的业务场景，您似乎不想让其他人知道它的计算方式，它是如何完成的。计算最好保存在服务器端 每当您跳出净额字段时，您都可以调用服务器来获取销售税和您计算的其他值。

你可以这样过。

您有计算销售税的方法。现在这需要一个净额。因此，当您输入净金额并从该字段中跳出时，您可以调用个人服务来获取销售税金额和总金额。在这里，您对服务的输入不是整个客户端，而只是绑定到控制器的净数量。