创建动态公式

Question

我需要创建一个用户将构建公式的UI。即：

对于一个项目公式是：

费用*项目/ 100

另一项：

项目* 5/100

我希望用户能够通过web ui生成公式。

然后当用户输入我想要计算结果的变量时。

是否有任何软件包或插件可以执行此操作？

感谢。

Answer 1

达斯·维达！

这里有几个选项，它取决于您的需求，是否需要非常复杂的东西或者只是简单易懂和扩展的东西（可能用于学术目的）。

1）让我们从简单，容易和可定制的开始。我已经创建了一个满足您在帖子中指定的需求的类，但是它非常原始，不应该在没有进一步测试和修改的情况下用于商业项目...如果你可以轻松拿起并增加它想要...它显示了一种实现所需要的简单方法。代码很好地工作但没有考虑数学优先级（例如括号或* over +）。它需要进行调整才能这样做...... 代码如下，评论并希望自我解释：

public class DynamicFormula
{
    /// <summary>
    /// This simply stores a variable name and its value so when this key is found in a expression it gets the value accordingly.
    /// </summary>
    public Dictionary<string, double> Variables { get; private set; }

    /// <summary>
    /// The expression itself, each value and operation must be separated with SPACES. The expression does not support PARENTHESES at this point.
    /// </summary>
    public string Expression { get; set; }

    public DynamicFormula()
    {
        this.Variables = new Dictionary<string, double>();
    }

    public double CalculateResult()
    {
        if (string.IsNullOrWhiteSpace(this.Expression))
            throw new Exception("An expression must be defined in the Expression property.");

        double? result = null;
        string operation = string.Empty;

        //This will be necessary for priorities operations such as parentheses, etc... It is not being used at this point.
        List<double> aux = new List<double>();  

        foreach (var lexema in Expression.Split(new string[] { " " }, StringSplitOptions.RemoveEmptyEntries))
        {
            //If it is an operator
            if (lexema == "*" || lexema == "/" || lexema == "+" || lexema == "-")
            {
                operation = lexema;
            }
            else //It is a number or a variable
            {
                double value = double.MinValue;
                if (Variables.ContainsKey(lexema.ToLower())) //If it is a variable, let's get the variable value
                    value = Variables[lexema.ToLower()];
                else //It is just a number, let's just parse
                    value = double.Parse(lexema);

                if (!result.HasValue) //No value has been assigned yet
                {
                    result = value;
                }
                else
                {
                    switch (operation) //Let's check the operation we should perform
                    {
                        case "*":
                            result = result.Value * value;
                            break;
                        case "/":
                            result = result.Value / value;
                            break;
                        case "+":
                            result = result.Value + value;
                            break;
                        case "-":
                            result = result.Value - value;
                            break;
                        default:
                            throw new Exception("The expression is not properly formatted.");
                    }
                }
            }
        }

        if (result.HasValue)
            return result.Value;
        else
            throw new Exception("The operation could not be completed, a result was not obtained.");
    }
    /// <summary>
    /// Add variables to the dynamic math formula. The variable should be properly declared.
    /// </summary>
    /// <param name="variableDeclaration">Should be declared as "VariableName=VALUE" without spaces</param>
    public void AddVariable(string variableDeclaration)
    {            
        if (!string.IsNullOrWhiteSpace(variableDeclaration))
        {
            var variable = variableDeclaration.ToLower().Split('=');    //Let's make sure the variable's name is LOWER case and then get its name/value
            string variableName = variable[0];
            double variableValue = 0;

            if (double.TryParse(variable[1], out variableValue))
                this.Variables.Add(variableName, variableValue);
            else
                throw new ArgumentException("Variable value is not a number");
        }
        else
        {
            //Could throw an exception... or just ignore as it not important...
        }
    }
}

