cms方案静态页面生成工具方案设计 #4
Description
功能
此工具用于运营人员，自行配置生成页面。通过选择自己需要的UI模块或者功能模块，任意组装成一个可用的页面发布。不需要前端每次手写页面。只需要做平台维护和模块添加。
产品方案内容包括
1.各种定制的UI模块
2.模块拖入到编辑区域，文字，图片，链接，打点等提供修改功能
3.生成最终的htmlStr,发布到前台。需要后台的存储和路由map支持
技术方案设计包括
- 模块本身，html + css + js构成
- 模块的配置及写入
- 模块编辑平台通用功能开发，提供文字，图片，链接，打点，拖拽等功能修改
- 模块定制化功能开发，如获取特定数据
- 内容滤过河生成，由各种模块拼装而成的页面，同时发布时剔除不需要的内容
- 内容发布。后台提供api，进行存储和对应路由生成
动态块和静态块的设计
页面由模块构成。而模块本身其实是有差异的。
- 方案1，html+css全部写在页面，存在问题发布后，此类页面对应的模块都无法统一修改。js功能难以抽离维护
- 方案2，将js，css抽离单独引入。发布过程中，提交这类静态资源，页面渲染时加入对应的md5戳方案，动态变更所有模块。潜在问题，依赖的js和css过多。暂时没有想到很好的打包方案