前端页面模板拆解

页面模块化：

• 根据功能不同，将页面也按照模块来分包治理，按照模块化的思想，对项目进行重构，控制器和页面一一对应，非常清晰；
• 重构 thymeleafTest：classpath:/templates/thymeleafTest.html -classpath:/templates/tets/thymeleafTest.html；

页面碎片化：

• 后台管理系统为例，将页面切割成一个个的碎片文件，再进行组装：eader.html\sidebar.html\footer.html\content；
• 通过碎片组装器进行页面组装：classpath:/templates/index.html；
• 组装中，不一样的区域如何组装？中间不一样的区域，通过页面控制器，封装一个 template 变量，包装碎片页面的路劲，在碎片组装器中判断 template 是否存在，存在则替换，不存在则忽略；

拆解流程：

• 选择模板，
• 了解目标文件的网页结构；
• 拆解静态资源文件；
• 拆解网页结构，将每个部分的内容拆解到碎片文件中，再完善碎片组装器 index.html；
• 精细化整理各个碎片，留下我们想要的，移除没用的；