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));
}
相关推荐
我今晚不熬夜10 分钟前
使用单调栈解决力扣第42题--接雨水
java·数据结构·算法·leetcode
louisgeek2 小时前
Java UnmodifiableList 和 AbstractImmutableList 的区别
java
回家路上绕了弯2 小时前
深度理解 Lock 与 ReentrantLock:Java 并发编程的高级锁机制
java·后端
青云交3 小时前
Java 大视界 -- Java 大数据在智能教育在线课程互动优化与学习体验提升中的应用(386)
java·大数据·flink·在线课程·智能教育·互动优化·学习体验
期待のcode3 小时前
SpringAOP
java·开发语言·spring
岁忧3 小时前
(LeetCode 面试经典 150 题) 104. 二叉树的最大深度 (深度优先搜索dfs)
java·c++·leetcode·面试·go·深度优先
麦兜*3 小时前
内存杀手机器:TensorFlow Lite + Spring Boot移动端模型服务深度优化方案
java·人工智能·spring boot·spring cloud·ai·tensorflow·ai编程
Kevin@wust3 小时前
axios的封装
前端·vue
小浣浣4 小时前
Java 后端性能优化实战:从 SQL 到 JVM 调优
java·sql·性能优化