设计开发一个模板（包含前端JS代码、后端JAVA接口程序），能够将web系统A的一个功能页面，嵌入到web系统B中进行访问。

功能描述：通过相关JS脚本代码，在系统B中的页面添加一个浮动按钮，点击后出现若干功能按钮，选择其中一个按钮则打开对应的某个web系统的功能页面窗口，可以在这个窗口中，跨域访问对应web系统的功能；通过后端接口和“后台管理”系统交互，获取相应的功能信息，以及进行自动登录。

（参见附件“嵌入工具.png”“嵌入工具2.png”）

技术要点：

1）被嵌入的目标系统不需要很大改动，前端页面上只需要引入几行js代码和一个js包；后端只需要实现一个接口，用来做功能列表获取和自动登录验证；

2）可以通过js代码的配置，点击后从后端接口中获取功能列表，每个都对应不同系统页面功能；

3）嵌入端的系统需要进行支持跨域的配置

4）后端的接口用来进行登录验证，需要和后台管理系统进行交互，进行自动校验和登录；

5）后台管理系统负责生成登录的token，给到系统A和被嵌入系统X的后台接口

6）在被嵌入的X系统的弹出窗口中访问相应的web功能页面

产出物和功能要求：

1）产出物：能够体现整体功能的例子，包含一个迁入端系统A的demo，被嵌入系统Xdemo，后台管理系统demo，控制嵌入的JS语句和对应的js包，需要在系统X中添加的接口API；

2）产出物：对系统A的支持跨域配置详细说明

3）功能描述：控制嵌入的JS语句用来展示浮动按钮“嵌入工具”，点击按钮后，和后台管理系统交互发送系统代码，获取功能列表并展示在扩大的浮动框中

4）功能描述：被嵌入系统X页面上，点击浮动框的功能按钮后，从后台API接口中获取token和访问url地址，然后前端打开一个弹框，使用url和token访问系统A的功能

5）功能描述：“后台管理系统”中，和被嵌入系统X后台的API交互，通过系统代码+IP地址校验，给出功能列表，支持功能4；通过功能列表+系统代码+IP地址校验，给出访问系统A功能的url和token返回给系统X的页面，同时和系统A的后台接口API进行交互，发送token用于登录校验