【入门】Vue,Nuxt.js,Koa2连接MongoDB(demo)

  • Post author:
  • Post category:vue



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



版权声明:本文为qq_17255515原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。