web报表页面及json数据公式解析计算器

最新推荐文章于 2024-06-14 09:45:39 发布
最新推荐文章于 2024-06-14 09:45:39 发布
阅读量1.6k 收藏 2
点赞数
分类专栏： Javaeye博客搬家
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/huangyuanmu/article/details/16803425
版权

前一段时间，为了满足公司的web报表系统的需求，利用javascript开发了一个自定义公式解析计算器。开发人员可以根据一定规则，自定义web页面元素或者json字段之间的公式关系，实现算术运算和一些逻辑运算。

 

另外，还对页面的输入，数据的有效位数等进行了处理，每个数据字段的有效位数，开发人员都可以自定义。

 

该公式解析计算器的具体使用的例子，在我另外一篇博客文章中（http://huangyuanmu.iteye.com/admin/blogs/469180），有兴趣的话，可以看看。

 

下边给出具体实现代码：

/**
 *  模拟java的包，或者C#中的命名空间的概念
 * */
var tohot = tohot ? tohot : {};
tohot.commons = tohot.commons ? tohot.commons : {};
tohot.commons.declaration = tohot.commons.declaration ? tohot.commons.declaration : {};
/**
 * 报表公式计算器实现
 */
var tohotCalculator = tohot.commons.declaration.ExpressionCalculator = tohot.commons.declaration.ExpressionCalculator ? tohot.commons.declaration.ExpressionCalculator : {

	description : "通用web报表公式解析计算器，根据自定义的报表计算公式，自动进行公式解析和报表数据计算，操作web报表页面数据和json数据。",
	author : "huangyuanmu",
	version : "1.0(2009-07-29)",

	report : {},

	// 根据公式，获取计算以后的值
	getValue : function(report,formular_str,dataType)
	{

		// 解析公式
		function _parseFormular() {
			if (mathing_begin)
	          {
	            mathing_str += formular_str.substr(i,1);
	            return true;
	          }
	          else
	          {
	            if (IsVar)
	            {
	              formular_str_ana += ")";
	              CurVar_Length += ")".length;
	              //判断当前的变量的值是否为空
	              tmpEl = eval(formular_str_ana.substr(CurVar_start,CurVar_Length));
	              if (isNaN(tmpEl))
	              {
	                formular_str_ana = formular_str_ana.substr(0,CurVar_start);
	                formular_str_ana += "0";
	              }
	            }
	            formular_str_ana += formular_str.substr(i,1);
	            IsVar = false;
	            return true;
	          }
	          return false;
		}

	    var formular_str_ana;
	    var returnValue;
	    var IsVar;   //表示该处的字符表示变量
	    var CurVar_start,CurVar_Length;   //表示当前的变量型字符串
	    var mathing_begin = false;   //字符串的匹配操作是否开始
	    var mathing_str = "";  //接受并解析匹配字符串
	    returnValue = 0;
	    IsVar = false;
	    var el_chang  =  "report.";
	    formular_str_ana = "";

	    if(dataType == null){
	    	dataType = "2";
	    }

	    for (i = 0;i<formular_str.length;i++)
	    {
	      switch(formular_str.substr(i,1))
	      {
	        case "$":
	        {
	          if (mathing_begin)
	          {
	            mathing_str += formular_str.substr(i,1);
	            break;
	          }
	          else
	          {
	            //变量的开始
	            CurVar_start = formular_str_ana.length;
	            formular_str_ana +=  "parseFloat("  + el_chang;
	            CurVar_Length = ("parseFloat(" + el_chang).length;
	            IsVar = true;
	            break;
	          }
	        }
	        case "@":
	        {
	          //匹配字符串的解释
	          if (mathing_begin)
	          {
	            //匹配字符串结束
	            mathing_begin = false;
	            mathing_str_arr = mathing_str.split(";");
	            formular_str_ana += "/^" + mathing_str_arr[0] + "$/i.test(";
	            if (mathing_str_arr[1].substr(0,1)  == "$")
	            {
	              formular_str_ana += "report" + "." + mathing_str_arr[1].substr(1,mathing_str_arr[1].length-1) + ")";
	            }
	            else
	            {
	              //非变量
	              formular_str_ana += "'" + mathing_str_arr[1].substr(0,mathing_str_arr[1].length) + "')";
	            }
	          }
	          else
	          {
	            //匹配字符串开始
	            mathing_begin = true;
	            mathing_str = "";
	          }
	          break;
	        }
	        case "+":
	        {
				if(_parseFormular()) {
					break;
				}
	        }
	        case "-":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "*":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "/":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "%":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case ")":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "?":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case ":":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "<":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "=":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case ">":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "!":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "|":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        case "&":
	        {
	          if(_parseFormular()) {
					break;
				}
	        }
	        default:
	        {
	          if (mathing_begin)
	          {
	            mathing_str += formular_str.substr(i,1);
	            break;
	          }
	          else
	          {
	            if (IsVar)
	            {
	              CurVar_Length++;
	            }
	            formular_str_ana += formular_str.substr(i,1);
	          }
	        }
	      }
	    }
	    if (IsVar)
	    {
	      formular_str_ana += ")";
	      CurVar_Length += ")".length;
	      //判断当前的变量的值是否为空
	      tmpEl = eval(formular_str_ana.substr(CurVar_start,CurVar_Length));
	      if (isNaN(tmpEl))
	      {
	        formular_str_ana = formular_str_ana.substr(0,CurVar_start);
	        formular_str_ana += "0";
	      }
	      IsVar = false;
	    }
	    if (mathing_begin)
	    {
	      //匹配字符串结束
	      mathing_begin = false;
	      mathing_str_arr = mathing_str.split(",");
	      formular_str_ana += "/" + mathing_str_arr[0] + "/i.test(";
	      if (mathing_str_arr[1].substr(0,1) == "$")
	      {
	        formular_str_ana += "report" + "." + mathing_str_arr[1].substr(1,mathing_str_arr[1].length-1) + ")";
	      }
	      else
	      {
	        //非变量
	        formular_str_ana += "'" + mathing_str_arr[1].substr(0,mathing_str_arr[1].length) + "')";
	      }
	    }
	    returnValue = eval(formular_str_ana);
	    // 如果公式计算的值小于0.005，则认为为零
	    if (Math.abs((returnValue - 0.00))<0.005)
	    {
	    	returnValue = tohotCalculator.formatData("0",dataType);
	    }else{
			returnValue = tohotCalculator.formatData(returnValue + "",dataType);
	    }
	    return returnValue;
	},

	// 格式化整数
	formatInteger: function (IntegerStr){
	    //获取字符串的长度和首字符和次字符，然后进行判断
	    var strLen = IntegerStr.length;
	    var firstStr = IntegerStr.substr(0,1);
	    var secondStr = IntegerStr.substr(1,1);
	    var tmpStr = IntegerStr;
	    //针对正数的处理
	    if(firstStr != "-"){
	      if ((firstStr == "0") && (strLen > 1)){
	        tmpStr = tmpStr.substr(1,strLen-1);
	        tmpStr = tohotCalculator.formatInteger(tmpStr);
	      }
	    }
	    else{
	      //负数的处理
	      if((secondStr == "0") && (strLen > 2)){
	        tmpStr = "-" + tmpStr.substr(2,strLen-2);
	        tmpStr = tohotCalculator.formatInteger(tmpStr);
	      }
	    }
	    return tmpStr;
	},

	 // 格式化浮点数
	 formatFloat: function (FloatStr){
	    //将字符串组合成整数部分和小数部分
	    var FloatStrArr = FloatStr.split(".");
	    var Integer_part = FloatStrArr[0];
	    var Float_part = FloatStrArr[1];
	    var FloatPartLen = Float_part.length;
	    //处理整数部分
	    if((Integer_part == "-") || (Integer_part == "")){
	      Integer_part += "0";
	    }
	    Integer_part = tohotCalculator.formatInteger(Integer_part);
	    //处理小数部分
	    if(FloatPartLen == 0){
	      Float_part += "00";
	    }
	    else{
	      if(FloatPartLen == 1){
	        Float_part += "0";
	      }
	    }
	    //合并
	    return (Integer_part + "." + Float_part);
	},

	// 数据验证，并设置json对象元素的值
	formatData: function (DataStr,DataType){
		var returnValue = "0.00";
		var IntegerCode,FloatCode;//数字的整数验证码和小数验证码
	    IntegerCode = /^[-]?[0-9]+$/i; //整数
	    FloatCode = /^[-]?[0-9]*[.][0-9]+$/i;
	    //整数
	    if (DataStr != ""){
			    if(DataType == "1")
			    {
			      if (DataStr.match(IntegerCode) == null)
			      {
			        if ((DataStr.match(FloatCode) == null))
			           {
			           	 returnValue = "0";
			           }
			           else{
			           	 var reVal = parseFloat(tohotCalculator.formatFloat(DataStr));
			             returnValue = ""+reVal.toFixed(0);
			           }
			      }
			      else{
			        returnValue = tohotCalculator.formatInteger(DataStr);
			      }
			    }
			    else if((DataType == "2") || (DataType == "3") || (DataType == "4"))
			         {
			          if (DataStr.match(IntegerCode) == null)
			     		 {
				           if ((DataStr.match(FloatCode) == null))
				           {
				           	 if(DataType == "2")
			     	   			returnValue = "0.00";
			     	   		if(DataType == "3")
			     	   			returnValue = "0.0000";
			     	   		if(DataType == "4")
			     	   			returnValue = "0.000000";
				           }
				           else{
				           	 var reVal = parseFloat(tohotCalculator.formatFloat(DataStr));
				             returnValue = reVal.toFixed(parseInt(DataType)+ (parseInt(DataType) - 2));
				           }
				         }
						else{
							if(DataType == "2")
			     	   			returnValue = tohotCalculator.formatInteger(DataStr + ".00");
			     	   		if(DataType == "3")
			     	   			returnValue = tohotCalculator.formatInteger(DataStr + ".0000");
			     	   		if(DataType == "4")
			     	   			returnValue = tohotCalculator.formatInteger(DataStr + ".000000");
			     		 }
			     	}else{
				           returnValue = "0.00";
				         }

	    }else{
	    	if(DataType == "1"){
	    	  	returnValue = "0";
	    	}else if(DataType == "2"){
			    returnValue = "0.00";
		   	}else if(DataType == "3"){
		   		returnValue = "0.0000";
		   	}else if(DataType == "4"){
		   		returnValue = "0.000000";
		   	}else{
		   		 returnValue = "0.00";
		   	}
	    }
	    return returnValue;
	},

	doCalculateFormular : function (formular) {

		var formualr_is_arr = /[,]/i;

		//解析公式
	      if (formular.match(formualr_is_arr) == null)
	      {
	        //单个公式
	        each_formular_arr = formular.split("^");
	        // 解析目标json值的有效位数
		    var targetArray = each_formular_arr[1].split("#");
	        // 设置报表json对象的值
	        var value = tohotCalculator.getValue(tohotCalculator.report,targetArray[0],targetArray[1]);
	        eval("tohotCalculator.report." + each_formular_arr[0] + "=value");
			// 设置页面元素的值
	        var el = eval(each_formular_arr[0]);
	    	el.value = value;
	      }
	      else
	      {
	        //公式数组
	        all_formular_arr = formular.split(",");
	        for (k=0;k<all_formular_arr.length;k++)
	        {
	          //单个公式
	          	each_formular_arr = all_formular_arr[k].split("^");
	          	// 解析目标json值的有效位数
		    	var targetArray = each_formular_arr[1].split("#");
	        	// 设置报表json对象的值
	        	var value = tohotCalculator.getValue(tohotCalculator.report,targetArray[0],targetArray[1]);
		        eval("tohotCalculator.report." + each_formular_arr[0] + "=value");
				// 设置页面元素的值
		        var el = eval(each_formular_arr[0]);
		    	el.value = value;
	        }
	      }
	},

	// 计算整个json报表对象,在保存报表的时候调用
	doCalculateJson : function (reportFormular) {

		_calculatorJson(reportFormular);

		// 计算报表json对象的公式触发
		function _calculatorJson(reportFormular) {
			var EachArrStr = "";
		    var FoumularArr; //公式数组
		    var formualr_is_arr = /[,]/i;
		    var e1;

			//解析公式
			for(key in reportFormular){
				formular = reportFormular[key];
				if (formular.match(formualr_is_arr) == null)
				{
				    //单个公式
					each_formular_arr = formular.split("^");
					// 解析目标json值的有效位数
		        	var targetArray = each_formular_arr[1].split("#");
					var value = tohotCalculator.getValue(tohotCalculator.report,targetArray[0],targetArray[1]);
					eval("tohotCalculator.report." + each_formular_arr[0] + "=value");
				}
				else
				{
				    //公式数组
					all_formular_arr = formular.split(",");
					for (k=0;k<all_formular_arr.length;k++)
					{
					  	//单个公式
					  	each_formular_arr = all_formular_arr[k].split("^");
					  	// 解析目标json值的有效位数
		        		var targetArray = each_formular_arr[1].split("#");
						var value = tohotCalculator.getValue(tohotCalculator.report,targetArray[0],targetArray[1]);
					 	eval("tohotCalculator.report." + each_formular_arr[0] + "=value");
					}
				}
			}
		}
	},

	// 根据公式计算当前页面的表单元素的值，在页面onblur事件的时候调用
	doCalculateCurr : function (cur_el_name,el_value,formular,DataType){

		_calculatorCurr(cur_el_name,el_value,formular,DataType);

		// 计算当前页面的公式触发
		function _calculatorCurr(cur_el_name,el_value,formular,DataType)
		{
		    var EachArrStr = "";
		    var FoumularArr; //公式数组
		    var formualr_is_arr = /[,]/i;
		    var e1;
		    if(_dataAuth(cur_el_name,el_value,DataType))
		    {
		      //解析公式
		      if (formular.match(formualr_is_arr) == null)
		      {
		        //单个公式
		        each_formular_arr = formular.split("^");

		        // 解析目标单元格的有效位数
		        var targetArray = each_formular_arr[1].split("#");

		        // 设置报表json对象的值
			    var form_el_value = tohotCalculator.formatData(el_value,DataType);
			    eval("tohotCalculator.report." + cur_el_name + "=form_el_value");

		        var value = tohotCalculator.getValue(tohotCalculator.report,targetArray[0],targetArray[1]);
		        eval("tohotCalculator.report." + each_formular_arr[0] + "=value");
				// 设置页面元素的值
		        var el = eval(each_formular_arr[0]);
		    	el.value = value;
		      }
		      else
		      {
		        //公式数组
		        all_formular_arr=formular.split(",");
		        for (k=0;k<all_formular_arr.length;k++)
		        {
		          //单个公式
		          	each_formular_arr = all_formular_arr[k].split("^");

		          	// 解析目标单元格的有效位数
		        	var targetArray = each_formular_arr[1].split("#");

		          	// 设置报表json对象的值
			        var form_el_value = tohotCalculator.formatData(el_value,DataType);
			    	eval("tohotCalculator.report." + cur_el_name + "=form_el_value");

			        var value = tohotCalculator.getValue(tohotCalculator.report,targetArray[0],targetArray[1]);
			        eval("tohotCalculator.report." + each_formular_arr[0] + "=value");
					// 设置页面元素的值
			        var el = eval(each_formular_arr[0]);
			    	el.value = value;
		        }
		      }
		    }
		}

		// 数据验证，并设置页面元素的值
		function _dataAuth(DataStr_el_name,DataStr,DataType){
			var DataStr_el = eval(DataStr_el_name);
			DataStr_el.value = tohotCalculator.formatData(DataStr,DataType);
		    return true;
		}
	}
}
远牧
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
HTML5报表统计静态页面
09-18
一份很好的静态页面，Html5编写的网页，支持移动端，Index首页打开
web页面数据展示新想法(json)
10-29
尽管它源自于JavaScript，但是许多现代编程语言都支持JSON格式的数据解析和序列化。 使用JSON作为数据交换格式相较于HTML，有几个显著的优点： 首先，JSON数据交换量小，更有利于网络传输。这是因为JSON的格式更为...
轻松应对多层JSON数据计算与入库
chianju1936的博客
09-24 380
JSON作为一种轻量级的数据交换格式，因其易于读写和交互的特点，已逐渐成为主流的数据类型之一。常见的编程语言大多都对 JSON 的读取与解析提供了接口，但是接下来如何把多层 JSON 数据经过筛选、计算并展开成二维数据，就需要开发人员去头疼了。本文就为大家分享一下如何利用集算器 SPL（...
Pytest JSON Report：智能测试报告的首选方案
最新发布
gitblog_00047的博客
06-14 326
Pytest JSON Report：智能测试报告的首选方案 项目地址:https://gitcode.com/numirias/pytest-json-report 项目介绍 Pytest JSON Report 是一个强大的 Pytest 插件，它可以将你的测试结果转化为易于处理的JSON格式。这使得在其他应用程序中解析和利用这些数据变得轻而易举。无论你是自动化测试的初学者还是经验丰富的开发者...
JSON 数据计算与入库
ertyee42的博客
12-16 433
一． 导入与解析 1. 单层的 JSON 数据文件 2. 明细数据相同结构的多层 JSON 数据文件 3. 明细数据不同结构的多层 JSON 数据文件 二． 序表入库 1. 单表入库 2. 多表入库 三． 总结 ...
用Ajax&JSON实现简单计算器
qq_45852612的博客
04-12 449
Ajax实现简单计算器 1. Ajax是什么 Ajax 是一种在不用重新加载整个网页的情况下，能够更新部分网页， 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。 这意味着不用重新加载整个页面的情况下，对网页进行部分更新。 2. JSON是什么 JSON是一种轻量级的数据交互格式，采用完全独立于编程语言的文本格式来存储和表示数据。 特点 现在多用于存储和交换文本信息的语法 进行数据的传输 JSON 比 XML 更小、更快，更易解析。 语法使用基本规则 jQuery.getJSON(
web 数学公式
Wayne 的专栏
06-04 456
mathtex 服务： http://www.forkosh.dreamhost.com                        http://www.quantnet.com 示例：输入 http://www.quantnet.com/cgi-bin/mathtex.cgi?c=/sqrt{a^2+b^2}  则得到               
json数据解析json数据解析
09-18
json数据解析
json复杂数据解析demo
11-22
在本示例"json复杂数据解析demo"中，我们将探讨如何处理结构复杂、层次丰富的JSON数据。 首先，我们需要理解JSON的基本结构。JSON数据由键值对组成，键用引号包围，后面跟着冒号，值可以是字符串、数字、布尔值、...
Jquery解析json数据详解
01-19
最近被jquery折磨了一番，倒腾了一个jquery解析json的demo,本demo想实现从asp.net后台实例化dataSet或者dataTable数据集，将dataSet转换成json并返回给客户端，客户端用jquery getJson方法解析出来并显示在页面上。...
php解析json数据实例
10-25
在信息技术领域，处理和解析JSON格式的数据是一个常见的任务。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。PHP作为一种广泛使用的服务器端脚本...
json 报表开发
08-15
iOS 的App 的里一个报表的展现脚本
pytest-json-report::spiral_notepad:一个pytest插件，将测试结果报告为JSON
05-15
Pytest JSON报告 这个pytest插件将测试报告创建为JSON。 这使得在其他应用程序中处理测试结果变得容易。 它可以报告摘要，测试详细信息，捕获的输出，日志，异常回溯等等。 此外，您可以使用可用的固定装置和挂钩来并报告。 目录 环境 收藏家 测验 测试阶段 日志 警示语 相关工具 安装 pip install pytest-json-report --upgrade 选项 选项 描述 --json-report 创建JSON报告 --json-report-file=PATH 保存JSON报告的目标路径（使用“ none”不保存报告） --json-report-summary 只需创建摘要而不包含每个测试的详细信息 --json-report-omit=FIELD_LIST 报告中要省略的字段列表（选择： collectors ， log ， traceb
以json为中心的报表数据表示及js公式解析计算的应用
05-25
NULL 博文链接：https://huangyuanmu.iteye.com/blog/469180
在Java中辅助报表工具展现json
u012388497的专栏
08-11 1039
JSON是半结构化数据，Java和报表工具只提供了简单解析的类库，很难进行深度计算。而使用集算器可降低JSON的计算难度。报表工具可将集算器脚本文件当做数据库存储过程执行，传入参数并用JDBC获得返回结果，详情参考集算器辅助报表工具的应用过程。   下面举例说明报表工具呈现JSON时常见的难题，以及集算器对应的解法。   JSON分组汇总   order.json存储着订单记录，
使用JSON进行数据可视化：在报表和图形展示中的应用
apijunjun的博客
12-27 1344
使用JSON进行数据可视化是一种常见的做法，特别是在数据驱动的网站和应用中。JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，它易于阅读和写入，同时也易于机器解析和生成。这只是一个简单的示例，但展示了如何使用JSON数据和D3.js创建图形。当然，还有许多其他方法和库可用于数据可视化，具体取决于你的需求和所使用的技术栈。
分享一个支持json数据格式的支持拆分的报表
漂游着贰号
06-22 189
项目中由于需要用到合并单元格、拆分等功能，用普通的table虽然可以满足要求，但是样式很难看，而且控制起来非常吃力，这几天在专门搞这个东西玩。   对于表头的数据，具体的部分数据由后台产生抛出，表示每个月的具体工作日工作周。   var columns = [ {name:"bigTitle",caption:reportData.bigTitle,children:...
4.json 本地储存 数学方法
weixin_45194302的博客
01-27 421
文章目录json格式json.parse()json.stringify()json数据格式本地缓存localStoragesessionStorage数学方法常用方法Random() 随机数round() 四舍五入ceil() 向上取整Floor() 向下取整pow() 取幂Sqrt() 求平方根abs() 绝对值max(数字1,数字2) 返回若干个数据的最大值min(数字1,...) 最小值PI 属性 json格式 是一种固定的字符串格式 干啥用?:网络传递的时候 只能传递字符串,对象数组数据类型不
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值