草庐IT

nodejs_vue

全部标签

Vue 项目如何实现一个全局菜单搜索框

✨个人主页:山山而川~xyj⚶作者简介:前端领域新星创作者,专注于前端各领域技术,共同学习共同进步,一起加油!🎆系列专栏:Vue系列🚀学习格言:与其临渊羡鱼,不如退而结网目录前言一、过滤路由二、搜索框展示路由三、雏形出现但有缺陷四、优化搜索方式五、完整代码展示结论前言本篇文章分享一下我在实际开发Vue项目时遇到的需要——全局菜单搜索。全局菜单搜索本质是router的使用,该功能已经实现,接下来分享一下开发心得。一、过滤路由首先需要过滤出符合条件的路由信息,过滤的条件包含两个:路由可以显示出现(hidden:false)路由元信息中包含title属性代码展示:/***筛选出可以在侧边栏显示的路由

Vue实战——使用代理服务器解决跨域问题——No‘Access-Control-Allow-Origin‘ header is present on the requested resource

概论:目录一、跨域问题是怎么产生的1.1跨域问题:1.2解决办法三、开启代理服务器第一种方式:(存在弊端)细节问题:(解释两个弊端)第二种方式:(重要)配置多个代理一、跨域问题是怎么产生的违背同源策略。协议,域名(主机名),端口有一个不同就是跨域。比如在我的电脑上,我使用localhost:8080端口请求localhost:5000端口获取数据,这样的话就会出现跨域问题,如下图所示:这种情况是端口号不同getStudents(){axios.get('http://localhost:5000/students').then(response=>{//response是响应对象respons

毕业生追踪系统 毕业设计 JAVA+Vue+SpringBoot+MySQL

作者主页:Designer小郑作者简介:3年JAVA全栈开发经验,专注JAVA技术、系统定制、远程指导,致力于企业数字化转型,CSDN博客专家,阿里云社区专家博主,蓝桥云课讲师。文末获取源码,项目编号:S087。\color{red}{文末获取源码,项目编号:S087。}文末获取源码,项目编号:S087。目录一、摘要1.1项目介绍1.2项目录屏二、功能模块2.1登陆注册模块2.2学生基本配置模块2.3就业状况模块2.4学历深造模块2.5信息汇总分析模块2.6校友论坛模块三、系统设计3.1用例设计3.2实体设计四、系统展示五、核心代码5.1查询我的就业状况5.2初始化就业状况5.3新增荣誉5.4

Electron 调用Nodejs系统API提示 Error: module not found:xxx 解决方法

最近使用Electron调用系统API时居然提示模块为找到异常,原因是在Electron大于20版本时渲染进程系统默认启用了沙盒 sandbox. 当Electron中的渲染进程被沙盒化时,它们的行为与常规Chrome渲染器一样。一个沙盒化的渲染器不会有一个Node.js环境。所以,沙盒开启时所有的Node.JS的系统API都不可用.可通过在 BrowserWindow 构造函数中使用 sandbox:false 选项或者nodeIntegration:true来针对每个进程禁用渲染器沙盒。app.whenReady().then(()=>{constwin=newBrowserWindow(

基于Java+Vue+uniapp微信小程序校园自助打印系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行交流合作✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

12 款在手,前端无忧——Vue UI 组件库

CodeIsNeverDie!今日分享下同事推荐的十二款VUEUI组件库,方便前端开发的伙伴们参考ElementUIElementUI是一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库。它是一个用于Web的UI组件库,除了Vue之外,它还具有React和Angular的版本。官网:https://element.eleme.cn/ElementPlus-经典中的经典,全面支持Vue3官网:https://element-plus.org/AntDesignofVueAntDesignVue是AntDesign的Vue实现,AntDesign作为一门设计语言已经经历了多年的迭代

亚马逊云科技产品测评活动征文|AWS Linux配置node环境并部署Vue项目

授权声明:本篇文章授权活动官方亚马逊云科技文章转发、改写权,包括不限于在DeveloperCentre,知乎,自媒体平台,第三方开发者媒体等亚马逊云科技官方渠道前言    AWS云服务在数字时代是至关重要的。AWS(AmazonWebServices)这是亚马逊的云计算服务平台,为世界各地企业、组织和个人开发者提供了一系列广泛而深入的云服务。    在AWS云服务中,测算、存放、数据库、剖析、机器学习等关键服务获得了全覆盖。比如,依据EC2(ElasticComputeCloud)服务,顾客能够轻松进行虚似服务器的扩展及管理;S3(SimpleStorageService)为顾客提供长期、可用

路由,vue-router的基本用法,vue-router的常见用法$route.params、$router.push、$router.replace、$router.go

一、前端路由的概念和原理1.什么是路由路由(英文:router)就是对应关系。2.SPA与前端路由SPA指的是一个web网站只有唯一的一个HTML页面,所有组件的展示与切换都在这唯一的一个页面内完成。此时,不同组件之间的切换需要通过前端路由来实现。*结论:*在SPA项目中,不同功能之间的切换,要依赖于前端路由来完成!3.什么是前端路由通俗易懂的概念:Hash地址与组件之间的对应关系。4.前端路由的工作方式用户点击了页面上的路由链接导致了URL地址栏中的Hash值发生了变化前端路由监听了到Hash地址的变化前端路由把当前Hash地址对应的组件渲染都浏览器中5.实现简易的前端路由步骤1:通过标签,

发现前端之美:Vue.js的魅力与入门指南

介绍Vue.js:Vue.js是一款由EvanYou开发的JavaScript框架,旨在简化构建交互式Web界面的过程。它的核心思想是通过响应式数据驱动视图,使开发者更轻松地构建动态且易维护的用户界面。Vue.js的特性:响应式数据绑定:Vue.js通过双向数据绑定,实现了数据变化时视图的自动更新,减少了手动DOM操作。组件化开发:将界面拆分为多个组件,提高了代码的重用性和可维护性。简洁灵活的模板语法:Vue的模板语法类似于HTML,易于学习,同时支持JavaScript表达式。生态系统丰富:众多插件和工具,如VueRouter、Vuex等,使Vue.js适用于各种规模的项目。3.如何上手Vu

Vue3 - 详细实现下载从服务端返回的文件流 Blob 对象教程,前端下载后端接口返回的文件流并自动保存到本地,支持任何格式的文件下载(从后端拿到二进制文件流 Blob 对象,前端实现点击下载功能)

前言调用服务端(后端)接口拿到文件流,通过前端下载并保存到本地。本文实现了在vue3项目中,通过后端接口返回的二进制文件流Blob对象,在前端进行点击下载并保存到用户本地,任何格式的文件都可以轻松下载,保证您直接复制代码,改个请求地址就可以使用了,如下图所示,当点击按钮时就会调用接口返回数据,最后执行自动下载保存。示例代码干净整洁,保证100%轻松搞定该功能示例代码包含了如何请求服务端、获取数据后如何下载、注意事项等等。随便找个页面,按需复制代码运行起来查看效果。template>