龙图腾网&IPTOP
- 微信扫码登录
- 账号密码登录
- 短信登录/注册
买专利卖专利找龙图腾，真高效！ 查专利查商标用IPTOP,全免费！专利年费监控用IP管家,真方便！
摘要：本发明公开了基于数据分析的前端组件可视化编辑方法，属于前端组件可视化编辑技术领域。本发明通过导入现有的vue组件文件，读取组件源代码进行数据分析和结构分解，对分解后的代码进行格式化处理，转成适合浏览器的dom结构元素；构建网页的树结构元素节点，读取全局的解析器中数据对象，依据vue组件解析规则，从解析器对象中读取模板、脚本、样式内容重新构建出一个新的vue组件；通过构建出来的完整的网页模板树，进行组件代码重构，输出json结构和vue组件新代码，从而实现界面结构调整，解决目前互联网上可视化工具基于界面的可视化拖拽进行结构调整时，导致非标准组件库的自定义结构的组件的解析错误问题。
主权项：1.基于数据分析的前端组件可视化编辑方法，其特征在于：该方法包括以下步骤：S1、导入现有的vue组件文件，读取组件源代码进行数据分析和结构分解，将组件源代码分解成模板、脚本、样式三块内容，创建一个全局的解析器对象；S2、对分解后的代码进行格式化处理，转成适合浏览器的dom结构元素；S3、构建网页的树结构元素节点，通过遍历转换后的结构元素形成一颗完整的网页模板树结构，标记每个节点的类型、属性；S4、读取全局的解析器中数据对象，依据vue组件解析规则，创建一个新的vue实例，从解析器对象中读取模板、脚本、样式内容重新构建出一个新的vue组件；S5、通过构建出来的完整的网页模板树，在指定节点处添加新节点、编辑节点及删除节点操作；S6、进行组件代码重构，输出json结构和vue组件新代码。
全文数据：
权利要求：
百度查询： 浙江臻善科技股份有限公司 基于数据分析的前端组件可视化编辑方法
免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。
主营中国专利交易买卖与专利转让许可,高校科技成果推广与科技成果转化,知识产权运营管理与平台开发,科技人才专家库与科技猎头等科技服务
开放平台
担保交易
惠及多方
会员特惠
专属平台
适合多方
数据共享
功能齐全
皖公网安备 34010402703815号