【入门】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. 
3. 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