1.在项目中引入需要的js文件
2.其中seajs-config中配置的信息如下
seajs.config({ base: "/zyda/assets/", paths: {//用的的路径 "libs": "/zyda/assets/libs", "plugins": "/zyda/assets/plugins", "script": "/zyda/assets/script", "style": "/zyda/assets/style", "templates": "/zyda/assets/templates" }, alias: {//用的组件的简写 "validForm": "plugins/validform/Validform_v5.3.2_min.js", "validFormCss": "plugins/validform/Validform.css", "bootstrapJs": "libs/bootstrap/bootstrap.min.js", "bootstrapCss": "libs/bootstrap/bootstrap.min.css", "dataTableJs": "plugins/dataTables/jquery.dataTables.min.js", "dataTableBootstrapJs": "plugins/dataTables/dataTables.bootstrap.min.js", "dataTableBootstrapCss": "plugins/dataTables/dataTables.bootstrap.min.css", "metisMenuJs": "plugins/metisMenu/metisMenu.min.js", "slimScrollJs": "plugins/slimScroll/jquery.slimscroll.min.js", "commonJs": "script/common.js", "font_awesome": "style/font-awesome.min.css", "dialogCss": "plugins/artDialog/skins/dialog.css", "dialog": "plugins/artDialog/modules/dialog.js", "contextmenu": "plugins/artDialog/jquery.contextmenu.r2.js", "win": "plugins/artDialog/modules/window.js", "ztreeJs": "plugins/zTree/js/jquery.ztree.all.min.js", "ztreeCss": "plugins/zTree/css/zTreeStyle/zTreeStyle.css", "arttemplate": "plugins/artTemplate/template", "datepickerJs": "plugins/bootstrap-datepicker/bootstrap-datepicker.min.js", "datepickerCss": "plugins/bootstrap-datepicker/bootstrap-datepicker.min.css", "datepickerCN": "plugins/bootstrap-datepicker/bootstrap-datepicker.zh-CN.min.js", "iviewer": "plugins/iviewer/jquery.iviewer.js", "iviewerCss": "plugins/iviewer/jquery.iviewer.css", "webUploaderCss": "plugins/webuploader/webuploader.css", "webUploaderJs": "plugins/webuploader/webuploader.min.js", "camera": "plugins/webcam/camera.js", "imagePickerJs": "plugins/imagePicker/image-picker.min.js", "imagePickerCss": "plugins/imagePicker/image-picker.css", "jsonp": "plugins/jsonp/jquery.jsonp-2.4.0.min.js", "icheckJs": "plugins/icheck/icheck.min.js", "icheckCss": "plugins/icheck/skins/all.css" }, preload: [ 'libs/jquery' ]});
3.在用到sea.js的页面这样调用
<script src="${rc.contextPath}/assets/libs/seajs/sea.js"></script> <script src="${rc.contextPath}/assets/libs/seajs/seajs-css.js"> </script><script src="${rc.contextPath}/assets/libs/seajs/seajs-text.js"></script> <script src="${rc.contextPath}/assets/libs/seajs/seajs-preload.js"> </script><script src="${rc.contextPath}/assets/libs/seajs/seajs-config.js"></script> <script> seajs.use(["script/dasgl.js"], function (d) { });
4.对应的js文件的书写格式
define(function (require, exports, module) { require("bootstrapJs");//引用组件
require("ztreeJs");//引用组件})
5.需要用到jquery的界面这样写
var $ = jQuery;