1

我有一个 Web 应用程序，其结构如下：

服务器是用 Python 编写的。它为客户端提供一个包含大约 100 个不同表格（网格）和匹配 JS 文件的 HTML 页面。每个网格都是一个带有 JS 代码的 DIV，用于初始化它：

page.html：

<script type="text/javascript" src="static/assets/js/grid_type_1.js"></script>
<script type="text/javascript" src="static/assets/js/grid_type_2.js"></script>
<script type="text/javascript" src="static/assets/js/grid_type_3.js"></script>

<div id="grid_type_1" style="width: 100%; height: 200px;"></div>
<div id="grid_type_2" style="width: 100%; height: 200px;"></div>
<div id="grid_type_3" style="width: 100%; height: 200px;"></div>

grid_type_1.js：

$(function () {
    w2utils.settings['dataType'] = 'JSON'  
    $('#grid_type_1').w2grid({
       // configuration here
});

所有 JS 文件都使用相同的 UI 框架 (W2UI)，但每个网格具有不同的配置和结构。页面加载后，每个网格都会向服务器发出一个 POST 请求，并使用 JSON 进行回复，该 JSON 用于在该网格中填充条目。

我已经在使用 Jinja2 模板化 HTML 文件并且 JS 文件中 80% 的代码是相同的，所以我在想是否最好也生成 JS 文件，而不是复制 80% 的 JS格码100次。

这是解决这个问题的可行方法吗？

4

0 回答 0