EASY UI layout 利用装饰 decorators.xml进行布局

EASY UI layout 利用装饰 dadecator.xml进行布局

首先绘制总体布局，例如   总体分   north   west   center ;

而 west用作侧栏菜单，又细分north和 center ;

Center有细分为 north和 center ; north做查询、操作用； 此center 则用作真正的内容展现；任何页面都需要经过此装饰；

web-inf下的 decorators.xml

<?xml version="1.0" encoding="UTF-8"?>

<decorators defaultdir="/WEB-INF/view/common">

<!-- 不需要装饰的页面列表 -->

<excludes>

<pattern>**/login.html*</pattern>

<pattern>*.json*</pattern>

<pattern>*.do*</pattern>

<pattern>*/delete/*</pattern>

<pattern>/member*</pattern>

</excludes>

<!-- 所有未知页面采用默认装饰 -->

<decorator name="default" page="list.jsp">

<pattern>/*</pattern>

</decorator>

<decorator name="form" page="form.jsp">

<pattern>*/add*</pattern>

<pattern>*/edit/*</pattern>

<pattern>*/view/*</pattern>

<pattern>/system/role/auth/*</pattern>

<pattern>/business/checkrecord/initupload/*</pattern>

<pattern>*/editpassword/*</pattern>

</decorator>

</decorators>

decorators.xml何处生效  -- sitemesh配置好了后，放在 web-inf下自动生效！！

  sitemesh应用Decorator模式，用filter截取request和response,把页面组件head,content,banner结合为一个完整的视图。通常我们都是用include标签在每个jsp页面中来不断的包含各种header, stylesheet, scripts and footer，现在，在sitemesh的帮助下，我们可以开心的删掉他们了。如下图，你想轻松的达到复合视图模式