Java 日常开发笔记(小程序页面交互传参-id)

前端代码

传id

javascript 复制代码
  // 使用 JSON.stringify 将数组转换为字符串,以符合 URL 的要求
  del(`/system/wenjuan/${id}`).then(res => {
    if (res.code == 200) {
      uni.showToast({
        title: '删除成功',
        icon: 'success',    // 将值设置为 success 或者 ''
        duration: 2000    // 持续时间为 2秒
      });
    } else {
      uni.showToast({
        title: '删除失败',
        icon: 'error',    // 将值设置为 success 或者 ''
        duration: 2000    // 持续时间为 2秒
      });
    }
  });

传数组ids

方式一

javascript 复制代码
const ids = [id];
  // 使用 JSON.stringify 将数组转换为字符串,以符合 URL 的要求
  del(`/system/wenjuan/${ids.join('/')}`).then(res => {
    if (res.code == 200) {
      uni.showToast({
        title: '删除成功',
        icon: 'success',    // 将值设置为 success 或者 ''
        duration: 2000    // 持续时间为 2秒
      });
    } else {
      uni.showToast({
        title: '删除失败',
        icon: 'error',    // 将值设置为 success 或者 ''
        duration: 2000    // 持续时间为 2秒
      });
    }
  });

js交互代码

javascript 复制代码
// 删除公共方法
export function del(url) {
    return request({
        url: url,
        method: 'delete'
    })
}

方式二

javascript 复制代码
del(`/system/wenjuan/`,ids).then(res => {
   if (res.code == 200) {
     uni.showToast({
       title: '删除成功',
       icon: 'success',
       duration: 2000
     });
     that.getlist(); // 刷新列表
   } else {
     uni.showToast({
       title: '删除失败',
       icon: 'error',
       duration: 2000
     });
   }
 });

js交互代码

javascript 复制代码
// 删除公共方法
export function del(url,roleId) {
    return request({
        url: url + roleId,
        method: 'delete'
    })
}

后端接口

接收ids

javascript 复制代码
@DeleteMapping("/{ids}")
public AjaxResult remove(@PathVariable Long[] ids)
{
    return toAjax(wenjuanService.deleteWenjuanByIds(ids));
}

接收id

javascript 复制代码
@DeleteMapping("/{id}")
public AjaxResult remove(@PathVariable int ds)
{
    return toAjax(wenjuanService.deleteWenjuanById(id));
}
相关推荐
xcl09251 小时前
北京24小时自助健身房系统软件开发实战:从架构到部署全流程指南
java·spring boot·架构
一 乐3 小时前
动漫书销售商城|基于springboot + vue动漫书销售商城(源码+数据库+文档)
java·数据库·vue.js·spring boot·毕业设计
卓怡学长3 小时前
w214基于jsp知道特产网
java·intellij-idea
步行cgn3 小时前
Spring 注解使用详解
java·spring
一条小小yu4 小时前
Spring IoC的理解
java·后端·spring
落魄实习生4 小时前
Agent Scope Java 2.x 系列【7】工具使用
java·开发语言·ai
旺仔学长 哈哈4 小时前
springboot钓鱼爱好者交流平台APP设计与实现
java·spring boot·mysql·充电桩管理系统
自强的小白6 小时前
核心功能(Service接口)
java·mybatis
乌暮6 小时前
深入理解 Java 泛型:把「万能盒子」用对、用稳
java·开发语言·后端·学习