Design And Implementation Of A Mid-stage Development Framework Based On React And Node.js

With the rapid development of the Internet,the business of major Internet companies is becoming more and more complex,and the corresponding business processing systems are also increasing,but most of the basic services and functions in actual business systems are similar,and the number of business team members is also limited,so the idea of mid-stage has emerged.With the development of the big front-end and microservice architecture,some business logic processing is also completed on the front-end,and the engineering and modularization of the front-end have been fully utilized.The mid-stage development framework based on React and Node.js is applied to the content management system of digital content business.This framework provides a packaged framework and development tools for use in actual development based on the characteristics of digital content management.,which can improve front-end and back-end development efficiency.The mid-stage development framework based on React and Node.js is divided into three parts: a front-end framework based on the React package,a server-side framework based on the Koa2 package,and a CLI(Command-Line Interface)developer tool.The front-end framework uses React as the framework UI and introduces the Ant Design component library to build a common view of the framework,including layout,menus,and routes setting.The Rematch library is used to manage the data state in the front-end framework.Commonly used pages and component modules,request service tools are designed.The server-side framework performs secondary encapsulation on the basis of the Koa2 framework,designs route,controller,and middleware modules,adds the implementation of database modules,configures through the global configuration file of the framework,provides developed service tools and implemented a set of high-availability front-end server-side frameworks.The CLI developer tool provides commands that are globally available to the system,encapsulating some steps in the project development process to complete corresponding functions with one command,which improves development efficiency.In the end,the development framework is applied to the development of the weekly report management system.Through the comparison of the design and implementation of the weekly report management system,it proves that the framework is reasonable and feasible.