Google Blockly和AngularJS

我需要给一组高级用户一种创build和保存math公式的方法,稍后将作为购物车结账例程的一部分运行。 我必须承担的权力用途不是程序员,但可以遵循简单的指示。 公式不会经常改变,但必须在高级用户的控制之下,而不是系统pipe理员或程序员。

一个可视化的语言用户界面对于这种需求似乎是一个很好的匹配,一个高级用户可以涉及到的环境最终会生成JavaScript代码,检出程序将能够评估(myFormula)。

例如myFormula:

在这个例子中,费用被指定为… input type =“number”ng-model =“fee”,并且在退房时input总额(保存公式之前不包括testingfunction)。

…然后在一个单独的文本框中的公式看起来像下面(我假设费用保存在0.05。

var youPay = IF gross> 1000 THAN fee * gross ELSE 50

youPay结果将显示给结帐人员。 在这个例子中,如果毛额低于1000美元,则基本额度为50美元,否则他们将支付总额的5%

有没有人对Google Blockly项目或其他解决scheme有任何意见? 也许一个Excel到JavaScript的代码生成器,其中的Excel公式可以在保存在我的应用程序之前进行testing。

然后将有另一层这个解决scheme,需要确保公式不会造成安全问题或引入错误,可能会使检出应用程序崩溃。

这听起来像是一个很好的应用程序块的框架。 您可以使用https://blockly-demo.appspot.com/static/demos/code/index.html中的代码块演示来创build一个类似于您提供的公式,以便您可以用作启动项目的起点。 进一步修改它看起来是这样的: http ://i.stack.imgur.com/AXOJy.png(我没有足够的声誉来embedded图像的张贴..)

你需要做的是对你的预定义variables进行分块的描述,这样用户就可以从下拉列表中select它们,并添加一些保存button来生成代码并保存在某个地方。 也许有一些修改需要以块的方式生成JavaScript,因为它的devise目的是生成一些小而完整的脚本,而不是仅仅生成一个更大的脚本的一小部分。 但是对代码生成器的修改是非常容易的。

希望有所帮助。

Interesting Posts