Node + React 实战记账本项目

个人中心 前言 行文至此，万里长征已经快要走到头了来编写最后一个模块 —— 个人中心。 个人中心模块分几个功能点，首先是头部的用户信息展示，包括头像、用户昵称、个人签名。其次是一些账号相关的操作，如用

前言 账单的操作部分在之前的章节已经结束了，本章节学习如何将账单列表，以可视化数据的新形势展示，本章节会通过 Echart 插件，对数据进行可视化展示。 页面布局和分析如下所示： 知识点 Echart

前言 账单模块还剩最后一个小节，账单详情。账单详情页要做的事情有两个，一个是编辑当前账单操作，另一个是删除当前账单操作，先来观察完成后页面结构，如下所示： 这里是第一次涉及内页，所以需要制作一个公用的

新增账单弹窗封装 前言 回顾一下上一章的内容。无限滚动列表、弹窗组件的内部控制显隐、工具方法以及常量的提取。若是你开发项目时，在潜意识里，有对这些内容进行封装的思想，那么你已经有模块化、组件化的开发理

账单列表页 前言 上一章节介绍的登录注册是整个项目的根基，没有拿到 token，将无法进行后续的各种操作，如账单的增删改查。所以务必将上一章节好好地阅读与揣摩，为后面的学习做好铺垫。直接进入本次前端实

完成底部导航、登陆注册实现 前言 上一章节，从 0 开始搭建出一套以 React 技术栈为基础的前端开发环境，过程中肯定会遇到各奇怪怪的问题，比如 Node 版本问题，工具包的版本问题，插件下载完之后

前端实战：搭建前端H5开发环境 前言 React 技术栈的 UI 组件库相比 Vue，会少一些。耳熟能详的便是 Antd，但是它针对的是 PC 端的，项目目前是一个 H5 的网页（不排除后期做一个 P

前端预备：从一个数据请求，入门 React Hooks 前言 React 早期的写法以 Class 类组件为主，附带一些纯用于展示的函数组件，但是函数组件是不能控制自身的状态的。 直到 16.8 版本

服务端总结&单页面开发概念 一.服务端语言 服务端语言是什么？它是运行在服务器上，可用于读写数据库、编写服务逻辑的语言。 我并不想把这件事情描述的太复杂，因为归根结底它就是做这两件事。 至于服务端语言

账单及其相关接口 前言 接口是本次实战项目的核心模块，用户可以通过账单模块记录自己日常消费和收入情况。本节需要编写五个接口： 账单列表 添加账单 修改账单 删除账单 账单详情 知识点 一套 CRUD

用户信息的相关接口 数据库的资源获取 数据库的 update 更新 Egg 文件资源处理 一.获取用户信息 话不多说，直接进入正题。首先打开 /app/controller/user.js，添加 ge

登录注册、用户鉴权 前言 用户鉴权，是一个系统项目中的重中之重。几乎所有的需求，都是围绕用户体系去展开设计的。放眼市面上诸多项目，哪一个不是建立在用户体系基础上的，如博客、电商、工具、管理系统、音乐、

项目数据库设计 前言 数据库设计，在整个软件工程的流程中，是非常重要的一环。前期的铺垫，都是为了后期开发项目时，能够顺畅一些。包括后续的迭代，都需要在数据库表设计中留下可扩展的可能性。 整个「记账本」

简单数据库的操作 一.创建数据表 连接数据库后，创建user表，设置好，表名称，引擎设置位InnoDB，字符集utf8mb4,核对选择utf8mb4_general_ci。 字段填写id，name，数

一.MySQL数据库 MySQL 的使用率相对较高，遇到问题网上的解决方案也很多，所以本文用它来作为数据库工具。 你可以这么理解数据库，它就是用于将数据持久化存储的一个容器，并且这个容器处在云端。而不

一.Egg.js是什么？ Egg.js 为企业级框架和应用而生，我们希望由 Egg.js 孕育出更多上层框架，帮助开发团队和开发人员降低开发和维护成本。 注：Egg.js 缩写为 Egg 1.设计原则