博客项目——用户删除功能实现

在这里插入图片描述
用户端获取删除用户信息(user.art)

在用户管理页面添加隐藏表单获取email值(注意:这里我们通过email传递给服务器,从服务器删除用户,表单提交数据以get形式提交给服务器,服务器通过req.query.(对应提交表单的name)来获取对应项的value值)

<!-- 删除确认弹出框 -->
<div class="modal fade confirm-modal">
    <div class="modal-dialog modal-lg">
        <form class="modal-content" action="/admin/user-delete" method="get">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span>&times;</span></button>
                <h4 class="modal-title">请确认</h4>
            </div>
            <div class="modal-body">
                <p>您确定要删除这个用户吗?</p>
                <input type="hidden" name="email" id="deleteUserId">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <input type="submit" class="btn btn-primary">
            </div>
        </form>
    </div>
</div>
<!-- /删除确认弹出框 -->
{{/block}}
{{block 'script'}}
<script type="text/javascript">
    $('.delete').on('click', function () {
        //attr()是获取属性值
        var email = $(this).attr('email');
        //将要删除的用户email存储在隐藏域中 val()方法是赋值
        $('#deleteUserId').val(email);
    })
</script>
{{/block}}

服务器端获取删除用户信息

//导入用户模板
const { User } = require('../../model/user');
module.exports =async (req, res) => {
    //将从客户端表单提交的的email值付给变量
    const email = req.query.email;
    //用email查找用户
   await User.findOneAndDelete({ email: email });
    //重定向回用户列表界面
    res.redirect('/admin/user');
}

遇到问题

$未定义,原因jq文件引入异常(猜测是jq文件引入有问题,结果混淆了cs和js引入,我吐了,有被自己菜到)
在这里插入图片描述
在这里插入图片描述

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值