您的位置:首页 > Web前端 > JavaScript

sea.js

2017-01-17 09:41 323 查看
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;


[/code]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: