The invention discloses a dynamic configuration-based front-end addition, deletion, modification and check page packaging method and
system, and the method comprises the steps: 1, carrying out the split charging of a searched page through an Element-ui form, listing the conditions of components in an existing page, and providing a slot for defining the content of the form; 2, performing
secondary packaging use by adopting a vxe-grid table component, and providing basic configuration parameters to realize the display of table data; 3, an operation button is arranged between the search and the table, configuration and slot setting are carried out on button content, and the ButtonConfig is a field object for configuring the operation button; through configuration architecture, a
dynamic extension mechanism and performance optimization design, Element-ui and vxe-grid are efficiently packaged, a basic addition, deletion, modification and check page can be generated by introducing configuration parameters, the problems of low efficiency, difficult maintenance, poor expansibility, performance
bottleneck and the like in existing CRUD page development are systematically solved, and the development efficiency of the CRUD page is improved. And an efficient, standardized and sustainable evolution solution is provided for front-end
engineering.