设计开发一个模板（包含前端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用于登录校验
发布需求
报名竞价
选择中标
托管赏金
在线工作
验收付款
青岛市
菠菜软件定制工作室
信用分 60 好评率 100% 交易次数 5
主营 脚本开发前端开发后端开发APP开发其他工具软件其他软件开发网站二次开发其他网站采集工具系统工具数据采集安全服务运维服务定制开发测试服务
潍坊市
山东悦然信息科技有限公司
信用分 81 好评率 100% 交易次数 12
主营 APP开发前端开发模板建站电商网站后端开发数据库设计网站UI设计嵌入式软件其他软件开发营销型网站企业官网手机网站微信开发软件UI设计APP界面设计小程序开发产品原型设计网站二次开发其他网站金融电商直播医疗健康生活家政教育教学旅游出行餐饮ERP系统OA系统财务管理系统项目管理软件分销管理软件物业管理软件智能家居软件电子设备H5开发SAAS软件运维服务物联网区块链应用商城建设门户网站响应式网站定制开发外贸网站测试服务人脸识别线上教育
沈阳市
众鼎网络
信用分 66 好评率 100% 交易次数 57
主营 手游开发模板建站电商网站游戏其他APP开发其他软件开发营销型网站企业官网手机网站微信开发其他管理软件小程序开发网站二次开发其他网站电商直播行政管理医疗健康生活家政教育教学其他行业ERP系统通讯聊天OA系统分销管理软件物业管理软件智能家居软件页游/端游开发H5开发定制开发
佛山市
广州风浪科技有限公司
信用分 71 好评率 100% 交易次数 0
主营 小程序开发前端开发模板建站电商网站后端开发网站UI设计APP开发其他工具软件其他软件开发营销型网站企业官网手机网站微信开发软件UI设计APP界面设计其他管理软件产品原型设计网站二次开发其他网站金融电商直播医疗健康旅游出行餐饮其他行业ERP系统OA系统财务管理系统项目管理软件分销管理软件物业管理软件智能家居软件H5开发IT解决方案SAAS软件商城建设门户网站响应式网站定制开发外贸网站API接口
漳州市
晚柿网络科技
信用分 63 好评率 100% 交易次数 8
主营 定制开发前端开发电商网站后端开发APP开发其他软件开发微信开发其他管理软件小程序开发网站二次开发其他网站ERP系统OA系统财务管理系统项目管理软件分销管理软件物业管理软件智能家居软件H5开发SAAS软件物联网商城建设门户网站外贸网站API接口