node之blog实战20(博客内容编辑+删除)
(1)联表查询,设置博客对应的分类名
这里用到population方法,具体如下
1、设计博客表结构时在分类处添加索引ref,对应管理分类数据表BlogSort

2、查询时使用populate()方法,里面传入该关联字段对象属性名即可

测试前首先删除篇无用文章

然后输出测试下,服务端输出如下

此时的sort为对象结构,再看下后台页面如下所示

所以如果想获取具体分类名,直接对象.属性名即可

最终效果如下

数据库联表查询,详解mongoose 联表查询之populate使用及注意事项.
(2)文章编辑路由+模板
接下来做下文章的编辑功能,首先是路由配置


效果如下

接下来编写服务端代码
(3)编辑页面渲染+数据传递

模板代码如下,注意在文章分类加判断,设置默认选中项

效果如下

(4)编辑保存
保存前首先做简单数据验证

然后与保存时类似,在前端添加提示,效果如下

接下来保存文章

注意:隐藏域在修改编辑表单十分重要,作为唯一不变的标识.
(5)删除文章
为了方便测试,我们在Robo 3T里插入多个文章

运行后,便可以多出20多条数据

刷新页面如下所示

首先编辑路由

然后添加异步处理页面

此时便可以实现删除功能

提示删除成功1s后表格行消失
.

浙公网安备 33010602011771号