鍍金池/ 問答/PHP  HTML/ 在php代碼中摻雜了好多的html代碼,html代碼很多都是重復(fù)的,只有細微區(qū)別

在php代碼中摻雜了好多的html代碼,html代碼很多都是重復(fù)的,只有細微區(qū)別,要怎么優(yōu)化這些重復(fù)代碼?

<script type="text/javascript">
// 基于準(zhǔn)備好的dom,初始化echarts實例
var dom = document.getElementById("chartContainer");
var chart = echarts.init(dom);
chart.showLoading({
    text: '數(shù)據(jù)加載中',
    effect: 'spin',
    maskColor: '#404a59'
});
setTimeout('chart.hideLoading()', 3000);
    var series = [];
    var legend = [];
    /*規(guī)格值*/
<?php foreach ($resultSetStandardValue as $key => $value) { ?>
    var standardValue = [
        <?php echo $value[""]; ?>,<?php echo $value[""]; ?>,
        <?php echo $value[""]; ?>,<?php echo $value[""]; ?>,
        <?php echo $value[""]; ?>,<?php echo $value[""]; ?>,
        <?php echo $value[""]; ?>,<?php echo $value[""]; ?>,
        <?php echo $value[""]; ?>,<?php echo $value[""]; ?>
    ];
<?php } ?>
var i = 0;
<?php foreach ($resultSet as $key => $value) { ?>
    series.push({
        name: '<?php echo $value["SerlNo"]; ?>',
        type: 'line',
        tiled: '總量',
        data: [
            <?php echo $value[""]; ?>,<?php echo $value[""]; ?>,
            <?php echo $value[""]; ?>,<?php echo $value[""]; ?>,
            <?php echo $value[""]; ?>,<?php echo $value[""]; ?>,
            <?php echo $value[""]; ?>,<?php echo $value[""]; ?>,
            <?php echo $value[""]; ?>,<?php echo $value[""]; ?>
        ]
    });
    legend[i] = '<?php echo $value["SerlNo"]; ?>';
    i++;
<?php } ?>
legend[i] = '規(guī)格值';
series.push({
    name:'規(guī)格值',
    type:'line',
    tiled: '總量',
    itemStyle: {
        normal: {
            color:'#00FF00',
            lineStyle:{
                color:'#00FF00',
                type:'dashed'
            }
        }
    },
    data:standardValue
});
// 指定圖表的配置項和數(shù)據(jù)
var option = {
    title: {
        text: 'title'
    },
    tooltip: {
        trigger: 'axis'
    },
    legend: {
        padding: 30,
        data:legendW
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '7%',
        containLabel: true
    },
    toolbox: {
        show: true,
        feature: {
            mark: {show: true},
            dataView: {show: true, readOnly: false},
            magicType: {show: true, type: ['line', 'bar', 'stack', 'tiled']},
            restore: {show: true},
            saveAsImage: {}
        }
    },
    calculable: true,
    xAxis: {
        type: 'category',
        boundaryGap: false,
        axisLabel:{
            interval:0,
            rotate:60
        },
        data: ['','','','','','','','','','']
    },
    yAxis: {
        type: 'value'
    },
    series: series
};
// Echarts自適應(yīng)寬度
$(window).on('resize', function(){
    if(chart !== null && chart !== undefined){
        chart.showLoading({
            text: '數(shù)據(jù)加載中',
            effect: 'spin',
            maskColor: '#404a59'
        });
        setTimeout('chart.hideLoading()', 3000);
        chart.resize();
    }
});
// 使用剛指定的配置項和數(shù)據(jù)顯示圖表。
chart.setOption(option);
chart.on('click', function (params) {
    $('#modal-body-tips').html('你點擊的是: ' + params.seriesName);
    $('#modal-container-tips').modal();
});
</script>

上面截取的部分代碼在php里使用了很多次,有很多的重復(fù)代碼,這個要怎么調(diào)整,減少重復(fù)代碼?

回答
編輯回答
獨特范

php返回json格式的數(shù)組,JS中定義變量接收,然后forEach一下就OK了

2017年1月21日 16:20