萌新第一次发帖，求各位大神帮下忙，小弟感激不尽，下载了一个温度计的源代码，但是是动态的，想让温度计的温度是数据库某一列的温度求和的平均，怎么做

[Ch4uncey]

ps：小弟还有个问题想问，在引用了gridview，点击编辑会刷新页面，但是小弟的表格不在首页，想让点击还在那个页面，进行编辑有没有大神会的？
温度计的代码如下，温度符号不能显示，我给省略了
HEAD里面的代码：
<style>
.pos0 {
top: 6px;
width: 50px;
}
</style>
<style>
.pos1 {
top: 46px;
width: 50px;
}
</style>
<style>
.pos2 {
top: 86px;
width: 50px;
}
</style>
<style>
.pos3 {
top: 126px;
width: 50px;
}
</style>

                                            <div id="goal-thermometer" style="height: 224px; opacity: 1;">
                                                <div id="therm-numbers">
                                                    <div class="therm-number pos0">30</div>
                                                    <div class="therm-number pos1">25</div>
                                                    <div class="therm-number pos2">20</div>
                                                    <div class="therm-number pos3">15</div>
                                                </div>
                                                <div id="therm-graphics" style="left: 50px;">
                                                    <img id="therm-top" src="images/glassTop.png" />
                                                    <img id="therm-body-bg" src="images/glassBody.png" style="height: 160px;" />
                                                    <img id="therm-body-mercury" src="images/redVertical.png" style="top: 64px; height: 110px;" />
                                                    <div id="therm-body-fore" style="height: 160px; background-image: url("images/tickShine.png");"></div>
                                                    <img id="therm-bottom" src="images/glassBottom.png" style="top: 173px;" />
                                                    <div id="therm-tooltip" style="top: 49px;">
                                                        <img class="tip-left" src="images/tooltipPoint.png" />
                                                        <div class="tip-middle" style="background-image: url("images/tooltipMiddle.png");">
                                                            <p>25.6</p>
                                                        </div>
                                                        <img class="tip-right" src="images/tooltipButt.png" />
                                                    </div>
                                                </div>
                                            </div>

下面是样式，图片在下面链接里面

#goal-thermometer,#goal-thermometer2,#goal-thermometer3{
    position:relative;
    padding:0;
    font-family:Arial, Helvetica, sans-serif;
    color:#fff;
    font-weight: bold;
    opacity:0;
}


#therm-numbers,#therm-numbers2,#therm-numbers3{
    width:50px;
    float:left;
    opacity:.4;
}

.therm-number{
    position:absolute;
    text-align:right;
    font-size:13px;
}

#therm-graphics,#therm-graphics2,#therm-graphics3{
    float:left;
    position:relative;
    width:46px;
}

#therm-top,#therm-top2,#therm-top3{
    position:absolute;
    top:0;
    left:7px;
    
    width:32px;
    height:13px;
}

#therm-body-bg,#therm-body-bg2,#therm-body-bg3{
     position:absolute;
     top:13px;
     left:7px;
     width:32px;
}

#therm-body-mercury,#therm-body-mercury2,#therm-body-mercury3{
     position:absolute;
     bottom:51px;
     left:14px;
     width: 18px;
     height:2px;
}

#therm-body-fore,#therm-body-fore2,#therm-body-fore3{
     position:absolute;
     width:24px;
     top:13px;
     left:11px;
     background-repeat:repeat-y;
}

#therm-bottom,#therm-bottom2,#therm-bottom3{
    position:absolute;
    left:0;
    width:46px;
    height:51px;
} 

#therm-tooltip,#therm-tooltip2,#therm-tooltip3{
    position:absolute;
    left:38px;
    width:200px;
}

#therm-tooltip .tip-left,#therm-tooltip2 .tip-left,#therm-tooltip3 .tip-left{
    float:left;
    width:19px;
    height:32px;
}

#therm-tooltip .tip-middle,#therm-tooltip2 .tip-middle,#therm-tooltip3 .tip-middle{
    float:left;
    height:32px;
    font-size:15px;
}

#therm-tooltip .tip-middle p,#therm-tooltip2 .tip-middle p,#therm-tooltip3 .tip-middle p{
    position:relative;
    margin:0;
    padding-right:4px;
    padding-left:3px;
    top:6px;
    height:32px;
    opacity:.7;
    background-size:64px 64px;
    -moz-background-size: 100%;
}

#therm-tooltip .tip-right,#therm-tooltip2 .tip-right,#therm-tooltip3 .tip-right{
    float:left;
    width:9px;
    height:32px;
}

.clear {
    clear: both;
}

图片链接链接：https://pan.baidu.com/s/1T6E5-YZsSStK_c6JVvdZ5w 密码：rhmb ，