多人后台博客管理DAY06
(六)项目功能的实现之用户信息删除
文章图片
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'); }
【多人后台博客管理DAY06】admin.js
// 用户删除功能路由 admin.get('/delete', require('./admin/user-delete'));
推荐阅读
- 多人博客后台管理系统DAY05
- 多人后台博客管理
- VuePress|VuePress 博客搭建系列 33 篇正式完结!
- 多人后台管理博客DAY03
- 多人博客后台管理DAY02
- git|git 多人在同一分支上迭代开发时,如何保证分支提交历史保持线性
- 博客网站搭建框架的选择(Hexo,Typecho,Halo,WordPress)
- react--项目开发|react 项目--博客系统(后端总结)
- 如何利用VuePress和GithubPage搭建一个轻量级博客
- 博客园主题美化中BUG修复方法