上次已经介绍过mongodb数据库的安装以及使用方法
下面就需要用它中作为数据库创建一个简单的增删改查的项目。
首先直接上图
image.png
image.png
image.png
1.准备工作（自行安装）
a.mongodb数据库
b.node环境
c.express是node的一个插件（可通过node进行安装）
2.本人以VUE项目为例子，首先利用vue生成一个前端项目
可参考https://www.jianshu.com/p/02b12c600c7b
目录：
image.png
因为后台利用mongodb启动的服务端口是3000；所以需要在前端进行代理，config文件下的index.js进行代理
image.png
创建路由
image.png
引入公共插件
image.png
登陆页（这里就截取前端页面代码了，就看下方法请求接口的代码）
image.png
注册和登陆接口方法差不多不介绍了
登陆成功进入列表展示页面，我这里用了element ui （引用的时候需要在main.js引入包以及安装依赖包）
image.png
查询
image.png
删除
image.png
修改
上面基本完成前台代码
====================完成分割线===================
网友评论