在 codeigniter 中处理大型 js 文件的最佳方法

Question

我正在为我构建的应用程序之一构建一个统计包，我希望页面上有 8 个图表显示不同的信息。问题是 - 迭代 js 文件中的数据的最佳方法是什么？ （或将 base_url() 添加到样式表中？

我将 js 保留在 root /scripts 中，

目前我有 8 个用于谷歌图表的图表 -

 function drawtwitterChart() {
    var data = new google.visualization.DataTable();
    data.addColumn('string', 'x');
    data.addColumn('number', 'Twitter');

    <?foreach($twitter_results->result_array() as $twitter_result){?>
        data.addRow(["<?=$twitter_result['hour']?>", <?=goAssocArrayNumeric($twitter_result,0)?>]);
    <?}?>
      // Set chart options
      var options = {'title':'How Much Pizza I Ate Last Night',
                     'width':300,
                     'height':250};
      new google.visualization.LineChart(document.getElementById('twitter_chart_div')).
      draw(data, {curveType: "function",
                  width: 400, height: 320,
                  vAxis: {maxValue: 10}}
          );
    }

所有这些都在我的页面标题中，我想删除它并将其放入 js 中文件？仍然需要迭代数据 - 想知道其他人是如何做到这一点的？

Answer 1

有几种方法可以解决这个问题。

最简单的方法是为动态生成的 JS 创建一个控制器。在调用输出 JS 的视图之前，设置响应头：

$this->output->set_header('Content-type: text/javascript');

如果你有很多 JS 文件，你可以更进一步，让所有 JS 链接都调用这个控制器。您可以自定义链接以在一次调用中请求所有 JS 文件，并且控制器可以将它们组合起来并将它们作为单个文件提供服务。您可以在请求中包含版本信息，以确保您获得正确的版本并防止在需要更新时 JS 被缓存。

更进一步，控制器可以缓存给定版本的组合文件，这样您就不必在每次请求时都处理它。如果你有需要动态内容的JS文件，你可以对JS进行分层，将静态JS文件合并起来缓存，然后每次生成动态JS文件，与缓存的静态文件合并，然后提供服务。