[发明专利]一种基于iframe-message微前端的跨平台试题录入方法

说明书

本发明提供的一种基于iframe‑message微前端的跨平台试题录入方法包括：配置定制化参数；请求server端获取url；Iframe根据url重定向到录题服务；进行试题录入；保存试题；判断所述试题是否通过校验；如果是，请求sever端保存，试题入库；Broadcast向业务方输出试题id；业务方接收试题id关闭frame。解决了iframe内外跨域通信、状态数据难以共享的问题，slot插槽方法突破了DOM割裂严重的限制。

技术领域

本发明涉及数据监管领域，尤其涉及一种基于iframe-message微前端的跨平台试题录入方法。

背景技术

随着教培行业的不断发展，线上试题库的建设显得尤为重要。而支持试题库建设的题库后台管理系统、Paper试卷编辑系统、试卷库收集系统等多个Web端项目在多个环节都涉及试题录入技术。

如何使用一种简单的方式，将试题录入技术延伸为一个独立的服务，独立开发、独立运行，并且可以供各个业务方系统直接接入，复用整个服务，提高开发效率。

现有技术中的开发方式中，各个业务方系统各自维护一套试题录入组件，每一套代码在业务处理、逻辑处理上基本一致，只是有细微的差异。举个例子，比如各个业务方在提交的时候，都需要判断是新生成一道试题，还是对试题进行编辑，还是基于当前试题改编出一道新的试题。这种相似的业务逻辑的处理，相似的UI，对于开发者来说，无疑是一个重复开发的过程。

发明内容

鉴于上述问题，提出了本发明以便提供克服上述问题或者至少部分地解决上述问题的一种基于iframe-message微前端的跨平台试题录入方法。

根据本发明的一个方面，提供了一种基于iframe-message微前端的跨平台试题录入方法包括：

配置定制化参数；

请求server端获取url；

Iframe根据url重定向到录题服务；

进行试题录入；

保存试题；

判断所述试题是否通过校验；如果是，请求sever端保存，试题入库；

Broadcast向业务方输出试题id；

业务方接收试题id关闭frame。

可选的，所述配置定制化参数具体包括：两种模式，第一种模式为通过broadcast函数的共享数据data，通过不同的参数来定制试题录入服务的各个模块的逻辑；第二种模式为通过server端不同的业务方http接口返回的不同的JSON配置文件来实现。

可选的，所述试题录入的内容包括：年部学科、试题主体数据、难度系数、标签标注、试题来源。

可选的，所述试题主体数据在录入时，均为富文本编辑器，所述富文本编辑器基于CKEditor集成自研拼音插件、公式编辑器、竖式编辑器、GGB编辑器，增强图片、音频和视频上传功能。

可选的，所述试题录入的方式包括：手动录入、粘贴、上传图片、对图片进行OCR识别；根据映射规则对题干、选项、答案、解析的主体内容进行自动填充。

可选的，所述录入方法还包括：

在iframe和容器标签之间建立一个Connection连接中心，Connection是iframe-message对外输出的一个构造函数，基于该构造函数初始化一个Connection实例，并将该实例存入连接中心的handshake变量、便于后期获取。

可选的，所述录入方法还包括：