Egg.js + MySQL + React + Antd-Mobile 实战移动端私人日记本

前端工程师这个职业是一个很杂，且边界模糊的职业。无论你承认与否，事实就是如此。你甚至可以在某一个很小的领域里翻江倒海，比如专攻可视化、Canvas、Node、多媒体等等。但是我认为，作为一名前端工程师，一个承上启下的中间环节，我们必须要让自己懂的更多，知识面更广，才能更好得担负承上启下的这份责任。学好 Node 不仅能让我们变得更优秀，甚至在公司需要我们承担其部分服务端任务的时候，也能应变自如。在我们接一些外包私活的时候，也不用再去寻找服务端的朋友来帮忙，因为我们自己就能完成的很好。

这次为大家带来一个比较全面的全栈教程，服务端采用 Koa 上层框架 Egg.js，使用老牌数据库 MySQL。客户端使用 React + Antd-Mobile 移动端 UI 框架，从 0 到 1 实战开发。下面是本场 Caht 的大纲：

• Egg.js 基础入门
  • Egg.js 开发环境搭建及生成项目目录讲解
  • 理解 Egg.js 的路由机制
  • 编写简单的 GET 和 POST 接口
  • Egg.js 中如何使用前端模板
• React 编写日记界面
  • React 开发环境搭建接入 Ant Design Mobile
  • 通过 vw 适配移动端方案
  • 日记列表页开发
  • 日记详情页开发
  • 日记编辑页面开发
• Egg.js 服务端开发
  • 本地安装 MySQL 数据库
  • Navicat 操作数据库创建日记表
  • 编写添加日记接口、更新日记接口
  • 编写获取日记列表接口、获取日记详情接口、删除日记接口
  • 联调接口
  • 通过 pm2 部署项目到线上服务器

适合人群：

1. 工作 1～3 年的前端工程师
2. 希望写一套属于自己的前后端全栈的同学