Web 对有利于交互式表单的技术堆栈的建议？

tl dlr：正在为SaaS项目寻找一个技术堆栈，在这里我可以有效地为用户提供交互式表单，在用户与输入字段交互时更新字段

我有一个关于SaaS项目的想法，但我在决定一个技术堆栈上有点困难。我不是最有经验的web开发人员，但我来自一个面向对象的世界，所以当我可以用类来建模时，我感到非常自在。我喜欢关注“核心”功能，这是最重要的，我想确保我能有效地开发它。 让我们了解一下上下文，这个项目是一个计算工具，它需要大量的输入和输出字段。一份类固醇的电子表格，如果你愿意的话。实际上，作为一个PoC，计算是在电子表格中完成的，这就是我想在SaaS解决方案中展示的内容——只是更好

我对任何特定的语言都没有兴趣，但我愿意听到哪种语言/框架对我最有利。我最关心的是在操作模型时不必做太多繁琐的工作。无论是在前端完全处理还是在前端和后端之间来回发送。我希望能够轻松定义表示字段的组件/视图，并在用户与表单/输入交互时更新计算。我不想在前端和后端都复制模型

为了了解我一直试图建模的内容，下面是一些我一直在用Java进行实验的示例类（同样，我并没有将Java作为最终语言）。不要太担心类型。这只是为了了解我想如何对计算进行结构建模，并将字段连接在一起

公共抽象类字段{
受保护的最终字符串名称；
公共字段（字符串名称）{
this.name=名称；
}
公共抽象T getValue（）；
公共字符串getName（）{
返回此.name；
}
}
公共类InputField扩展字段{
保护T值；
公共输入字段（字符串名称）{
超级（姓名）；
}
@凌驾
公共T getValue（）{
返回此.value；
}
公共无效设置值（T值）{
这个值=值；
}
}
公共类整型字段扩展了InputField{
公共整数字段（字符串名称）{
超级（姓名）；
}
}
公共类IntegerSumField扩展字段{
私有最终列表字段；
公共整数字段（字符串名称、InputField…字段）{
超级（姓名）；
this.fields=Arrays.asList（字段）；
}
@凌驾
公共整数getValue（）{
返回字段.stream（）.mapToInt（f->f.getValue（））.sum（）；
}
}
公共类计算部分{
私有最终整数字段input1=新整数字段（“用户输入1”）；
私有最终整数字段input2=新整数字段（“用户输入2”）；
private final IntegerSumField output1=新IntegerSumField（input1，input2）；
}

现在这只是一个简单的例子-显然，真正的交易有更多的字段和部分/子计算。如果能够为

CalculationSection

声明一个视图，并为重复使用的各个

字段创建视图，并在用户交互时更新模型，那就太好了。计算应该是持久的，因此一些后端必须处理模型

我也在寻找SaaS样板（不介意付钱）来让我继续——我只是不知道要寻找什么，因为我不知道哪种语言/框架最适合我的用例

我知道这是一个相当多的口，但我一直在考虑这一点有一段时间，现在我终于决定问这样的-将很高兴听到你的建议和想法关于这一点