RequireJS, Sitemesh, Bootstrap 组合

header.jsp中

<script src="${ctx}/static/require/require.js" type="text/javascript"></script>
<script src="${ctx}/js/common.js"></script>

其中，common.js

var appContext = "/" + document.URL.split("/")[3];
require.config({
    baseUrl : appContext + '/js/',
    paths : {
        'domReady': appContext + '/static/require/domReady',
        'jquery' : appContext +'/static/jquery/jquery-1.8.2',
        'bootstrap' : appContext + '/static/bootstrap/js/bootstrap',
        'ztree' : appContext + '/static/ztree/js/jquery.ztree.all-3.5.min',
        'validation': appContext + '/static/jquery-validation/1.10.0/jquery.validate.min',
        'validationMessage': appContext + '/static/jquery-validation/1.10.0/message_bs_zh',
        'datePicker':  appContext + '/static/datepicker/js/bootstrap-datepicker'
    },
    shim :{
        bootstrap: ['jquery'],
        ztree: ['jquery'],
        validation: ['jquery'],
        validationMessage: ['validation'],
        datePicker: ['bootstrap']
    }
});

footer.jsp：

    <script type="text/javascript">
        require(['domReady!', 'jquery', 'admin/main'], function (domReady, $, main) {
            main.activeBar("${url}");
        });
    </script>

dody.jsp （被装饰的页面）

    require(['xxx/foo'], function (controller) {
    });

foo.js中依赖bootstrap