前端轻松进阶全栈：egg.js入门完整教程【连载系列】

环境准备

node的安装：下载安装地址

postman安装：下载安装地址

XAMPP集成开发环境：集成了web开发常用的nginx服务、mysql服务等，使用方便。下载安装地址

navicate数据库管理工具安装：下载安装地址

egg.js创建项目

npm切换国内镜像加快下载速度

全局切换镜像： 
npm config set registry https://registry.npm.taobao.org

egg.js创建项目

mkdir egg-example && cd egg-example
npm init egg --type=simple
npm i

项目的运行 打开浏览器运行，看到hi,egg即表示项目运行成功

npm run dev
open http://localhost:7001

egg.js的路由和控制器

路由分类和概念

路由分为前端路由和后端路由：前端路由就是我们熟知的vuerouter路由，常见于单页面开发中。后端路由简单理解就是，url对应的一个业务处理函数。

打开上面创建的项目，路径app/router.js下面的就是路由

资源路由和路由分组

实际项目很少使用，参考文章

路由传参

如下面代码所示，以冒号传递参数通常使用ctx.params获取，使用?形式传递的参数ctx.query获取，是不是很简单。

// router.js
router.get('/admin/:id?name="跟我学前端"', controller.admin.index);

// controller
async index(ctx) {
    // 获取路由get传值参数（路由:id）
    ctx.params;
    // 获取url的问号的传值参数
    ctx.query;
}

控制器

其实就是路由对应的业务处理函数，如下面的index函数

其它概念

ctx是请求上下文，具体参考koa(node的web开发框架),koa参考文档

数据库迁移：注意数据库的编码格式是否支持中文哦

api接口的编写

模仿上面添加一个路由，然后添加一个控制器，然后重新运行项目，使用浏览器或者postman测试你写的接口。

                                                                                                        本文原创：james he

                                                                                                        掘金账号：跟我学前端

                                                                                                        未经原创同意：禁止转载和抄袭！！！