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

前后端项目的糅合模式mashup相关推荐

docker前后端分离_Docker分离模式介绍
docker前后端分离 Docker分离模式 (Docker detached mode) Detached mode, shown by the option --detach or -d, mea ...
web前后端分离开发部署模式
web前后端分离开发部署模式在开始讨论这个话题之前我们先来认识一下传统的开发模式. 一.传统开发模式相信很多做过Web开发童鞋应该都会经历这样一种开发模式,利用后端语言提供的模版引擎编写HTML/ ...
Nginx实现通过不同的url前缀访问不同的前后端项目
,所以目前就可以通过给网页访问链接增加不同的url前缀,来让Nginx去实现同一端口下访问不同的前后端项目.具体配置如下: (我这里是前端两个项目各自对应后端的两个服务) server {#这里默认监 ...
RDC如何构建一个基于NodeJS的前后端项目
摘要: 最近在将公司的持续集成架构做一个系统的调整,调整过程中受到了RDC团队大量的帮助,所以利用国庆时间写了几篇RDC的分享,希望能让更多的人了解和用好RDC这个产品. 我会把我最近3个月的使用体会 ...
商城项目03_人人前后端项目、逆向工程、common工程搭建、coupon以及各个微服务工程搭建
文章目录 ①. 人人前后端项目 ②. 人人项目-逆向工程 ③. common工程搭建 ④. coupon.member.ware.order代码导入 ①. 人人前后端项目 ①. 在码云上搜索人人开源, ...
视频教程-微信公众号前后端项目视频教程-其他
微信公众号前后端项目视频教程张长志技术全才.擅长领域:区块链.大数据.Java等.10余年软件研发及企业培训经验,曾为多家大型企业提供企业内训如中石化,中国联通,中国移动等知名企业.拥有丰富的企业应 ...
docker 一键部署前后端项目 ruoyi
使用 docker 一键部署前后端项目这里我以开源项目ruoyi 的 vue 前后端为例,想要通过 docker 一键跑起来,需要对项目做部分调整. 修改 springboot yml 的配置 ap ...
前后端项目中跨域问题
什么是跨域: 跨域是什么?浏览器从一个域名的网页去请求另一个域名的资源时,域名.端口.协议任一不同,都是跨域 .我们们是采用前后端分离开发的,也是前后端分离部署的,必然会存在跨域问题. 怎么解决跨域? ...
若依微服务版手把手教你本地搭建环境并运行前后端项目
场景若依微服务版RuoYi-Cloud,基于Spring Boot.Spring Cloud & Alibaba.OAuth2的前后端分离的后台管理系统. RuoYi-Cloud 是一个 J ...

前后端项目的糅合模式mashup

前后端项目的糅合模式mashup相关推荐

最新文章

热门文章