jeesite学习总结-调用静态文件

        最近做了一个项目，有个功能是用jeesite和echarts做数据图表的展示。用jeesite的这段时间，基本上都是用框架自带的代码生成功能自动生成页面，很少自己去改页面。一时间竟不知道在jeesite框架中要怎么引用echarts.js文件了，而且生成的代码中也没有类似的调用。查了下jeesite的在线文档，在“开发规范、设计原则、数据库规范、平台规范”里有一个对JeeSite静态文件规范的描述。要求所有静态文件均放在：模块项目/src/main/resources/static 目录下。

        解决了存放路径的问题，要怎么引用js文件和图片。其实框架本身已经有了方法，只是不知道这个方法是啥，该怎么用。通过查找，在jeesite-module-core中找到了sysIndex.html，这里就有调用的方法，<script src="${ctxStatic}/jquery-toastr/2.1/toastr.min.js?${_version}"></script>，用${ctxStatic}指向src/main/resources/static这个存放静态资源的目录路径。

<%
// 侧边栏的默认显示样式：1：默认显示侧边栏；2：默认折叠侧边栏
var sidebarStyle = @Global.getConfig('sys.index.sidebarStyle', '1');
var sidebarCollapse = (sidebarStyle == '2' ? 'sidebar-collapse' : '');
var bodyClass = 'fixed noscroll2 sidebar-mini ' + sidebarCollapse;
%>
<% layout('/layouts/default.html', {title: '', bodyClass: bodyClass, libs: ['tabPage']}){ %>
<!--[if lte IE 8]><script>window.location.href='${ctxStatic}/upbw/index.html';</script><![endif]-->
<link rel="stylesheet" href="${ctxStatic}/jquery-toastr/2.1/toastr.min.css?${_version}">
<link rel="stylesheet" href="${ctxStatic}/modules/sys/sysIndex.css?${_version}">
<header class="main-header">
	<% include('/include/sysIndex/topMenu.html'){} %>
</header>
<aside class="main-sidebar">
	<% include('/include/sysIndex/leftMenu.html'){} %>
</aside>
<div class="content-wrapper">
	<div id="tabpanel"></div>
</div>
<% } %>
<div class="hide" id="desktopTabPage" data-title="${text('仪表盘')}"
	data-url="${ctx}${@Global.getConfig('sys.index.desktopUrl')}"></div>
<div class="hide" id="modifyPasswordTip" data-message="${modifyPasswordTip!}"></div>
<script src="${ctxStatic}/jquery-toastr/2.1/toastr.min.js?${_version}"></script>
<script src="${ctxStatic}/jquery-plugins/jquery.slimscroll.js"></script>
<script src="${ctxStatic}/modules/sys/sysIndex.js?${_version}"></script>