看到《重学前端》的一章是《搭建系统：大量的低价值需求应该如何应对》，不禁回想起自己曾经做过的一个页面。

《重学前端》里介绍了搭建系统的几种流派：

  • 模板化搭建，由前端生产页面模板，再由运营提供数据组织成页面。

    模板 + 数据 = 页面

  • 模块化搭建，有前端工程师生产模块，由运营把模块和数据组织成页面。

  • 数据驱动页面。

在这个项目里，我实际使用的是第一种：模版+数据 = 页面，但是一直到最后，都还是前端工程师在操作，因为没有把它界面化，以推给业务来使用。

这里确实是一个缺憾，不过因为最后还是要用git推送，业务估计本身也不愿去做这些步骤。

需求概览
获取商品信息，批量生成静态页

整体实现思路
当前思路：模板 + 数据 = 页面
后续可优化思路：模块化搭建，让业务去配置页面，解放前端（需要较多时间）

细节需求

  • 能生成静态页
    能生成静态页的目录，并且有一个映射目录方便跳转
     能获取所有图片的 cdn 地址
    * 能获取所有页面中用到的图片大小

代码实现

  • 一个获取商品ID数组的函数（从 excel、手写数组？）
    根据商品ID依次获取对应商品的数据
     编写对应的静态页模板链接(dot.js语法)
    给模板填充数据，生成页面
     汇总输出：目录页、图片引用路径页、excel（看业务需要什么信息）

后续可优化思路：
* 从输入口进行优化，目前都是从在线文档里获取商品ID，这里还需要手动地将相关链接取到项目中。