多人后台博客管理DAY06

(六)项目功能的实现之用户信息删除

多人后台博客管理DAY06_第1张图片

BLOG -- 源码目录
  └── model -- 数据库操作
   ├──  public -- 静态资源
   └──  route -- 路由
        └──  admin --博客管理              
               └── user-delete.js --用户分页功能路由
        └── admin.js --博客管理页面路由
 └── views -- 模板
      └── admin --博客管理页面art模板
          └── user.art --用户列表页
 └── app.js -- 创建网站服务

user.art

  • 对删除框添加隐藏域,type=hidden,为隐藏域也添加id
  • 找到删除按钮并添加Id,为删除标签添加类名 ,并添加点击事件,主要通过jquery中的来捆绑id添加点击事件
  • 将要删除的id值添加到隐藏域中
  • 为表单添加提交地址action到delete
{{extend './common/layout.art'}}

{{block 'main'}}
    
    {{include './common/header.art'}}
    
    
{{include './common/aside.art'}}
··· ··· {{/each}}
···
{{/block}} {{block 'script'}} {{/block}}

user-delete.js

  • 获取要删除的用户的Id
  • 添加用户结合函数
  • 根据findOneAndDelete方法来进行用户删除
  • 用户删除成功后重定向回用户列表页面

    const { User } = require('../../model/user');
    
    module.exports = async (req, res) => {
      // 获取要删除的用户id
      // res.send(req.query.id)
      // 根据id删除用户
      await User.findOneAndDelete({_id: req.query.id});
      // 将页面重定向到用户列表页面
      res.redirect('/admin/user');
    }

    admin.js

    // 用户删除功能路由
    admin.get('/delete', require('./admin/user-delete'));

你可能感兴趣的:(多人后台博客管理DAY06)