Vue

摘要： 为了更直观地了解新冠疫情的流行趋势,本文开发出了一款新冠疫情可视化系统。系统与腾讯新闻的疫情数据接口,采用Vue、Echarts、Node.js以及其它建站工具渲染新冠疫情数据可视化系统的后台搭建和前端页面。该系统采用多种图表的形式来展示国内疫情的发展趋势,为民众对于新冠疫情的了解提供帮助。

摘要： 为解决企业信息系统架构各异造成的信息界面融合问题,研究了前端技术的发展趋势,提出了一种基于Vue的满足信息融合需求的界面开发方案,阐述了方案的整体架构,重点探讨了组件设计思路和实现过程。最后,结合某大型钢铁集团的工序质量管理项目,验证了该方案的应用效果。

摘要： 针对传统数据过程系统无法动态地显示数据过程及对数据过程中的算子无法进行拖拽编辑的问题,本文提出基于SVG和Vue的数据过程可视化方案并给出实现过程.该方案基于SVG高扩展性及不依赖于分辨率和Vue数据双向绑定等优点,可以对数据过程进行拖拽式创建或者编辑,给用户带来动态的交互体验,并且该方案具有高扩展性,还能提高开发效率和保证良好性能.

摘要： 通过Web前端的规范化设计,实现法院卷宗柜管理系统相关数据与设备的在线查看与管理。前后分离的架构可以提升开发效率。基于Vue框架进行系统整体设计,利用Echarts实现数据可视化,使用Webpack进行打包优化。首先介绍了系统的总体架构,然后对各功能模块进行阐述,最后对系统中采用的关键技术进行了介绍。

摘要： 企业之间的竞争异常激烈,如何以最快的速度上线发布一套系统,迅速占领市场是每家企业都喜闻乐见的,但是除了快,企业还需要考虑到系统后续的维护以及用户体验的问题,随着web技术的发展以及浏览器功能的不断增强,同时兼顾企业以及用户的需求似乎是可以有很多种解决方案的,比如:采用前后端分离的开发模式以及基于MVVM模式的Vue前端框架就能很好地满足这一需求。该文首先介绍了前后端分离开发模式、MVVM模式以及Vue框架,其次是对数据字典比对工具软件的功能分析,最后阐述了软件前端部分功能模块的实现过程。

摘要： 本文利用B/S架构,采用vue、Spring Boot、Android等技术以及使用MySQL数据库进行系统开发,建立了符合一般企业实际管理需求的资产管理系统。该系统实现了权限管理、资产管理、批量入库、一码一物、报表导出等功能,提高基层单位的资产管理水平。

摘要： 为了提高师生网上作业交互效率,本文设计了基于VUE和PHP的线上高等数学作业系统,该系统面向老师和学生,老师用户可以发布作业、保存作业、批改作业、查看作业,学生用户可以查看作业、上传作业、查看批改。现有类似的系统并不多见,尤其在数学教学领域,本文阐述了本系统的部分关键技术设计与基于VUE和PHP的实现。本系统在线上作业方面较实用。

摘要： 随着互联网的不断普及和人们消费方式的转变,网络购物逐渐成为人们热衷的一种交易方式。文章采用最新流行的SpringBoot,VUE等技术以及IDEA,Visual Studio Code开发工具,实现前后端数据交互。该线上商城主要实现用户个人中心、购物车、商品管理、订单管理、支付、后台进行商铺内容管理、角色管理、权限管理等功能模块。本设计还为乡镇平民商店提供网上销售出路,每个店铺可以上传自己的商品、设计轮播图、导航栏等。最后,对该线上商城进行测试,测试结果显示该平台运行稳定,能为乡镇平民提供高效的服务。

