我有一个Web应用程序,其结构如下:
服务器是用Python编写的。它为客户端提供了一个HTML页面 大约100个不同的表(网格)和匹配的JS文件。每个网格都是一个带有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次。
这是解决这个问题的可行方法吗?