2020.04.13

• 文章上传数据库表：
• 这里我们分了两栏需要上传

文章上传数据库表：

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

此处用到了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();

配置数据库

略

导入编辑器

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