前后端项目的糅合模式mashup

xiaoxiao2021-02-28  107

前后端项目的糅合模式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>

转载请注明原文地址: https://www.6miu.com/read-27077.html

最新回复(0)