当前位置: 首页 > 后端技术 > Node.js

举个节点项目

时间:2023-04-03 10:52:03 Node.js

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│└─样式表│├─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.ejspublic:storestaticresourcefilesviews:storeviews文件(ejs)是用来存放每个页面的路由的:用来存放路由文件,不过为了方便我最后还是写在了app.js下,也可以说是偷了一个lazyschemasmodels:存放mongoose模型文件,稍后暴露给mongodb的接口存放这个有点像vuex。功能几乎都是存储数据。你可以自己做。百度之后我也会提供一些mongodb的基础教程。进入详情页req.query.id是请求体中的id字段save这个方法是mongoose方法,用来存储在mongodb列表页/admin/list进入列表页fetch是我写的静态方法列表中的造型点击页面的删除按钮,实现删除效果。我这里用的是jq对应的帖子。结束代码相当于点击按钮请求admin/list接口删除mongodb中对应的_id数据。如果返回码为1,则表示请求成功。同时,remove()dom节点表示没有条目。如果没有数据,则需要重新添加并跳转到页面。这里使用window.open()方法实现基本功能。这些都是这个项目的难点。结合起来,问题就来了。我经常总结一下,会有很好的效果。源码会上传到github。如有任何问题,欢迎交流。

猜你喜欢