会员管理小程序实战开发教程-会员信息删除

Posted 2021-08-13 低代码布道师

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了会员管理小程序实战开发教程-会员信息删除相关的知识，希望对你有一定的参考价值。

需求分析

日常我们在记录会员信息的时候，随着会员信息的增多，有必要定期清理一些已经不来消费的顾客，那么小程序删除的功能是必备的。

本文就讲解一下会员信息如何进行删除，考虑到读者群还有一部分是老板，对于软件开发技术不是特别了解，我们在讲解的过程中尽量保持通俗易懂。

先说一下具体的思路，首先是删除按钮放到哪里比较合适，在PC端的业务中如果是删除一般是放到列表上，这样方便选中记录并且删除。移动端因为空间比较小，所以考虑到在详情页中放删除按钮。

第二个需要考虑是删除的逻辑，删除的逻辑需要先获得记录的主键，获取主键是为了保证只删除该删除的记录。一般删除动作比较危险，为了防止误删，需要给用户一个提示，当他确认之后我们再做删除的动作。

好了，原理介绍了这么多，我们就实操一下如何实现会员信息的删除功能。

修改页面

我们在页面管理里选中我们的详情页面
在这里插入图片描述
切换到页面的组件视图，我们在余额字段的下边，添加个容器组件，并且在里边放置删除的按钮

按钮放置进去一般是垂直排列的，为了让按钮水平排列我们需要设置一下容器组件的布局，选中容器组件，然后在右侧的属性面板选中样式页签，进行相应的设置
在这里插入图片描述
按钮的话我们先设置一下按钮的基础数据

因为我们的删除操作是有明确的业务逻辑在里边的，所以需要以低代码的形式进行操作，点击顶部的菜单的低代码编辑按钮

找到我们的详情页，在handler旁边点击+号创建低码方法
在这里插入图片描述
具体的代码如下：

export default  function({event, data}) {
    app.showModal({
        title: '删除用户信息',
        content: '确认删除吗?',
        async success(res) {
            if (res.confirm) {
                let res = await app.cloud.dataSources.member.delete({
                    _id:data.target,
                });
                app.navigateBack({
                delta: 1
                });
            } else if (res.cancel) {
                
            }
        }
    });
}