【入門】Vue,Nuxt.js,Koa2連接MongoDB(demo)

demo實現效果:對MongoDB的增刪改查,表單驗證,可編輯的table

用到的技術:

iview (前端框架,不是重點,本demo只用了可編輯的table)

Nuxt.js  (服務器端渲染,瀏覽器右鍵查看源碼會有html,便於SEO優化)

Koa2 (個人感覺如果vue文件相當於*.html文件,那koa2就相當於java後臺程序,在vue頁面寫ajax請求,發送給koa,koa接收後去操作數據庫)

 MongoDB 數據庫

Mongoose(相當於ORM,用對應的實體類操作數據庫,很方便)

 

開發過程中遇到的問題:

  1. 數據查不出來,原因:如下圖,之前我寫的是 export default mongoose.model('Users',UserSchema),數據表也是“Users”後來發現數據表要小寫纔可以,所有就統一用小寫了
  2. table表格用slot 那種方式增加編輯和刪除按鈕,顯示不出來,官方文檔說要3.2.0版本纔可以,還以爲是vue要用3.2.0版本,正確的指iview版本,在package.json中view版本改成3.2.0,再執行npm install  (或者yarn install)

未解決的問題:

想用iview-admin那個項目加入koa 和nuxt.js 但是view-admin本身有vue路由,nuxt.js也有自己的路由,兩個項目vue頁面放的位置也不一樣,完全蒙圈了。。。。

關於自己: 

擅長.NET  B/S結構,做過【Web系統】 【BI數據分析系統】  【CMS內容管理系統】 【微信平臺相關開發(公衆號,小程序)】

熟悉Linux Centos系統

QQ 1229145381(推薦)    微信:hanpanpan1326  備註:CSDN

想說什麼:

demo有任何問題,或者你有任何問題,都可以搓我

Demo 下載:

鏈接: https://pan.baidu.com/s/1juyxYC-DrOdwio5vy2OumQ 提取碼: dss8  

本站下載:https://download.csdn.net/download/qq_17255515/11275336

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章