开始一个Koa+mongodb项目（十）实现文章上传发布

文章上传数据库表：

项目	Value
id	Objectid
name	string
status	int
title	string
authors	string
input_time	date

这里我们分了两栏需要上传

此处用到了bootstrap的tab
在菜鸟教程：
https://www.runoob.com/bootstrap/bootstrap-v2-nav.html

<div class="container">
    <div class="row">
        <div class="span4">
            <div class="tabbable">
                <ul class="nav nav-tabs">
                    <li class="active"><a href="#1" data-toggle="tab">Section 1</a></li>
                    <li class=""><a href="#2" data-toggle="tab">Section 2</a></li>
                    <li class=""><a href="#3" data-toggle="tab">Section 3</a></li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="1">
                        <p>You are watching section 1.</p>
                    </div>
                    <div class="tab-pane" id="2">
                        <p>You are watching Section 2.</p>
                    </div>
                    <div class="tab-pane" id="3">
                        <p>You are watching Section 3.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

在article.js post接收数据
在add.html绑定好每一个标签

//post接收数据
router.post('/doAdd', upload.single('img_url'),async (ctx)=>{

    let catename=ctx.req.body.catename.trim();
    let title=ctx.req.body.title.trim();
    let author=ctx.req.body.author.trim();
    let status=ctx.req.body.status;
    let content=ctx.req.body.content ||'';
    let img_url=ctx.req.file? ctx.req.file.path.substr(7) :'';

    let add_time=tools.getTime();
 

配置数据库

略

导入编辑器

测试上传后，在数据库是否能查询到，则成功。