Egg 框架概述

好久不见甚是思念，拖更博主又回来了，最近呢，我看到贴吧里有个评论说，这位小朋友是这样说的：“我前端只能写静态数据渲染页面，后端没有接口，我无法继续下去了，严重的拖慢了我的速度。”那么对于这个问题，首先，你可以写mock去模拟数据，或者你可以去搜fastmock，更加的快捷，贴心的我会在文章的末尾给大家网址。那么就会有小伙伴说了，不行，我想要复杂的逻辑操作，mock满足不了我，所以，我就给这个小朋友推荐了egg.js。

特别声明：此eggjs栏目是借鉴了b站的晓舟大佬的视频进行的文字讲解，不是原创，如果看完视频还不是很懂的小伙伴可以来看看此栏目，我本人是非常喜欢晓舟大佬的视频的，因为能学到非常多的知识，去看视频的小伙伴，也别忘记给大佬一键三连。

一、首先，什么是Egg.js

Egg.js 为企业级框架和应用而生，我们希望由Egg.js孕育出更多上层框架，帮助开发团队和开发人员降低开发和维护成本。（这是官方的一句话，看看就行了）
ps：还是那句话，如果你是大佬，有一定的基础建议直接看文档，毕竟看视频很浪费时间，文档能帮助你快速学习，搭建。

二、为什么选择egg.js

1、基于Koa，简单易上手，只用一门语言就可以实现前后端的开发。
2、目的是了解后台的基本概念，如果熟悉java或者php，可以不学习eggjs

三、Egg的总结

1、Egg可以开发企业级的应用，但是市场占有率并不高（java更高）。
2、我们可以通过Egg，更平滑地学习后台的相关知识。
3、在工作中可以使用Egg模拟后台接口。
4、通过Egg，了解后台的工作流程（定义后台接口数据，mvc框架，orm框架，操作数据库）
5、利用Egg，独立完成一个系统

四、Egg项目初始化

npm init egg --type=simple

1、项目目录需要手动创建
2、创建项目时间较长，请耐心等待

ps：至于怎么创建的过程，应该是不用详细的讲了，创建一个空文件夹，然后输入指令，进行初始化，创建完，npm install 进行安装依赖，最后npm run dev进行启动项目

启动成功

点击启动了之后的地址，你会看到页面显示“hi,egg”的字样

点击地址看到的页面

那么这个页面是怎么来的呢，目录下点击app文件夹，再点击controller文件夹(控制器)，点击home.js文件，我们会看到里面有显示在页面上的数据，我们可以修改一下，把这个原本的“hi,egg”修改为“你好egg”，然后测试一下，我们刷新页面，会看到页面也变成了“你好egg”

修改之后的页面

那么如何编写控制器，下一章节，我们再详细讲，接下来就是public文件夹，这个是一个静态文件目录，我们可以放一些，html，css，js文件。刚进去的public文件夹肯定是空的，我们可以在这里建一个demo.html文件，稍微写一下。

demo.html

创建完，我们就去，页面上浏览一下，在浏览器的路径上，在后面加上/public/demo.html,我们就能看到刚刚写的静态页面了

demo.html页面展示

然后这个app目录下还剩下一个router.js，这个文件就是路由，这章节，暂时不讲，但是我们能多少看到，router.get('/', controller.home.index)，这个意思就是用get方法跳转到路径是'/'，访问的是，controller下面的home控制器。再往下看，就是这个config目录，这个目录下会有两个文件，一个是config.default.js，这个文件是用来搞一些配置，还有一个是plugin.js，是用来配置一些插件。那么剩下的一些文件呢，暂时没有那么的重要，就不一一去讲了，主要的文件是我上面说的这几个。

好了，那么到这里呢，本章的内容也结束了，老规矩，要放上一首歌，这里我给大家推荐《那年初夏》，希望夏天的来临，大家都能变得勇敢，不要有遗憾，开开心心的过好每一天。我们下一章再见。

地址传送门：
fastmock：https://www.fastmock.site/#/login
egg.js官网：https://www.eggjs.org/
晓舟大佬的b站：https://www.bilibili.com/video/BV1cy4y1H7iX?p=1