基于Redux数据状态管理的前端应用实践
作者：秦子实
来源：《电脑知识与技术》2020年第08期
        摘要：在企业中台等复杂交互场景的网页应用中，基于JSP、ASP等模板技术的页应用一直存在着拓展性差、修改维护困难、调试效率低下等问题。因此，对于企业中台等复杂交互场景，需要一种能够完全独立于后端复杂网页应用开发方法，方法应完全基于REST APl，且具备良好的拓展性，各功间能耦合性低，便于后期的迭代及维护。该文将以React框架为例，通过Redux控制数据状态以代替传统基于模板的网页开发，给出一种新的独立复杂交互式前端的开发方法。
        关键词：前端;JavaScript;React;Redux
        中图分类号：TP393 文献标识码：A
        文章编号：1009-3044（2020）08-0254-02
        1 概述
        随着企业业务的不断扩展，企业中台网页应用需要展示的报表数量越来越多，在网页上进行的数据操作越来越复杂。传统基于模板的网页开发（如JSP、ASP等）越来越难以应付这些复杂功能，基于模板的网页应用由于HTML结构以及表单提交机制等原因，不可
避免地会出现页面代码臃肿，数据交换冗余较大。这不仅会占用客户端浏览器资源导致加载缓慢.也会在请求/提交数据时大量消耗服务器资源处理无用数据。
        前端框架日趋成熟，更多的企业中台网页应用从原来的模板开发，转移到基于如React或Vue等框架的JavaScript前端网页应用。相较于模板技术，前端应用框架的核心在于状态管理。本文以React框架为例，介绍使用Redux库进行前端应用状态管理，以实现具有良好扩展性、方便修改迭代、易于调试维护的独立前端应用的实现。
        2 Redux技术简介
jsp用什么前端框架
        Redux产生的原因，是为了应对功能复杂的JavaScript单页应用，比如在企业中台应用里，我们希望在同一个页面上展示大量数据，生成统计图形和报表，同时也希望操作、处理这些数据，使得数据实时的更新至服务器，并直接将更新结果显示在网页上。传统的模板式网页开发可能就需要大量的表单提交，或是采用大量各不相同的Ajax请求，这不论对于前端的网页渲染，还是后端的API管理，都是非常繁杂的工作，且调试环境复杂，不易定位问题。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。