这门课解决什么工作场景
很多前端开发者都会遇到一个瓶颈:能熟练画页面、调样式、做交互,但只要涉及数据怎么存、接口怎么写、用户登录态怎么校验,就只能依赖后端同事。这门课的主题就是打通这个断层,带你用 Node 服务端框架配合 React,独立实现一个带用户鉴权、账单增删改查的记账本应用。它解决的核心场景是:当公司需要一个内部小工具,或者你想验证一个产品想法时,不用再跨部门等排期,自己就能把前后端全部跑通。课程没有空讲理论,而是围绕真实的业务需求推进,从设计数据库表开始,到写后端接口,再到用 React 搭建 H5 页面并对接数据,完整走一遍全栈开发流程。
适合什么基础与建议先看哪几块
这门资料不适合零基础小白。它默认你已经写过 JavaScript,懂基本的 HTML 和 CSS,并且能用命令行跑起本地项目。如果你只写过简单的静态页面,建议先补齐基础的 ES6 语法和异步请求概念再来看。对于符合基础要求的读者,建议不要按顺序从头硬啃,而是先看后端预备阶段关于数据库设计和框架初始化的部分,理解服务端运行的基座;接着直接跳到前端实战的登录注册页面与数据请求章节。把这两个核心链路看懂,你就能明白前后端是如何通过接口和数据格式串联起来的。中间的可视化数据库工具安装等环境配置内容,可以在实际动手遇到报错时再当手册查阅。
资料怎么配合练习与学完能独立做什么
看视频资料时,最忌讳只过眼睛不动手。后端部分讲到用户鉴权和账单接口实现时,一定要自己在本地建库建表,用接口测试工具实际发一次请求,看到真实返回的 JSON 数据结构。前端部分讲到 React Hooks 和页面搭建时,不要照抄源码,试着自己先写一遍组件逻辑,再去对照资料里的写法找差异。学完这套资料,你能独立完成一个中小型全栈项目的从零搭建:包括本地配置数据库、用 Node 框架编写带权限校验的 RESTful 接口、用 Vite 与 React 搭建移动端 H5 页面,以及处理文件上传、表单提交等常见业务。以后在工作中遇到需要快速做个原型验证,或是想接私活做个小型管理后台,你都有了完整的技术底气和实操参照。
Egg + React 全栈开发掘掘记账本,助力前端进击全栈。
课程目录
* 开篇词
* 后端预备:Egg.js 基础入门及项目初始化介绍
* 后端预备:MySql 本地安装(Win + Mac)
* 后端预备:可视化数据库工具 DBeaver 的安装和使用
* 后端实战:数据库表的设计
* 后端实战:egg-jwt 实现用户鉴权(注册、登录)
* 后端实战:后端实战:用户信息相关接口实现(修改个签、修改密码、上传头像)
* 后端实战:账单及其相关接口实现
* 🚩 上半场结束|服务端总结
* 前端预备:现代前端框架单页面概念
* 前端预备:从一个数据请求,入门 React Hooks
* 前端预备:Vite 2.0 下一代前度开发构建工具
* 前端实战:Vite 2.0 + React + ZarmUI 搭建前端 H5 开发环境
* 前端实战:底部导航栏
* 前端实战:登录注册页面
* 前端实战:账单列表页
* 前端实战:新增账单弹窗封装
* 前端实战:账单详情页
* 前端实战:账单数据统计页
* 前端实战:个人中心
* 项目部署上线
* 问题汇总(持续更新)