摘要： 针对相关考试中考生的实际情况,设计了一套基于B/S架构的考试信息共享服务平台。平台采用前后端完全分离的模式进行开发,前端使用目前最主流的MVVM模式框架Vue,后端则采用目前最流行的SpringBoot框架,并使用Mysql数据库来存储实体信息和实体间的关系。此外,分别使用Vscode和IDEA两个开发工具来完成程序的设计开发。系统分为前台和网站管理后台,其中前台包含用户注册登录、信息浏览、报考情况统计、考试文库、辅助答疑以及考试论坛等功能。考生可以在平台里免费下载对自己考试有益的资源,同时也可以将自己认可的资源上传到平台里供其他考生使用。系统后台拥有最高权限,具有信息管理、用户管理、课程管理、文库管理等功能,可以协调整个系统的数据变化。从实用性来考虑,该系统目前是比较完善的。

摘要： 阐述在实际开发中,Android移动端应用时所遇到的技术问题,采用百度SDK解决移动端软件的高精度定位、快速存储,探讨开发时结合较为流行的轻量级前端框架Vue技术手段。

摘要： 本发明公开了基于Vue和Canvas的分屏合屏实现方法及系统，属于前端处理技术领域，要解决的技术问题为如何简单、扩展性的实现动态分屏合屏。包括如下步骤：基于Vue和Canvas构建分屏容器组件；初始化所述分屏容器组件的配置；定义分屏容器组件的操作项并设定操作项的实现逻辑，包括分屏选中操作、分屏分割操作、分屏拼接操作、拖拽绑定元素、历史回退以及重置；绑定分屏容器组件的操作事件并设定操作事件的实现逻辑，所述操作事件包括鼠标右键菜单事件和窗口大小变化事件；对所述分屏容器组件进行封装，将封装得到的分屏对象存储至数据库；加载所述分屏对象，基于所述分屏容器组件动态分屏合屏。

摘要： 本发明提供一种基于VUE树形控件优化加载显示的方法，属于Web前端开发领域，本发明包括如下步骤：1)异步加载数据；2)添加动态渲染；3)利用状态管理存储数据。通过这三个步骤能有效的避免树形数据加载慢和页面无响应的问题。

摘要： 本发明适用于图像分析领域，提供了一种园区管理方法、系统及相关设备，所述方法包括获取需要访问的三维地图模型，所述三维地图模型包含多种面向用户的显示模式；生成用于配置所述三维地图模型的页面文件、用于接收外部操作信息的基于VUE的实例组件、用于在所述页面文件与所述实例组件之间传递信息的iframe框架；通过所述iframe框架监听来自所述实例组件的标识信息，并将所述标识信息发送给所述页面文件；使用所述iframe框架监听来自所述页面文件回调的事件信息，并将所述事件信息发送给所述实例组件，以得到三维地图。本发明通过iframe以及数据标识实现了外部操作与地图系统功能的对接，避免了地图系统资源被过度消耗。

摘要： 本申请提供了一种Vue项目代码的翻译方法，通过对第一Vue文件拆解，将第一Vue文件拆解出template部分、scirpt部分，再获取template部分中的第一待翻译文字和scirpt部分中的第二待翻译文字，再对其进行翻译，最后用翻译好的tempal部分与scirpt部分组成第二Vue文件，这样做节省了开发人员需要大量时间对代码进行逐行查找翻译，解决了翻译过程既费时又费力，而且效率较低的问题。

摘要： 本发明涉及一种基于Vue的可视化组件接入方法，其包括将组件接入到系统平台中，将操作抽象定义为包括组件属性、语义化、插槽、插槽事件的规格，并在配备所述抽象定义的规格文件解析模块和源码编译模块；按需配置组件的组件属性、语义化、插槽和插槽事件的规格文件；上传该组件按需配置的规格文件和源码文件至系统平台，加载组件到平台组件库；通过系统平台界面，将组件列表中的组件拖拽至画布，通过系统平台界面查看和导出生成的VUE源码，采用以上技术方案使组件接入过程简单化、标准化、可视化，只需极少的工作量，就可以完成Vue组件的规格配置，降低低代码平台的准入门槛。

