前后端项目的糅合模式mashup

前后端项目的糅合模式mashup

        现在的前后端项目里，经常会有前端和后端的多对多交互。

        糅合模式（mashup）通过解耦合、分布式处理的可以将大型项目的复杂逻辑，模块化。简单化，

        以提高整个项目的高效率、高扩展、稳定性。

        糅合模式图：

       

     糅合模式中的交互分为：本域不跨端交互、本域跨端交互（分布式、解耦合）、前后后端跨域交互、后端与后端跨域交互（分布式，解耦合）

     这里主要讲本域跨端的分布式交互：

    

    需要实现的功能：

    从A后台管理平台登录验证成功后，跳转到B后台管理平台的主页

  

    实现代码:

    项目school 的里singIn.html：

//js里登录成功后执行,并传参数到项目shopManager的主页面index.html
<script>
window.location="/SchoolRoll/html/Mutually/shopManager/web/index.html?userType=0&yongHuMing=test";
</script>

    项目shopManager的里index.html：

<script>
//获取传递的get参数
alert(getParams("userType"));//0
alert(getParams("yongHuMing"));//test



/**获取根据参数名url的参数*/function getParams(key) { var reg = new RegExp("(^|&)" + key + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { return unescape(r[2]); } return null;};



</script>