首页 专利交易 科技果 科技人才 科技服务 国际服务 商标交易 会员权益 IP管家助手 需求市场 关于龙图腾
 /  免费注册
到顶部 到底部
清空 搜索

基于Vue的动态表单渲染系统及方法 

买专利卖专利找龙图腾,真高效! 查专利查商标用IPTOP,全免费!专利年费监控用IP管家,真方便!

申请/专利权人:杭州全速网络技术有限公司

摘要:本发明公开了一种基于Vue的动态表单渲染系统及方法,基于Vue的动态表单渲染组件可以大大提高开发效率;开发人员无需手动编写大量的JavaScript代码来管理表单的状态和验证规则,而是可以通过简单的配置方式快速创建复杂的表单结构,Vue框架提供了强大的数据绑定和组件化机制,使得表单的开发变得更加简单和高效,提供了更高的灵活性和可扩展性,开发人员可以根据业务需求轻松地调整表单结构,添加或删除字段,而无需修改大量的代码,Vue框架的响应式数据绑定和组件化机制使得表单的结构可以动态地根据数据变化而变化。

主权项:1.一种基于Vue的动态表单渲染系统,其特征在于,包括项目初始化模块,定义表单数据模块、编写动态表单模块、提交与验证模块和表单使用模块,项目初始化模块,用于创建Vue项目,并搭建项目结构,安装了验证表单库及相关依赖;定义表单数据模块,用于通过可视化界面或编程方式对表单结构、字段类型、验证规则及字段间关联关系进行配置;编写动态表单模块,用于创建一个Vue组件,使用v-for指令遍历表单数据结构,利用Vue的计算属性特性,为每个需要验证的表单项创建一个计算属性,并根据当前表单数据和验证规则自动运行,检查数据是否符合规则,并绑定Vue属性;提交与验证模块,用于利用Vue计算属性实现表单动态验证,采用异步组件处理大数据量或不常用表单部分,通过组件拆分实现按需加载,并运用节流与防抖策略优化高频事件处理;根据高频事件的分类,执行预设的加载策略,直到高频事件结束;所述加载策略均为,采用低消耗的渲染表现来反馈执行当前动作的响应,预设的加载策略至少包括示意图加载策略、重点局部加载策略、外层框体加载策略:示意图加载策略,需要当前表单为常见的默认设置的表单,此类表单一般对应预存有示意图,当执行示意图加载策略时,不对表单进行整体渲染,而是选择调用预存的示意图替代原有表单执行对应的动作;重点局部加载策略,需要当前表单的重点极为突出,即表达的大部分内容都是为某一单元、某一区域服务的,大量的重点信息都处于此区域内,当执行重点局部加载策略时,不对表单进行整体渲染,而是选择重点区域的低分辨率图来替代原有表单执行对应的动作;外层框体加载策略,若当前表单既不属于常见的默认设置的表单,又不属于大部分内容都是为某一单元、某一区域服务的,大量的重点信息都处于此区域内的,选择使用外层框体加载策略,具体表现为当使用者执行大量重复的鼠标滚屏、滚页操作时,应当动作的表单框体和表单内的内容不做动作,该表单的外框被复制并按比例进行收缩,形成一个独立的框体;表单使用模块,用于在需要使用动态表单中,引入实例化组件,传入所需的表单数据结构,完成动态表单渲染。

全文数据:

权利要求:

百度查询: 杭州全速网络技术有限公司 基于Vue的动态表单渲染系统及方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息,力求客观、公正,但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解,仅供参考使用,不能作为本公司承担任何法律责任的依据或者凭证。