基于react的后台管理系统的设计与实现文献综述

1. 文献综述（或调研报告）：

前端工程化

前端作为Web工程的一部分早已存在。但是由于浏览器的性能以及网络带宽的限制一直没有得到很好的重视和发展。近年来随着前端领域的大跨步发展，前端领域的技术方向呈现出百花齐放的盛况，前端技术逐渐向工程化、组件化发展。

在前端工程化方面，前端逐渐具有了自己的统一的开发规范与编译工具。之前没有编译工具的时候，工程师需要根据不同版本和不同平台编写大量代码以进行适配。编译工具可通过编译来适配不同的平台。并且，前端也能够统一进行组件发布，也有了统一上传代码的仓库。前端代码也可以协同开发，统一发布，提高了规范性。

前端模块化解决了功能发面的需求，通过对功能的封装减少了功能之间的相互依赖，达到解耦的目的。

Webpack工具

前端出现了模块化管理以及打包工具webpack来减少代码体积以及优化部署方案。它通过分析整个项目，将细小的前端代码模块打包成符合部署方案的前端静态资源。同时webpack在打包时候还能够考虑固定组件进行代码分割，并将项目的整个文件整合到较少数量的文件数目中。当对资源进行加载的时候，页面只需要对少数的资源进行加载，减少了HTTP资源请求数目，也可以进行异步按需加载，提高系统性能。

Webpack在JSON格式的配置文件中配置模块依赖和输入位置，并提供很多第三方插件，满足不同的项目打包需求。

前端组件化

前端界面UI构成逐渐变为组件化开发。开发者从功能的角度考虑，将界面分成不同的组件，每一个组件是对业务逻辑、图形以及页面元素、样式的统一，并将组件独立封装。这样就避免了对相同UI代码的编写，提高了代码开发效率，使得每一部分的前端代码都能够实现复用。

同时组件化可以使得业务代码容易维护，如需组件修改代码，只需要对相关组件进行修改，不需要改动其他组件，有利于协作开发。