上次已經(jīng)介紹過mongodb數(shù)據(jù)庫(kù)的安裝以及使用方法
下面就需要用它中作為數(shù)據(jù)庫(kù)創(chuàng)建一個(gè)簡(jiǎn)單的增刪改查的項(xiàng)目肺素。
首先直接上圖
image.png
image.png
image.png
1.準(zhǔn)備工作(自行安裝)
a.mongodb數(shù)據(jù)庫(kù)
b.node環(huán)境
c.express是node的一個(gè)插件(可通過node進(jìn)行安裝)
2.本人以VUE項(xiàng)目為例子津肛,首先利用vue生成一個(gè)前端項(xiàng)目
可參考http://www.reibang.com/p/02b12c600c7b
目錄:
image.png
因?yàn)楹笈_(tái)利用mongodb啟動(dòng)的服務(wù)端口是3000愁铺;所以需要在前端進(jìn)行代理,config文件下的index.js進(jìn)行代理
image.png
創(chuàng)建路由
image.png
引入公共插件
image.png
登陸頁(yè)(這里就截取前端頁(yè)面代碼了斑粱,就看下方法請(qǐng)求接口的代碼)
image.png
注冊(cè)和登陸接口方法差不多不介紹了
登陸成功進(jìn)入列表展示頁(yè)面,我這里用了element ui (引用的時(shí)候需要在main.js引入包以及安裝依賴包)
image.png
查詢
image.png
刪除
image.png
修改
上面基本完成前臺(tái)代碼
====================完成分割線===================