本文探讨了在前后端分离背景下，前端架构的四种选型方案，包括art-template+node.js，art-template+Nginx，marko.js，以及vue.js。每个方案都从重构成本、学习成本、部署难度等方面进行了分析，如方案一利用node.js提供服务，但可能导致前后端强耦合；方案二和三尽量减少外部依赖，但需要自行实现部分功能；方案四Vue.js生态丰富，但重构成本较高。Mock.js在所有方案中用于模拟后端数据，提高开发效率。
一.主要目标
1.前后端解耦。前端主要任务是将原有页面中的大量的Python Flask框架里的jinja2模板内容给替换，采用纯粹的JavaScript模板引擎来进行解耦。
2.前后端分离。前端拥有自己的静态资源服务器和路由，负责静态文件的转发和html页面的返回。
二.几种技术选型方案
选型方案，将从重构成本，人员成本(即学习成本)，部署难度等几方面考虑。
方案一： art-template（用于html文件解耦） + node.js(express)(用于静态资源返回 + 前端路由) + Mock.js（用于模拟伪后端数据）
方案优缺点：
1.art-template。由腾讯出品，github 有人维护，API 详细，插件相关生态也还不错，利于快速上手，重构成本相对较低。但是此模板引擎的模板继承功能必须由 node 服务提供，所以前端中间层只能是 node，强耦合。
2. node.js(express)。node + express 提供前端的本地服务和路由层，学习成本不高，利于
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
