NodeJS博客实战19_博客内容修改和删除-蒲公英云

NodeJS博客实战19_博客内容修改和删除

源码地址：https://github.com/RidingACodeToStray/Nodejs_blog

1.主要功能

1）编辑内容页面的渲染

2）编辑内容的分类加载

3）编辑内容的的提交验证

4）内容的删除

2.实现思路

1.使用findOne方法根据传过来的id查找相应的内容并返回

2.使用模板渲染将返回的内容渲染到页面

3.查找分类并渲染到列表上

4.使用populate联表查到分类的id，使用模板渲染判断选中分类

3.相关代码

1）内容修改渲染数据

routers/admin.js

//内容修改
router.get('/content/edit',function(req,res){
    var id = req.query.id || '';
    var categories = [];
    Category.find().sort({_id:1}).then(function(res){
        categories = res;
        return Content.findOne({
            _id:id
        }).populate('category');
    }).then(function(content){
            if(!content){
                res.render('admin/error',{
                    userInfo:userInfo,
                    message:'指定内容不存在'
                });
                return Promise.reject();
            } else{
                res.render('admin/content_edit',{
                    userInfo:req.userInfo,
                    categories:categories,
                    content:content
                })
            }
        })
});

2）内容修改提交保存：

routers/admin.js

//内容修改保存
router.post('/content/edit',function(req,res){
    var id = req.query.id || '';
    if (req.body.title == '') {
        res.render('admin/error',{
            userInfo:req.userInfo,
            message:'标题不能为空'
        })
        return;
    }
    if (req.body.content == '') {
        res.render('admin/error',{
            userInfo:req.userInfo,
            message:'内容不能为空'
        })
        return;
    }
    Content.update({
        _id:id
    },{
        category:req.body.category,
        title:req.body.title,
        desciption:req.body.desciption,
        content:req.body.content
    }).then(function(){
        res.render('admin/success',{
            userInfo:req.userInfo,
            message:'内容保存成功',
            url: '/admin/content/edit?id=' + id
        })
    })
})

3）内容删除

routers/admin.js

//内容删除
router.get('/content/delete',function(req,res){
    var id = req.query.id || '';
    Content.remove({
        _id:id
    }).then(function(){
        res.render('admin/success',{
                    userInfo:req.userInfo,
                    message:'删除成功',
                    url:'/admin/content'
                });
    })
})

4）渲染页面代码

views/admin/content_edit.html

{% extends 'layout.html' %}
{% block main %}
    <div class="a-userNav">
        <span><a href="/">管理首页</a></span>
        <span> / </span>
        <span>内容修改 - {
   {content.title}}</span>
    </div>
    <form style="padding-left: 50px;margin-top: 20px;" method="post">
    {
   {content.category._id.toString()}}
        <div>
            <label for="category">分        类:</label>
            <select name="category" id="category" style="width: 200px;">
                {% for category in categories %}
                    {% if content.category._id.toString() == category._id.toString() %}
                        <option value="{
   {category.id}}" selected>{
   {category.name}}</option>
                    {% else %}
                        <option value="{
   {category.id}}">{
   {category.name}}</option>
                    {% endif %}
                {% endfor %}
            </select>
        </div>
        <div>
            <label for="title">内容标题:</label>
            <input type="text" name="title" id="title" style="width: 200px;" value="{
   {content.title}}">
        </div>
        <div>
            <label for="desc">简        介:</label>
            <input type="desc" name="desciption" id="desciption" style="width: 200px;" value="{
   {content.desciption}}">
        </div>
        <div>
            <label for="content" style="vertical-align: top;">内        容:</label>
            <textarea type="content" name="content" id="content" style="width: 200px;" rows="4">{
   {content.content}}</textarea>
        </div>
        <button type="submit">提交</button>
    </form>
{% endblock %}