使用cursor+油猴，添加后台系统批量操作

工作中常常这样的场景：日常使用的后台，自身没有批量操作的功能。但又需要一次进行批量操作（如：上传资源）
这时，可以利用cursor+油猴，为后台系统添加批量操作的功能。
效果：

image.png

操作后：

image.png

制作步骤：
1、在目标后台中，进行单次操作，并打开浏览器的开发者工具，复制出请求curl命令，以及返回结果（如果上传、保存是两步操作，需要有上传的结果）

image.png

2、让curcor编写页面的输入内容(结合自身的系统请求做修改，本例子中保存的请求参照写的是ajax,curl命令也是可以的):

写一个html页面，批量选择图片，参照以下请求进行上传
curl 'https://alpha-mdp-user-admin-api-stage.immomo.com/propAdmin/upload' \
  -H 'Accept: application/json, text/plain, */*' \
  -H 'Content-Type: multipart/form-data; boundary=----WebKitFormBoundaryaJUkFRRsxgOlsujl' \
  -H 'Accept-Language: zh-CN,zh;q=0.9' \
  --data-raw $'------WebKitFormBoundaryaJUkFRRsxgOlsujl\r\nContent-Disposition: form-data; name="file"; filename="Group 1942190608.png"\r\nContent-Type: image/png\r\n\r\n\r\n------WebKitFormBoundaryaJUkFRRsxgOlsujl\r\nContent-Disposition: form-data; name="type"\r\n\r\n1\r\n------WebKitFormBoundaryaJUkFRRsxgOlsujl--\r\n' \
  --compressed
返回的格式参照{"ec":200,"em":"success","data":{"fileUri":"/mdp_activity_material/0f/7e/0f7e785d-0f97-4d35-9b3d-698a34307a6b20250828_L.png","previewUrl":"https://mdp.momocdn.com/mdp_activity_material/0f/7e/0f7e785d-0f97-4d35-9b3d-698a34307a6b20250828_L.png"},"timestamp":1756378799}
批量上传完成后，向操作人弹窗确认，被同意后参照以下逻辑，进行批量添加操作请求（不使用jquery，以下只是参照请求内容）
var propName = ["1","2","3","4","5","6","7","8","9","10"];
var url = ["https://1","https://2","https://3","https://4","https://5","https://6","https://7","https://8","https://9","https://10"];


  $.ajax({
    url : 'https://alpha-mdp-user-admin-api-stage.immomo.com/propAdmin/addProp',
    type : "post",
    data:JSON.stringify({"propNameEntryId":"","appId":2028,"extra":"","identifier":"","previewUrl":url[idx],"propName":name,"propTypeCode":"10166","resourceContent":{"resourceUrl":url[idx]},"skipGoto":"","source":"","useType":30,"validityPeriod":"-1","validityPeriodType":1,"desc":"","descEntryId":"","propId":""}),
  contentType: 'application/json',
    success : function(data) {
    console.log(data);
    }
  });
})
上传图片的原始主文件名（不包含扩展名），作为参照逻辑中的propName数组元素；上传成功后返回的previewUrl，作为参照逻辑中的url数组元素。

image.png

3、为了让这个页面操作时没有跨域问题，需要让浏览器认为这个页面是后台系统域名下的，我的方式是让油猴插件，对一个假页面修改内容为以上生成的html

image.png