Abstract:Firstly, this study expounds the advantages of frontend-backend separation development of web application, introduces the MVVM design model, and points out the necessity of designing dynamic forms. Then, it describes the specific design of dynamic forms from the frontend to the backend in details. The development of the frontend is based on the lightweight framework of Vue.js taking advantage of the features of its components. The backend uses Spring MVC architecture to implement the business model and data process and utilizes NoSQL database to satisfy the dynamic requirements of form items and fields. At last, this study describes a responsive design about terminals self-adaption.