KEYWORDS: Design and modelling, Data conversion, Portability, Logic, Data modeling, Artificial intelligence, Design rules, Databases, Data acquisition, Visualization
Aiming at the problem that web front-end dynamic form rendering often depends on a specific framework and has poor portability under traditional development methods, this paper proposes a dynamic form rendering implementation method for multiple front-end frameworks. First, the dynamic form configuration file is split into corresponding form element areas according to the keywords of the form elements in the dynamic form configuration file, and then native JS is used to encapsulate the split form elements in a componentized manner. Then, for different front-end pages, the frontend frame assembly adapter completes the adaptation and assembly of the encapsulated form element components, and finally completes the rendering of the dynamic form under different front-end frame pages.
Aiming at the fact that traditional dynamic form development relies on a specific front-end framework and does not have portability, a visual dynamic form model generation engine for multiple front-end frameworks is proposed. First, drag and drop components and configure properties on the visual page editing platform to complete the construction of the dynamic form model. Then, through the form configuration module of the business logic layer, the business information and attribute configuration information of the dynamic form model are mapped to the relational database. Finally, the above information stored in the relational database is extracted through the front-end adapter of the business logic layer and enhanced into JSON configuration files required for dynamic form rendering with consistent structure, which are persisted to the non-relational database. The experiment shows that the dynamic form model built by the engine has good portability among various mainstream front-end frameworks after being transformed by front-end adapters.
Access to the requested content is limited to institutions that have purchased or subscribe to SPIE eBooks.
You are receiving this notice because your organization may not have SPIE eBooks access.*
*Shibboleth/Open Athens users─please
sign in
to access your institution's subscriptions.
To obtain this item, you may purchase the complete book in print or electronic format on
SPIE.org.
INSTITUTIONAL Select your institution to access the SPIE Digital Library.
PERSONAL Sign in with your SPIE account to access your personal subscriptions or to use specific features such as save to my library, sign up for alerts, save searches, etc.