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));
}
相关推荐
wuminyu1 小时前
专家视角看Java字节码加载与存储指令机制
java·linux·c语言·jvm·c++
callJJ3 小时前
Spring Data Redis 两种编程模型详解:同步 vs 响应式
java·spring boot·redis·python·spring
wbs_scy3 小时前
Linux线程同步与互斥(三):线程同步深度解析之POSIX 信号量与环形队列生产者消费者模型,从原理到源码彻底吃透
java·开发语言
jinanwuhuaguo5 小时前
(第三十三篇)五月的文明奠基:OpenClaw 2026.5.2版本的文明级解读
android·java·开发语言·人工智能·github·拓扑学·openclaw
RuoyiOffice5 小时前
SpringBoot+Vue3 企业考勤如何处理法定假期?节假日方案、调休补班与工作日判断链路拆解
spring boot·后端·vue·anti-design-vue·ruoyioffice·假期·人力
xmjd msup5 小时前
spring security 超详细使用教程(接入springboot、前后端分离)
java·spring boot·spring
952366 小时前
SpringBoot统一功能处理
java·spring boot·后端
Lyyaoo.6 小时前
优惠券秒杀业务分析
java·开发语言
消失的旧时光-19436 小时前
统一并发模型:线程、Reactor、协程本质是一件事(从线程到协程 · 第6篇·终章)
java·python·算法
勿忘初心12216 小时前
Java 国密 SM4 加密工具类实战(Hutool + BouncyCastle)|企业级数据加密 + 兼容 JDK8
java·数据安全·数据加密·后端开发·企业级开发·国密 sm4