DWZ框架--页面样式丢失

小鱼儿 2022-09-23 08:53 107阅读 0赞

# 案例 #

今天我导入DWZ框架demo时，发现主页面样式丢失，出现了如下图那鬼样：

![20160717023845743][] ![20160717023857134][]

正常情况应该是有表格显示，并且用chrome开发者模式调试，可以看到有对应的样式，如下图所示：

![20160717023925572][]

先简单介绍下dwz框架的页面布局，dwz框架页面主要分为header、leftside、container和footer四部分，如下所示：

![20160717030030541][]

# 解决方案 #

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

![20160717024406628][]

![20160717024418878][]

![20160717024434903][]

只需要把上图中user\_list.jsp页面的common.jsp（就是把导入的样式文件移除）移除即可，也就是只要index页面保留样式导入，因为user\_list.jsp是Index.jsp的一个子页面，所以无需重复导入，最终效果如下图：

![20160717025056219][]

![20160717025118173][]

[20160717023845743]: https://img-blog.csdn.net/20160717023845743
[20160717023857134]: /images/20220720/bc26630434c5403e857f5b860cc01c2f.png
[20160717023925572]: /images/20220720/f9374db0470542959fb478e52661b791.png
[20160717030030541]: /images/20220720/d898b912069a4878bf2204f3d223fa00.png
[20160717024406628]: /images/20220720/c6e1ba80c44144de84e4bb51d34aa5e5.png
[20160717024418878]: /images/20220720/6b6988bb23e445f6bfe639e946e79ae0.png
[20160717024434903]: /images/20220720/27975f619d9d4f35a02b0176fda2f6a2.png
[20160717025056219]: /images/20220720/ce45624e1c4343d3b0bdcb7bf0aa839d.png
[20160717025118173]: /images/20220720/1848b525d1114963a96cfb4c33438057.png

发表评论取消回复

表情：

评论列表（有 0 条评论，107人围观）

还没有评论，来说两句吧...

相关阅读

相关【内容页面】内容页面样式

> `前言` ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

超、凢脫俗/ 2023年01月09日 12:55/ 0 赞/ 65 阅读

相关 vue刷新页面丢失404

解决方案 nginx添加配置文件下面内容加入配置文件 location @rewrites { rewrite ^(.

偏执的太偏执、/ 2022年12月29日 00:13/ 0 赞/ 188 阅读

相关 DWZ框架--页面样式丢失

案例今天我导入DWZ框架demo时，发现主页面样式丢失，出现了如下图那鬼样： ![20160717023845743][] ![20160717023857

小鱼儿/ 2022年09月23日 08:53/ 0 赞/ 108 阅读

相关 DWZ框架的基本使用

1.HTML 扩展 1.A 链接扩展 <a href="w\_alert.html" target="ajax" rel="container"

痛定思痛。/ 2022年08月07日 13:46/ 0 赞/ 268 阅读

相关 DWZ富框架扩展icon方式

/ 自动加载toolbar的图片，iconClass=contexPathimageName / fu

朴灿烈づ我的快乐病毒、/ 2022年08月07日 08:50/ 0 赞/ 99 阅读

相关监听esc键关闭dialog dwz框架

document.onkeydown = function(e){ // alert(1) var keycode = "";

待我称王封你为后i/ 2022年02月15日 11:27/ 0 赞/ 212 阅读

相关 layui排序后table样式丢失

table.on('sort(goods-table2)', function(obj)\{ //注：tool是工具条事件名，goods-table2是table原始容器的属性

不念不忘少年蓝@/ 2022年01月26日 23:27/ 0 赞/ 646 阅读

相关使用dwz框架配合MVC使用<二>

上一篇，大该说了一下，富客框架和MVC搭建配置型软件的一些操作，接下来加，看看对应配置操作; 先来看看配置界面 [![d4ce2b9a8ec21d2c3bd903640

不念不忘少年蓝@/ 2022年01月13日 07:39/ 0 赞/ 301 阅读

相关改造DWZ框架

前言：直接从网上荡下DWZ的[dwz4j企业级Java Web快速开发框架(Mybatis + SpringMVC) + jUI整合应用][dwz4j_Java Web_Myb

骑猪看日落/ 2021年05月10日 11:18/ 0 赞/ 411 阅读

相关 DWZ查询页面布局改造

DWZ查询页面布局改造，dwz的页面查询条件部分如果使用标签ul、li进行布局的话，在页面分辨率较小时，或者窗口缩小时，就会隐藏部分查询条件，为了防止这种情况出现，就需要改造成

灰太狼/ 2021年05月10日 11:18/ 0 赞/ 410 阅读