1.建一个名为JwtProperties的类，这个类中主要是放一些关于jwt中用到配置信息，将application.yml中jwt相关配置映射到这里importlombok.Data;importorg.springframework.boot.context.properties.ConfigurationProperties;importorg.springframework.stereotype.Component;@Component@ConfigurationProperties(prefix="sky.jwt")@DatapublicclassJwtProperties{/***
1.后端搭建搭建流程引擎后端的时候，主要注意springboot版本和Camunda版本之间的兼容性。此次springboot版本2.6.4，Camunda版本7.18.0。pom文件内容如下：4.0.0org.springframework.bootspring-boot-starter-parent2.6.4com.examplecamunda-demo20.0.1-SNAPSHOT2.6.47.18.01.8org.springframework.bootspring-boot-starter-weborg.springframework.bootspring-boot-starter-
在WebSocket通信中加入Token主要是为了实现身份验证和授权，确保只有经过验证的用户可以建立WebSocket连接。由于WebSocketAPI本身不支持直接在连接时设置HTTP头部，因此需要采用一些变通的方法来传递Token。以下是几种常见的方法：1、通过URL参数传递Token：在WebSocket的URL中直接携带Token参数。这种方法简单直接，但安全性较低，因为Token会暴露在URL中，容易被截获。constsocket=newWebSocket('wss://example.com/socket?authorization='+YOUR_TOKEN);2、在连接建立后发送
这里写目录标题一、Vue简介1.1主流前端框架/库简介二、下载和安装Vue2.1下载2.2安装完成后，检查2.3创建全局安装目录和缓存日志目录2.4为了下载包快速，改源为淘宝镜像2.5查看npm配置修改是否成功三、配置环境变量环境变量—用户变量—选中Path—点编辑环境变量—系统变量—新建四安装vue4.1安装vue4.2安装webpack模板安装脚手架vue-cli如果安装新版本vue，先卸载旧版本：五、创建一个vue项目一、Vue简介Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue采用自底向上增量开发的设计。Vue的核心库只关注视图层，并且非常容易学习，非常容易
目录说一下Vue的生命周期一般在哪个生命周期请求异步数据created和mounted的区别说一下Vue的生命周期Vue.js组件的生命周期包括创建、挂载、更新和销毁等阶段，这些阶段都对应着一系列的钩子函数，开发者可以在这些钩子函数中执行相应的操作。以下是Vue.js组件的生命周期：创建阶段：beforeCreate:在实例初始化之后，数据观测(dataobserver)和事件配置(event/watchersetup)之前被调用。created:实例已经创建完成，完成了数据观测(dataobserver)，属性和方法的运算，初始化事件，但挂载阶段还没开始。常用于异步请求数据的获取。挂载阶段：
一.ubuntu安装nginx1.更新本地软件包列表sudoaptupdate2.安装nginxsudoaptinstallnginx3.验证nginx是否安装成功sudosystemctlstatusnginx如果Nginx正在运行，则命令输出应该显示Active（active(running)）状态。4.若nginx未运行，则输入命令进行启动sudoservicenginxstart5.查看nginx版本信息nginx-V6.浏览器输入ubuntu所在服务器的ip地址当我们看到如图所示，即说明nginx安装成功！二.vue项目代码打包方式一:在vscode的终端输入npmrunbuild方
前言由于WMS有很多上传文件的需求，所以这里为了减轻服务器压力选择使用aliyunoss，并且前段直接上传到aliyun进一步减少服务器的压力，因为文件到了服务器会占用带宽，而带宽是生产过程中极其重要的资源之一。首先这里是先安装实战安装命令npminstallali-oss--save显示如下内容则安装表示成功！！！npmWARNdeprecatedconsolidate@0.15.1:Pleaseupgradetoconsolidatev1.0.0+asithasbeenmodernizedwithseverallong-awaitedfixesimplemented.Maintenance
vol框架官方链接：vol-vue(volcore.xyz)；vol框架基于element组件库以及iview组件库进行封装的。vol框架中的Cascader是基于iview组件库中的iview封装的，详细看下方的官方文档。iview官方链接：级联选择器-ViewDesign(iviewui.com)需求：联动的时候有二级数据的时候一级数据不可以选中，但是可以选中一级后面的数据（二级三级甚至更后面的），但是一级下面没有二级数据的话，就可以选中一级的数据。在iview中的cascader组件中封装了一个方法，change-on-select这个方法的值为布尔类型的，为true的时候可以设置为不管
之前做项目实现聊天功能，有几个功能点我觉得挺复杂的。今天我来说一下，我是如何实现图片小表情在输入框中显示，发送给后端时只发送一个含义字符串如：[emoji]，然后正常回显在页面上。此demo使用vue3实现效果图：输入自定义表情发送并回显声明：这只是个demo，不涉及与后端交互，不过会在该交互的地方标记，如需实际应用于项目，请根据实际情况进行改造完善！父组件定义及逻辑实现父组件dom定义如下，其中，输入框需要使用开启contenteditable的div，不能使用input或者textarea。chatMsgEl为子组件，用来回显我们发送的消息结果。divid="app">divclass="
前几天有一个叫做Rolldown的工具悄悄开源了，做前端开发的同学可能已经了解到了。我写这篇文章时是晚上，看到star数量是4.6k，而在这一天的上午我打开这个仓库的时候应该是3.7k。开源作者正是前端大佬，Vue创始人尤雨溪。要说这个工具有什么特点吗？那可能有这么几个特点：使用Rust语言编写；性能更好，当然也得益于第1点；主要开发者都是前端程序员，而且还有很多贡献者也是前端开发者。当然了，对于大佬们来说，语言只是实现功能的一个工具，用哪个都可以；Rolldown是什么Rolldown是一个用Rust编写的JavaScriptbundler，旨在未来作为Vite中的bundler使用。现在写