以下是在WPF应用程序中使用上述类的示例（可以在任何C＃应用程序中使用）

    private void btCalculate_Click(object sender, RoutedEventArgs e)
    {
        string expression = tboxExpression.Text;    //"cost * item / 100" (IT MUST BE SEPARATED WITH SPACES!)
        string variable1 = tboxVariable1.Text;      //"item=10"
        string variable2 = tboxVariable2.Text;      //"cost=2.5"

        DynamicFormula math = new DynamicFormula();
        math.Expression = expression;   //Let's define the expression
        math.AddVariable(variable1);    //Let's add the first variable
        math.AddVariable(variable2);    //Let's add the second variable

        try
        {
            double result = math.CalculateResult(); //In this scenario the result is 0,25... cost * item / 100 = (2.5 * 10 / 100) = 0,25
            //Console.WriteLine("Success: " + result);
            tboxResult.Text = result.ToString();
        }
        catch(Exception ex)
        {
            //Console.WriteLine(ex.Message);
            tboxResult.Text = ex.Message;
        }
    }

2）如果你需要更强大的东西以及大多数现实生活中的情况，你应该明确地检查出FLEE： http://flee.codeplex.com/wikipage?title=Examples&referringTitle=Home

这是专门为此制作的图书馆，它支持多个公式！ 可能需要一些时间来查看一些示例并了解它是如何工作的，但它应该在没有太多工作的情况下完成工作。

希望它有所帮助，

LuísHenriqueGoll。

Answer 2

检查this fiddle您可以按照自己的意愿改进公式

<强> HTML

<form id="ula">
  <h1>Insert your formula</h1>
  <input type="text" placeholder="Es: a(b+c)/2" />
  <input type="submit" value="Create form" />
</form>

<强> CSS

body{font-family:arial,sans-serif;text-align:center}
input{padding:6px;border:1p solid #999;margin:10px auto}

<强> JS

$('form').on('submit',function(e){
    e.preventDefault();
    $(this).hide();
    $('body').append($('<div />').hide().fadeIn(800));
    var labDiv=$('div:first');
    var varNames = [];
    var formula=$('input').val().toString();
    var varStr=formula.replace(/[^a-zA-Z]+/g, "");
    $.each(varStr.split(''), function(i, el) {
        if ($.inArray(el, varNames) === -1){
            varNames.push(el);
            labDiv.append('<input name="'+el+'" placeholder="'+el+' value.." /><br />');
        }
    });
    labDiv.prepend('<h1>'+formula+'</h1>');
    labDiv.append('<button id="newFormula">New formula</button><button id="calculate">Calculate</button>')
    $('#calculate').on('click',function(e){
        e.preventDefault();
        var result=formula.replace(/\(/g,'*(').replace(RegExp(':','g'),'/');
        for(var ct=0;ct<varNames.length;ct++){
            result=result.replace(new RegExp(varNames[ct], 'g'),$('input[name='+varNames[ct]+']').val());
            console.log(result)
        };
        labDiv.append('<h2>'+result.replace(/\*\(/g,'(')+'= <b>'+eval(result.replace(',','.'))+'</b></h2>');
    });
    $('#newFormula').one('click',function(e){
        e.preventDefault();
        labDiv.remove();
        $('form#ula input:first').val('');
        $('form#ula').fadeIn();
    });
})

Answer 3

由于问题是用jQuery标记的，我假设这是一个Web应用程序。除非需要将公式发布到服务器并使用vanilla JavaScript进行评估，否则将使您的生活变得更加轻松。 JavaScript是一种动态，无类型和解释语言，这意味着您可以在字符串中动态构建公式，然后通过浏览器的javascript引擎对其进行评估。

以下w3cscools.com代码示例：

var x = 10;
var y = 20;
var a = eval("x * y")

将评估为200.

但是，如果您需要在服务器端评估公式，请检查在C＃上运行解释语言时有哪些选项。在java中，JVM中有一个Javascript运行时（Nashorn），因此可以轻松评估服务器端的JavaScript表达式。