有三十多个详情页面，导航和页脚是一样的，中间内容全是图片，怎么快速快捷完成呢？

Question

如题，有什么方法吗？感谢

Answer 1

一般现在都有渲染模版或是框架支持或是组件完成，看你们项目的使用，有使用框架的话，框架的社区一般都有现成的；没有用框架可以去搜索一些插件支持

Answer 2

不借助任何框架和工具的话考虑下iframe吧

Answer 3

用vue或者react吧
vue有element-admin，react也有antd-admin
选一个，git clone下来简易版的，把不要的删掉，再补充自己的代码，其他东西都配好了，能省很多时间

Answer 4

使用框架或者插件搞个页签就好了

Answer 5

导航和页脚写好，中间内容图片分别整理到不同的文件夹并按顺序命名，然后写一段js生成中间的图片，这段js可以再优化下，通过获取url传入的参数来设置显示图片的数量

<div class="flipbook-viewport">
    <div class="container">
        <div class="flipbook" id="flipbook"></div>
    </div>
</div>
<script>
    var path = '01';
    var max = 10;
    var HTML = '';
    for(i=1;i<max;i++) {
        HTML += '<img src="images/'+ path +'/'+i+'.jpg" />';
    }
    $('#flipbook').html(HTML);
</script>