react 高效高质量搭建后台系统 系列

Posted 2022-12-24

react 高效高质量搭建后台系统

前言

​​目标​​：用 react 高效高质量搭建后台系统

​​如何实现​​：搞定一个优秀的、通用的、有一定复杂度的react的后台系统。类似项目就可以依葫芦画瓢快速展开。

​​spug​​ 能否当此重任？​​可以​​​。首先它是一个优秀的开源 react 项目，此刻（20221215） Star 是​​8.2k​​，8月以前是7.2k，资料配套齐全，例如 spug 的文档项目采用的是 Facebook 的 docusaurus。其次它是一个较通用的后台系统（从其页面布局、交互、表单查询、表格展示、权限可以得知）。复杂度一般，有8个一级模块，还有 web终端。

Tip：有关 react 和 spug 笔者已经写过两个系列（​​react实战 系列​​、​​七天接手react项目​​）的文章，本系列就是专注于​​react 高效高质量搭建后台系统​​。对于以前已经研究过的内容，笔者不在冗余介绍，只会给出简要及核心步骤，详细请看相关链接。

大纲

flowchart TB subgraph SPUG[ ] direction LR spug-->a[脚手架搭建] a -.- a1[创建新项目] a -.- a2[安装依赖包] a -.- a3[antd 按需引入 css] a -.- a4[代理] a -.- a5[babel] spug-->b[...] end A[React 高效高质量搭建后台系统] --> SPUG

目录

1. ​​脚手架搭建​​

作者：​​彭加李​​ 本文版权归作者有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接。