seajs.的使用
页面的引用
<script>
var app = {};
app.debug = false;
app.controller = 'echart/echartControl';
</script>
<#-- 页脚开始 -->
<#include "/default/admin/commons/footer.ftl">
页面页脚footer.ftl引用:
<script src="/resources/assets/libs/seajs/seajs/2.1.1/sea.js?1.5.3"></script> <script src="/resources/assets/libs/seajs/seajs-style/1.0.1/seajs-style.js?1.5.3"></script> <script src="/resources/assets/libs/seajs-global-config.js?1.5.3"></script> <script> seajs.use("/resources/bundles/schoolweb/js/app.js?1.5.3"); </script>
app.js
define(function(require, exports, module) { window.$ = window.jQuery = require('jquery'); require('placeholder'); require('bootstrap'); require('common/bootstrap-modal-hack'); exports.load = function(name) { require.async('./controller/' + name + '.js?' + window.app.version, function(controller){ if ($.isFunction(controller.run)) { controller.run(); } }); }; window.app.load = exports.load; if (app.controller) { exports.load(app.controller); } $(document).ajaxError(function(event, jqxhr, settings, exception) { var json = jQuery.parseJSON(jqxhr.responseText); error = json.error; if (!error) { return ; } if (error.name == 'Unlogin') { $('.modal.in').modal('hide'); $("#login-modal").modal('show'); $.get($('#login-modal').data('url'), function(html){ $("#login-modal").html(html); }); } }); if ($('html').hasClass('lt-ie8')) { var message = '<div class="alert alert-warning" style="margin-bottom:0;text-align:center;">'; message += '您的浏览器版本太低,不能正常使用本站,请使用'; message += '<a href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie" target="_blank">IE8浏览器</a>、'; message += '<a href="http://www.baidu.com/s?wd=%E8%B0%B7%E6%AD%8C%E6%B5%8F%E8%A7%88%E5%99%A8" target="_blank">谷歌浏览器</a><strong>(推荐)</strong>、'; message += '<a href="http://firefox.com.cn/download/" target="_blank">Firefox浏览器</a>,访问本站。'; message += '</div>'; $('body').prepend(message); } $( document ).ajaxSend(function(a, b, c) { if (c.type == 'POST') { b.setRequestHeader('X-CSRF-Token', $('meta[name=csrf-token]').attr('content')); } }); });
admin-app.js:用于加载其他的js
define(function(require, exports, module) { window.$ = window.jQuery = require('jquery'); require('placeholder'); require('bootstrap'); require('common/bootstrap-modal-hack'); exports.load = function(name) { require.async('./controller/' + name + '.js?' + window.app.version, function(controller){ if ($.isFunction(controller.run)) { controller.run(); } }); }; window.app.load = exports.load; if (app.controller) { exports.load(app.controller); } $( document ).ajaxSend(function(a, b, c) { if (c.type == 'POST') { b.setRequestHeader('X-CSRF-Token', $('meta[name=csrf-token]').attr('content')); } }); });