原代码
<script>
$(function () {
// 根据id获取展示框
var viewer = $3Dmol.createViewer("gldiv");
var pdbModel, sdfModel;
var colorpdb = '700080', colorsdf = '000F00';
// 这里两个src表示文件路径
var sdf = '../resources/sdf/99.sdf';
var pdb = '../resources/pdb/4iiy.pdb';
// 加载pdb和sdf文件 相对路径
$.when($.get(pdb), $.get(sdf)).done(function (pdbData, sdfData) {
pdbModel = viewer.addModel(pdbData[0], "pdb");
sdfModel = viewer.addModel(sdfData[0], "sdf");
viewer.setStyle({model: pdbModel}, {cartoon: {color: colorpdb}}); // 六进制颜色代码,不含透明度
viewer.setStyle({model: sdfModel}, {stick: {color: colorsdf}});
viewer.zoomTo();
viewer.render();
});
</script>
代码功能
这里想用3Dmol.js进行分子的3D渲染,通过改变sdf和pdb对应的值,来渲染不同的文件
那么在后端自然而然就想到,在服务器中存好对应文件后,保存对应文件路径并通过模版中的变量写法来改变这里的s