草庐IT

Vue-Instant

全部标签

SpringBoot+Vue 单页面多组WebSocket

文章目录1.在SpringBoot的pom.xml文件里添加依赖:**2.在配置中加入WebSocketConfig.java**3.新建component文件夹,加入WebSocketServer.java**4.Vue5.前后端交互1.在SpringBoot的pom.xml文件里添加依赖:**!--websocket-->dependency>groupId>org.springframework.boot/groupId>artifactId>spring-boot-starter-websocket/artifactId>/dependency>2.在配置中加入WebSocketCon

基于Java+Spring+Vue+elementUI大学生求职招聘系统详细设计实现

博主介绍:✌全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战✌🍅文末获取联系🍅精彩专栏推荐订阅👇🏻👇🏻不然下次找不到哟 java项目精品实战案例《100套》Java微信小程序项目实战《100套》Java毕业设计参考题目-题目新颖(值得收藏)目录一、前言介绍:二、系统设计: 2.1系统运行环境2.2 系统架构设计2.3 登录时序图设计三、功能截图: 3.1用户登录注册模块:3.2求职招聘前台模块:3.2.1系统首页:3.2.2企业信息:3.2.3企业详情:3.

2023最新VUE开发的ChatGPT3.5全开源小程序源码+功能强大/UI也不错

正文:所需环境uniappnodejs搭建教学首先前端源码下载下来,用idea源码编辑器打开,只需要修改配置文件中的请求api(request/request.js),需要搭建好后端请求1.服务器配置centos7.92.宝塔面板安装宝塔3.如果在线下载地址报错:下载xshell4.前端使用工具:HBuilderXnode.jstry_files$uri$uri//index.html;   location/prod-api/{       proxy_set_headerHost$http_host;       proxy_set_headerX-Real-IP$remote_addr;

ESLint如何在vue3项目中配置和使用

目录问题描述:配置:注意:问题描述:在用vite创建vue3项目时已经选择了添加ESLint,创建完成后使用pnpminstall命令(或者npmi)安装了项目依赖之后,ESLint在项目中需要怎样配置和使用呢?配置:在项目根目录中,创建一个.eslintrc.js文件。这将是ESLint的配置文件。打开.eslintrc.js文件,并添加以下代码来配置ESLint:module.exports={root:true,env:{node:true,},extends:['plugin:vue/vue3-essential','@vue/typescript/recommended','esli

Error: error:0308010C:digital envelope routines::unsupported(Vue2项目报错)

问题描述在终端输入npmrundev命令,项目运行报错Error:error:0308010C:digitalenveloperoutines::unsupported问题原因node版本过高,可以在命令行 输入node-v查看版本         因为Node.js版本是17以上所以会运行失败, Node.js17版本中最近发布的OpenSSL3.0,而OpenSSL3.0对允许算法和密钥大小增加了严格的限制,可能会对生态系统造成一些影响.解决办法方法一(配置node选项--openssl-legacy-provider)这个好像可以直接通过cmd在终端里运行(但是我的电脑没有效果)wind

vue中使用elementUI使用el-tabs,切换Tab如何实现实时加载,以及el-table表格使用总结

当我们在开发中遇到tab切换,这时候用el的el-tabs感觉很方便但当我在把代码都写完后,发现一个问题就是页面打开时虽然我们只能看见当前一个tab页,但是vue会帮你把你写的所有tab页的内容都渲染出来了,只是其他的隐藏了,同时其他tab的js也都走了一边,当你点击tab时js就不会再去请求后台这种机制会造成一个问题,就是如果每个tab页的数据都过大的时候,可能就会导致首次打开页面卡顿现象,同时如果数据库数据在实时发生变化的话,比如你一分钟前打开的这个页面,看的是tab1的内容,看了1分钟后我想看tab2的内容,但此时tab2的内容后台数据库已经发生变化了,你能看到的只是1分钟前的数据,那该

vue中this.$router.push()路由传值和获取的两种常见方法

      今天接到了比较大的需求,由于这个公司的接口调用方法和上一段实习那家公司的写法很不一样,我花了很多时间在摸索,“踏出第一步总是最困难的”,果然没错,第一个很费劲,但完成之后有了思路,下面的任务也就完成得更顺利了一些。简单记录一下吧!主要步骤:1.首先要配置一下接口【api.js】2.在使用的地方先引入方法【跳转到的页面】3.调用的时候要注意是传什么类型的参数,不然请求不回想要的数据【切记切记看一下接口文档】4.配置跳转路由,并传出参数(注意类型)【今天我一开始传了个对象类型:"userKey":"5",旁边的姐姐帮我看了一下,最后改成了userKey:5传过去,果然就返回了正确的数据

通用vue组件化登录页面

一、首页设置大体的样式布局1.首先建立一个login文件夹,在里面建立对应的login.vue文件2.设置登录页面的背景图,在App.vue文件中使用router-view进行展示登录组件3.先给App.vue的div元素设置高度100%,之后在login.vue里面去设置背景图App.vueimport{defineComponent}from"vue"exportdefaultdefineComponent({name:"App"})/*先将主面板设置宽度,之后再去设置对应的组件login*/.app{height:100%;}login.vue这里注意怎么使login组件垂直水平居中的样

关于vue3生命周期的使用、了解以及用途(详细版)

生命周期目录前言组合式写法没有beforeCreate/created生命周期,并且组合式写生命周期用哪个先引哪个beforeCreatecreatedbeforeMount/onBeforeMountmounted/onMountedbeforeUpdate/onBeforeUpdateupdated/onUpdatedbeforeUnmount/onBeforeUnmountunmounted/onUnmounted总结前言每一个Vue组件实例在创建时都需要经历一系列的初始化步骤,比如数据侦听,编译模板,挂载实例到DOM,以及在数据改变时更新DOM。在此过程中,它也会运行被称为生命周期钩子

社区志愿者|基于Springboot+Vue实现社区志愿者平台系统

作者主页:编程指南针作者简介:Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容:Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号:BS-XX-212一,环境介绍语言环境:Java: jdk1.8数据库:Mysql:mysql5.7应用服务器:Tomcat: tomcat8.5.31开发工具:IDEA或eclipse开发技术:Springboot+Vue二,项目简介本项目基于Springb