前端javascript库（angularjs框架，UI，模
##JMe描述
基于AngularJS的前端框架，极大提高前端开发的效率，适用于任何前端项目
##5分钟上手
1.页面必须引用jQuery ,AngularJS ，以及me.js
2.创建主页面index.html
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="meApp">
<head>
<title>me 测试页面</title>
<script src="js/jquery-2.0.2.min.js"></script>
<script src="js/angular1.3.8.min.js"></script>
<script src="js/me-1.0.js"></script>
<script src="js-ctrl/a.js"></script>
<script src="js-ctrl/b.js"></script>
<script>
me.config({
container: "#me_body",
main: "tpl/a.html" // 默认加载a.html
});
</script>
</head>
<body ng-controller="me.ctrl">
<div id="me_body"></div>
</body>
</html>
<script>me.run("meApp", []);</script>
3.创建子页面tpl/a.html
<div ng-controller="a.ctrl">
<h1>这是a页面</h1>
<button ng-click="showB()">打开b页面</button>
</div>
4.创建子页面a的控制器js-ctrl/a.js
me.define("a",{
ctrl: function(){
// a初始化函数
},
showB: function(){
me.show("tpl/b.html", {
showType: 1,
param: "传到b页面的参数"
}).on("hide", function(hideParam){
console.log(hideParam);
});
}
});
5.创建子页面tpl/b.html
<div ng-controller="b.ctrl">
<h1>这是b页面</h1>
<button ng-click="back()">返回a页面</button>
</div>
6.创建子页面b的控制器js-ctrl/b.js
me.define("b",{
ctrl: function(){
// 获取从a传来的参数
console.log(me.param());
},
back: function() {
// 关闭页面b时，返回参数给a
me.hide("返回的参数");
}
});
##完整的demo Demo
##结束语
JMe是完全开源的项目，欢迎大家来拍砖，多提提意见。有什么好的意见可以留言给我们。如果大家对JMe感兴趣的话,也可以加QQ群（群号：4615680）
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
