TodoList是一个简单的vue+nodejs项目,前端用vue实现,后端用nodejs(express)实现,数据库用mongodb。github项目地址在线效果展示前端使用vue-cli脚手架,vue+axio实现的功能)所有todos完成并对应样式状态变化(6)清除所有已完成todos(7)显示pendingtodos个数(8)所有todos,已完成todos,未完成todos过滤界面显示importaxiosfrom'axios'constbaseUrl=process.env.NODE_ENV==="development"?"https://nei.netease.com/api/apimock/f3e5d93d5eaceda5a624378374ad5cd7":"http://148.70.150.147:8080"exportconstgetAllTask??=params=>{returnaxios.get(`${baseUrl}/api/all`,{params:params})}exportconstaddTask=params=>{returnaxios.post(`${baseUrl}/api/add`,params).然后(res=>res.data)}exportconstdeleteTask=params=>{returnaxios.post(`${baseUrl}/api/deletes`,params).then(res=>res.data)}exportconstupdateTask=params=>{returnaxios.post(`${baseUrl}/api/update`,params).then(res=>res.data)}exportconstupdateManyTask=params=>{returnaxios.post(`${baseUrl}/api/updateMany`,params).then(res=>res.data)}exportconstdeleteCompletedTask=params=>{returnaxios.post(`${baseUrl}/api/deletmany`,params)}后端1.后端由express+mongoodb搭建2.路由module.exports=function(app){app.get('/api/all',TodoController.getAll);app.post('/api/add',TodoController.newTodo);app.post('/api/deletes',TodoController.deleteOne);app.post('/api/deletemany',TodoController.deleteAllCompleted);app.post('/api/update',TodoController.updateOne);app.post('/api/updateMany',TodoController.updateMany);....projectstartcloneprojectgitclonehttps://github.com/chengbo199...进入项目,安装依赖//安装客户端依赖cdclientnpminstall//安装服务器依赖cdservernpminstall启动项目启动服务器:npmstart启动客户端:npmrundev(开发模式)浏览器访问[http://localhost:8080](http://localhost:8080)完整的代码给我,如果有用的话打个star哦,谢谢!!
