Node.js博客系统--20.后台管理-博客内容编辑与删除

首先修改上一节一个错误

 然后在内容首页的路由中这样添加

打印出来是这个样子

 在页面中这样获取分类名称

回忆一下界面

 

接着写修改的路由

 

 编写编辑的界面content_edit.html

{% extends 'layout.html' %}


{% block main %}
<ol class="breadcrumb">
    <li><a href="#">内容首页</a></li>
    <li>编辑内容</li>
</ol>



<form action="/admin/content/edit" method="post">
    <div class="form-group">
        分类{{content.category._id.toString()}}
        <select name="category" id="category" class="form-control">
            {% for category in categories%}
            {% if content.category._id.toString() === category.id %}
            <option value="{{category.id}}" selected>{{category.name}}</option>
            {% else %}
            <option value="{{category.id}}">{{category.name}}</option>
            {% endif%}
            {% endfor %}
        </select>
    </div>
    <div class="form-group">
        标题
        <input type="text" value='{{content.title}}'class="form-control" name="title" placeholder="请输入标题">
    </div>
    <div class="form-group">
        简介
        <textarea class="form-control" name="description" rows="5">{{content.description}}</textarea>
    </div>
    <div class="form-group">
        内容
        <textarea class="form-control" name="content" rows="10">{{content.content}}</textarea>
    </div>
    <input type="submit" value="提交">
</form>


{% endblock %}

为了达到这个效果

将内容修改的路由做以下优化

现在写修改内容的保存

 

删除功能

这一节有一个bug  编辑的时候 一直出现

好吧，折腾了好久都没有弄出来 呜