webpack4+express+mongodb+vue实现增删改查的示例

在讲解之前，我们先来看看效果如下所示： 1）整个页面的效果如下： 2) 新增数据效果如下： 3) 新增成功如下： 4) 编辑数据效果如下： 5) 编辑成功效果如下： 6) 删除数据效果如下： 7) 删除成功效果如下： 8) 查询效果如下： 如上的效果，下面我们还是和之前一样，先看看我们整个项目的架构如下所示： ### 目录结构如下： demo1 # 工程名 | |--- dist # 打包后生成的目录文件 | |--- node_modules # 所有的依赖包 | |----database # 数据库相关的文件目录 |