案例


今天我导入DWZ框架demo时,发现主页面样式丢失,出现了如下图那鬼样:
DWZ框架--页面样式丢失-LMLPHPDWZ框架--页面样式丢失-LMLPHP
正常情况应该是有表格显示,并且用chrome开发者模式调试,可以看到有对应的样式,如下图所示:
DWZ框架--页面样式丢失-LMLPHP

先简单介绍下dwz框架的页面布局,dwz框架页面主要分为header、leftside、container和footer四部分,如下所示:
DWZ框架--页面样式丢失-LMLPHP

解决方案

经过一番排查,发现是重复导入样式文件冲突导致的,我之前分别在Index页面和内容主页都导入了样式文件,导致了内容主页样式丢失
DWZ框架--页面样式丢失-LMLPHP
DWZ框架--页面样式丢失-LMLPHP
DWZ框架--页面样式丢失-LMLPHP

只需要把上图中user_list.jsp页面的common.jsp(就是把导入的样式文件移除)移除即可,也就是只要index页面保留样式导入,因为user_list.jsp是Index.jsp的一个子页面,所以无需重复导入,最终效果如下图:
DWZ框架--页面样式丢失-LMLPHP
DWZ框架--页面样式丢失-LMLPHP

05-28 04:50