摘要： 本申请涉及数据存储领域，揭示了一种VUE应用程序数据的存储配置方法、装置、计算机设备及存储介质，其中方法包括：获取vue应用程序的工程代码；解析所述工程代码，获取所述vue应用程序的业务代码文件目录地址以及本地数据的存储封装信息；根据所述业务代码文件目录地址向所述业务代码中添加初始化配置文件；根据关键字匹配从所述本地数据的存储封装信息中提取所述第一参数、所述第一参数的第一存储信息及所述第一参数对应的第一参数值；在vuex全局变量中构建所述第一参数对应的第一变量，生成所述第一变量的第一执行信息；将所述第一执行信息写入所述全局执行信息。本申请能够提高提高vue应用程序数据存储方式转化为vuex存储方式的效率。

摘要： 本发明涉及一种基于vue的多页签实例缓存的方法，S1、利用抽象组件包裹路由组件，利用用所述key值来标志每一个页签组件实例；S2、抽象组件包括cache集合、不缓存页签队列、缓存页签队列；S3、初始化一个全局不缓存页签队列以及全局缓存页签队列；S4、路由发生变化时触发抽象组件的渲染，从而获取当前被渲染的页签组件，进而得到所述页签组件实例的唯一key值；S5、根据key值，抽象组件控制页签组件重新渲染，或者读取缓存中的页签组件，从而完成页签的打开、页签的切换或者页签的关闭；从而实现页签组件实例粒度上的多页签缓存方案。

摘要： 本发明公开了一种基于Vue框架实现双向锚点定位方法及系统，其中，所述方法包括：在Vue生命周期中构建第一监听模块；通过确定第一锚点指定区域第一初始位置和第一结束位置，确定第一锚点区域；若所述第一锚点链接的实时状态处于激活状态，根据所述第一监听模块，获得第一用户的实时页面滚动位置；根据所述实时页面滚动位置，获得第一相对位置；根据所述第一相对位置，构建第一页面滚动规则；按照所述第一页面滚动规则将所述第一监听页面平滑滚动至所述第一锚点区域。解决了现有技术在Vue项目中，使用传统的锚点定位与vue‑router规则冲突，页面滚动效果过于生硬，不够平缓，用户体验不好，且不能反向标记锚点位置的技术问题。

摘要： 本发明涉及大数据领域，提供一种基于vue.js的表格编辑方法、装置、设备及介质，能够根据配置文件从表格数据中识别待编辑数组，利用vue.js框架中的渲染函数进行渲染，得到虚拟表格及每个单元格的标识，将原有的HTML结构转化为虚拟的数据结构，更加清晰易读，便于操作，当目标单元格有点击事件时，将属性切换为可编辑状态，并基于配置组件中的输入组件显示目标单元格中的数据，进一步结合对应的组件及事件的监听实现对数据编辑属性的切换，无需调用后端服务器的接口即可直接在前端进行数据的编辑，有效提升了编辑效率，且避免多次向后台传递数据给系统造成运行负担。此外，本发明还涉及区块链技术，虚拟表格可存储于区块链节点中。

摘要： 本发明公开了一种基于Vue框架细粒度权限的方法，包括：基于访问接口，获取系统的全部页面按钮；根据所述全部页面按钮，获取包含用户页面按钮的数组；将所述数组存储到vuex；根据所述数组对所述全部页面按钮注册自定义指令，生成全局页面按钮。本发明的技术方案，结合Ram用户体系与细粒度权限实现整个系统权限的划分，通过全局的过滤算法和全局的自定义指令以及vuex的存储仓库，使得系统根据登录系统的用户的权限来动态显示页面的内容以及操作权限，实现细粒度权限，极大地减少了对每一个页面的逻辑书写的计算量，从而提升用户体验和系统的运行速度。