Automatically Generating Front-End Source Code Method for Complex Table Structures Based on Vue

In enterprise software development, component-based front-end page technology is becoming increasingly important. However, traditional manual component-based programming is difficult to adapt to increasingly complex enterprise data table structures. This can lead to a large workload and slow down the development process. To address this issue, this paper proposes a method for automatically generating front-end source code for complex table structures based on Vue (AGT-Complex). This method uses hierarchical data structure recognition and expression to identify complex Excel table structures. It then forms a semantic mapping between business data tables and front-end program tables. Finally, it can generate code based on Vue components. Experimental results show that this method is effective and can greatly improve development efficiency. It can be used to develop complex data software with a high degree of automation.