node + express + es6 + mongoose + mongodb 实现一个增删查的项目

项目截图：
1.录入页:

2.详情页：

3.列表页：

项目目录如下：

├─ app.js
├─ bin
│    └─ www
├─ index.html
├─ js
│    └─ jquery.js
├─ models
│    └─ movies.js
├─ package.json
├─ public
│    ├─ javascripts
│    │    └─ jquery.min.js
│    └─ stylesheets
│           ├─ bootstrap
│           └─ style.css
├─ routes
│    ├─ admin.js
│    ├─ detail.js
│    ├─ index.js
│    ├─ list.js
│    └─ users.js
├─ schemas
│    └─ movies.js
└─ views
       ├─ admin.ejs
       ├─ delete.ejs
       ├─ detail.ejs
       ├─ error.ejs
       ├─ includes
       │    └─ header.ejs
       ├─ index.ejs
       └─ list.ejs

public： 存放静态资源文件
views： 存放视图文件（ejs） 用于存放各个页面
routes： 存放路由文件 不过我最终为了方便 都写到了app.js下 也可以说是偷了个懒
schemas models： 存放mongoose模型文件 并对外暴露接口 后面用于mongodb的存储 这个就有点像vuex 功能差不多 都是存储数据嘛 大家可以自行百度 以后我也会出点mongodb的基础教程

基本代码：

录入页

点击录入后执行这里

post请求相当于拿到了form表单的内容
然后跳转到详情页

req.query.id是请求体中的id字段

save这个方法是mongoose的方法 用于存储到mongodb中

列表页

/admin/list进入列表页

fetch为我在建模里面写的静态方法

在列表页中点击删除按钮 要做到删除效果
我这里用的是jq

对应的后端代码为

相当于点击了按钮 请求了admin/list这个接口 把对应的_id这条数据在mongodb中删除如果返回码为1说明请求成功 同时remove()dom节点
当没有条数的时候 就意味着没数据了 需要从新添加 就要跳转录入页了 这里用的是window.open()这个方法实现

基本功能就是这些 这个项目难点在于express框架路由 视图 和mongoose的结合 有些童鞋单独写一些路由没问题 但是以结合起来 问题就来了 经常总结会有很好的效果 源码后续我会传到github上 有问题欢迎交流