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

龙图腾网获悉西北大学申请的专利一种基于Vue.js的可视化开发工具及使用方法获国家发明授权专利权，本发明授权专利权由国家知识产权局授予，授权公告号为：CN115328462B 。

龙图腾网通过国家知识产权局官网在2025-12-02发布的发明授权授权公告中获悉：该发明授权的专利申请号/专利号为：202210894868.5，技术领域涉及：G06F8/34；该发明授权一种基于Vue.js的可视化开发工具及使用方法是由王师蕾;吴昊;邓亚楠;胡建龙;王宇翔设计研发完成，并于2022-07-28向国家知识产权局提交的专利申请。

本一种基于Vue.js的可视化开发工具及使用方法在说明书摘要公布了：本发明提供一种基于Vue.js的可视化开发工具及使用方法，工具包括以下步骤：S101，创建和管理Vue项目；S102，操作工程结构；S103，组件化开发；S104，完成静态页面的开发。该使用方法为Vue单页面的双模式开发方式，所述的双模式开发方式分别是可视化开发和代码开发方式。本发明主要适用于基于Vue框架的应用开发使用，为前端应用提供可视化便捷开发方式。与传统的前端开发模式和现有的Web前端开发工具相比较：该工具将vue项目云化管理，开发者可以在云端快速搭建、自动化部署和管理vue项目。该工具集成了第三方成熟的组件和架构，进一步提高了该工具的功能和性能。开发者使用该工具可以从零开始，创建一个完整的可二次开发的Vue应用或者导入一个Vue项目继续二次开发。

本发明授权一种基于Vue.js的可视化开发工具及使用方法在权利要求书中公布了：1.一种基于Vue.js的可视化开发工具的使用方法，其特征在于，所述的基于Vue.js的可视化开发工具包括以下步骤： S101，创建和管理Vue项目： 开发者登陆Vue.js工具平台后，实现在云端新建或导入Vue工程，完成生成或导入Vue工程后，该Vue工程能够自动部署在云端，形成对任意用户可见的Vue项目； S102，操作工程结构： 在Vue.js工具平台中打开Vue工程，对工程结构进行操作，新建并编辑文件包含两种方式，一种方式为通过拖放组件进行页面设计，生成Vue结构的代码；另一种方式为基于生成或导入的代码，通过代码实现复杂的业务需求； S103，组件化开发： 在单页面的基础上，组件化开发支持将封装好的复合组件拖放到页面实现页面复用，将用于组件间通信的事件注册到全局事件总线，实现组件间的动态交互； 所述的组件化开发指的是将复杂的业务拆分为多个组件，每个组件依赖的资源放在一起开发和维护；所述的资源包括CSS、JS、模板和图片； S104，完成静态页面的开发： 为页面的各个组件配置数据源，数据源以RestfulApi的标准格式获取，实现与后端的数据交互，实现基础的业务逻辑功能；最后支持将Vue工程导出至本地，便于后续使用； 该使用方法为Vue单页面的双模式开发方式，所述的双模式开发方式分别是可视化开发和代码开发方式； 该使用方法包括以下步骤： 步骤一，用户进入编辑页面，浏览所述的基于Vue.js的可视化开发工具中提供的单组件； 步骤二，用户通过浏览组件区选择需要的单组件，或用户选择由多个单组件组合成的复合组件时，将单组件或复合组件拖动到画布的理想位置，即为一次合法的可视化拖放； 构建能够放置组件的画布，画布即为当前编辑的单页面，为了满足组件能够被拖放到画布，需要执行以下两步： 第一步，给画布定义dropover事件来规定被拖动的元素能够被放置到何处，该事件需要阻止元素不能够被放置到其他元素的默认属性，被拖动的元素才能够放到画布上； 第二步，给画布定义drop事件，该事件在放置元素时触发；该事件触发后，一方面为了使元素能被放置到理想的位置，需要根据当前鼠标的offsetX和offsetY计算组件放置的位置，然后通过组件的top和left属性来定位位置；另一方面需要在全局变量中获取到当前被拖动组件，根据其渲染函数进行渲染，组件就被放到画布的指定位置； 步骤三，调整拖放过来的组件的位置和大小； 步骤四，生成代码并支持二次开发； 步骤五，根据页面布局需求，重复步骤二至步骤四的方法，便能够完成单页面的开发。

如需购买、转让、实施、许可或投资类似专利技术，可联系本专利的申请人或专利权人西北大学，其通讯地址为：710069 陕西省西安市太白北路229号；或者联系龙图腾网官方客服，联系龙图腾网可拨打电话0551-65771310或微信搜索“龙图腾网”。

以上内容由龙图腾AI智能生成。