开发指南035-刷新待办

简介: 这个问题在平台上的难点在于:待办是在门户系统里,待办的处理是在另一个独立的前端工程里,两者是跨域关系

这个问题在平台上的难点在于:待办是在门户系统里,待办的处理是在另一个独立的前端工程里,两者是跨域关系。当然这两个系统都是同一个浏览器打开的。跨域页面通讯技术的核心是:消息监听。

      1、门户主界面的vue页面的create中挂接消息监听:

            let that = this

            window.addEventListener("message", e => {

               that.doMessage(e);

            });

           methods定义消息处理函数      

          doMessage(e) {

           if (e.data == "refreshTodo") {

                 调用待办组件的刷新方法

           }

          }

     2、业务系统

         qlm_commonfuns.js中定义了刷新方法:

         export function refreshTodo(){

           if (window.opener){

             window.opener.postMessage("refreshTodo","*")

         }

         }

         调用后台处理业务成功后调用该函数即可。

        这里的关键点是门户打开业务系统链接要使用window.open函数

相关文章
|
10天前
|
前端开发 NoSQL Redis
开发指南071-进度展示
前端发起一个比较长时间的服务,需要在前端刷新实时进度,告诉用户进展
|
1月前
|
API 微服务
开发指南042-产生待办
整个平台待办是统一处理的,各业务微服务需要产生待办时调用系统API
|
4月前
|
小程序 数据库 C++
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
【微信小程序-原生开发】实用教程17 - 详情页触发列表页刷新,点击图片放大预览,转发给好友/群,分享到朋友圈
42 0
|
4月前
|
JSON 小程序 数据库
【微信小程序-原生开发】实用教程14 - 列表的分页加载,触底加载更多(含无更多数据的提醒和显示,自定义组件)
【微信小程序-原生开发】实用教程14 - 列表的分页加载,触底加载更多(含无更多数据的提醒和显示,自定义组件)
121 0
|
6月前
|
存储 弹性计算 运维
交互式待办事项管理器
【4月更文挑战第30天】
46 0
|
存储
发布&选择发布,使用SwiftUI搭建一个新建发布弹窗(下)
发布&选择发布,使用SwiftUI搭建一个新建发布弹窗(下)
217 0
|
存储
发布&选择发布,使用SwiftUI搭建一个新建发布弹窗(上)
发布&选择发布,使用SwiftUI搭建一个新建发布弹窗(上)
98 0
|
存储 UED 数据格式
Flutter卡片分享功能实现:将你的内容分享给世界
在开发app中,卡片分享功能可以为用户提供更好的交互和共享体验,我猜大家在开发的过程中也会有很大的概率碰上这样的需求。本文将带你学会如何在Flutter应用中实现卡片分享,提升用户体验~
|
前端开发 数据库 数据安全/隐私保护
总结项目功能特点(后台系统1)| 学习笔记
快速学习 总结项目功能特点(后台系统1)
165 0
总结项目功能特点(后台系统1)| 学习笔记
|
小程序 API 数据库
小程序中实现待办功能
小程序中实现待办功能
小程序中实现待办功能