基于Vue的页面设计器实现与应用  

Implementation and Application of Page Designer Based on Vue

作　　者：杨辉 黄家昌 YANG Hui;HUANG Jiachang(Fujian Ecan Information Technology Co.,Ltd.,Fuzhou 350001,China)

机构地区：[1]福建亿能达信息技术股份有限公司,福建福州350001

出　　处：《现代信息科技》2023年第10期99-101,105,共4页Modern Information Technology

摘　　要：文章基于Vue框架实现了一种Web页面设计器,用户可以在上面直接拖动已有控件,来设计(配置)常见的页面、表单,页面代码通过拖动配置的方式,直接生成,极大程度地降低了对用户编程能力的要求。配置生成的方式,屏蔽了底层的语法细节,保障了页面功能的稳定性和可靠性。基于页面设计器的应用,提高了企业开发效率,组件化的功能封装提升了功能的复用性,促进了企业软件开发的降本增效。This paper realizes a Web page designer based on the Vue framework,on which users can directly drag existing controls to design(configure)general pages and forms,and the page code is directly generated by dragging.It significantly reduces the need for user programming skills.The configuration generation method shields the underlying syntax details and guarantees the stability and reliability of the page functionality.The application based on the page designer improves the efficiency of enterprise development,and the componentized function encapsulation enhances the reusability of functions and promotes the cost reduction and efficiency increasing of enterprise software development.

关 键 词：Vue 页面设计器 可视化 

分 类 号：TP311.5[自动化与计算机技术—计算机软件与理论]