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

©️2020 CSDN 皮肤主题: 像素格子 设计师: CSDN官方博客 返回首页
实付0元
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值