.net"立体柱状图、滑动块等效果实现" 知易营养健康系统——开发总结

在博客园中开通博客已有一年多了，但至今未写一篇技术文章与大家分享和交流，只将QQ空间中的日志放了几篇进来，究其原因，大致有以下几点：1.比较忙(这点儿如果想写，就可以挤出时间).2.想写时，静不下心，也感觉不知道该写些什么或从何处写起——这大概就是程序员大多不善于表达，感觉写文章比写代码要费劲...,好了，言归正传，此文要说的'知易营养健康系统'是b/s架构，用.net开发的应用程序,这里也只是说几点值得做类似项目或功能时需注意、借鉴的地方。

图1:代码

function AddToCanBox(foodId,foodName,deHeat,isDefaultAdd,addWeight)
{
var can=GetHidCurrentCan();
var canValue=GetHidCanValue(can);
var tempArray=new Array();//食物项数组
var foodProArray=new Array();//食物属性数组

var Weight_now=0;
var foodProStr="";
var isHased=false;//标识此食物是否已存在

var deWeight=100;
addWeight=GetZhengshu(addWeight);
addWeight=Round_number(addWeight);

if(canValue!=null && canValue!="")//如果已存在此餐类别的食物
{
foodItemArray=canValue.split("|");
var foodItem=new Array();
var findId=null;

for(var i in foodItemArray)
{
foodItem=foodItemArray[i];//得到是的：1,232,34,45...字符串
if(foodItem!="" && foodItem!=null)
{
foodProArray=foodItem.split(",");
if(foodProArray!=null && foodProArray.length>0)
{
findId=foodProArray[0];//foodId

if(findId==foodId)//如果此食物已存在
{
Weight_now=foodProArray[3];//nowWeight
Weight_now=isDefaultAdd?(Number(Weight_now)+Number(deWeight)):(Number(Weight_now)+Number(addWeight));
Weight_now=Round_number(Weight_now);
foodProArray[3]=Weight_now;//修改其Weight_now
isHased=true;
}
foodProStr=foodProArray.join(",");
tempArray.push(foodProStr);//存放一个餐别下的食物信息
}
}
}
}

foodProStr="";
if(!isHased)//新添加的
{
foodProArray=new Array();
foodProArray.push(foodId);
foodProArray.push(foodName);
foodProArray.push(deHeat);

Weight_now=isDefaultAdd?deWeight:(addWeight==0?deWeight:addWeight);
Weight_now=Round_number(Weight_now);
foodProArray.push(Weight_now);

foodProStr=foodProArray.join(",");
tempArray.push(foodProStr);//存放一个餐别下的食物信息
}

DoAjax(tempArray,can,foodProStr,"");
}

2.滑动块等效果的实现.



如上图，具体实现js代码，这里就不再贴出，需要的朋友可以直接下载参考使用:http://zhiyi2010.s242.iis3.com/calculator/energyloss.aspx

3.立体柱状图的实现,效果如下:





大家看图片就可以知道使用效果还不错，使用的是‘ FusionChart ’ flash 柱状图控件，其特点是：方便易用，且可以很好的使用ajax实现不同的条件显示(后台response

输出xml），具体效果大家可以 登录网站 http://zhiyi2010.s242.iis3.com 注册会员后 在'营养足迹'里看到，有需要 这方面应用或学习的朋友，可以加我QQ，互相学习和交流！