从项目中由浅入深的学习koa 、mongodb(4)

序列文章

从项目中由浅入深的学习vue,微信小程序和快应用 (1)

从项目中由浅入深的学习react (2)

从项目中由浅入深的学习typescript (3)

前言

node.js的出现前端已经可以用js一把梭,从前端写到后台。 本文从后台利用node的框架koa mongodb实现数据的增删改查和注册接口，前端利用umi dva ant-design-pro来实现数据渲染。实现一个小全栈project,就是so-easy

1.效果图

react-koa 全栈项目，欢迎star

2.技术栈

koa：node框架

koa-bodyparser：解析body的中间件

koa-router ：解析router的中间件

mongoose ：基于mongdodb的数据库框架，操作数据

nodemon：后台服务启动热更新

3.项目目录

├── app // 主项目目录

│ ├── controllrts // 控制器目录（数据处理）

│ │ └── ... // 各个表对应的控制器

│ ├── middleware // 中间件目录

│ │ └── resFormat.js // 格式化返回值

│ ├── models // 表目录（数据模型）

│ │ ├── course.js // 课程表

│ │ └── user.js // 用户表

│ └── utils // 工具库

│ │ ├── formatDate.js // 时间格式化

│ │ └── passport.js // 用户密码加密和验证工具

├── db-template // 数据库导出的 json 文件

├── routes // 路由目录

│ └── api // 接口目录

│ │ ├── course_router.js // 课程相关接口

│ │ └── user_router.js // 用户相关接口

├── app.js // 项目入口

└── config.js // 基础配置信息

4.项目启动步骤

1.git clone

2.安装mongodb:http://www.runoob.com/mongodb...

3.安装 Robomongo是mongodb可视化操作工具 (可选)

4.启动

cd koa-template

npm run start

cd react-template

npm run start

注意:

mongodb启动默认端口号是27017,启动看是否被占用

后端项目端口号是3000,可以在koa-template/config.js里面修改

5.koa的主要API

6.koa-router主要API

7.mongoose主要API

model的操作database方法

query查询API

注:Query是通过Model.find()来实例化

aggregate(聚合)API

注:aggregate=Model.aggregate()

更多详细API,请戳

8.react项目详情

从项目中由浅入深的学习react

9.总结

一个koa项目就是从koa-bodyparser来解析body,koa-router来分发和处理接口,mongose来操作database。入门就是so-easy！