demo實現效果:對MongoDB的增刪改查,表單驗證,可編輯的table
用到的技術:
iview (前端框架,不是重點,本demo只用了可編輯的table)
Nuxt.js (服務器端渲染,瀏覽器右鍵查看源碼會有html,便於SEO優化)
Koa2 (個人感覺如果vue文件相當於*.html文件,那koa2就相當於java後臺程序,在vue頁面寫ajax請求,發送給koa,koa接收後去操作數據庫)
MongoDB 數據庫
Mongoose(相當於ORM,用對應的實體類操作數據庫,很方便)
開發過程中遇到的問題:
- 數據查不出來,原因:如下圖,之前我寫的是 export default mongoose.model('Users',UserSchema),數據表也是“Users”後來發現數據表要小寫纔可以,所有就統一用小寫了
- 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