心血来潮打算写个小项目，前后端分离，flask/fastapi+vue（具体用哪个后端还没想好），里面的功能大概就是目前所有热门的应用的合集，一键出结果的那种，然后跟随着科技趋势，不断去更新维护的一个网站，同时也学习学习前后端啥的知识，几乎相当于从零开始了。后端习惯了pycharm，虽说vscode用着也很爽，但是对于python的代码来说，还是pycahrm最舒服了，正好在新建项目的时候看见了可以新建vue的项目那就一起来吧，可一个编辑器霍霍吧。正常点击新建vue.js项目没什么问题的，然后点击创建项目也是可以正常能创建的，创建之后控制台会出现让你进入目录开始安装环境然后运行然后第一个坑就出
SpringBoot和Vue2集成WebSocket，实现聊天室功能1.加入依赖2.后端建立socket服务端3.前端建立客户端后端dependency>groupId>org.springframework.bootgroupId>artifactId>spring-boot-starter-websocketartifactId>dependency> dependency>groupId>com.alibabagroupId>artifactId>fastjsonartifactId>version>1.2.76version>dependency>//配置开启WebSocket@Co
需求最近需要接入海康视频摄像头，然后把视频的画面接入到自己的网站系统中。以前对接过rtsp固定IP的显示视频，这次的不一样，没有了固定IP。海康的解决办法是，摄像头通过配置服务器到萤石云平台，然后购买企业版账号和套餐【注意必须要购买套餐】最便宜的一个月是300元。如果不购买，视频会一直转圈圈，无法播放。#萤石云平台官网https://open.ys7.com1、购买萤石云平台企业版套餐。2、购买4G卡的流量，默认500MB，新人注册免费领取2G。官方测评一天流量消耗是8个G。3、购买4G版的摄像头。效果图技术方案1、摄像头通过4G的SIM卡把视频画面传输到萤石云平台。2、萤石云平台把视频画
作者简介：Java领域优质创作者、CSDN博客专家、CSDN内容合伙人、掘金特邀作者、阿里云博客专家、51CTO特邀作者、多年架构师设计经验、腾讯课堂常驻讲师主要内容：Java项目、Python项目、前端项目、人工智能与大数据、简历模板、学习资料、面试题库、技术互助收藏点赞不迷路 关注作者有好处文末获取源码 项目编号：ZJL一，环境介绍语言环境：Java: jdk1.8数据库：Mysql:mysql5.7应用服务器：Tomcat: tomcat8.5.31开发工具：IDEA或eclipse二，项目简介2.1背景和意义随着人们健康意识的提高，对医疗科普知识的需求也逐渐增加。然而，传统的科普方式存
使用VUE和webrtc-streamer实现rtsp实时监控前言一、webrtc-streamer是什么？二、使用步骤1.下载[webrtc-streamer](https://github.com/mpromonet/webrtc-streamer/releases)，本机测试我下载的最新window版本2.解压下载的安装3.双击webrtc-streamer.exe启动服务4.将下载包html文件夹下webrtcstreamer.js文件和html/libs文件夹下adapter.min.js文件复制到VUE项目public目录下、在index.html文件里引入这两个js文件5.编写测
一、RuoYi-Vue3 前端进行配置：二级域名名称统一为：admin1-1、修改vue.config.js文件中的base，如下截图： 1-2、修改在src/router目录下的index.js文件，注意：这里添加base的方式和添加ruoyi-ui前端项目的方式是不一样的，网上有很多文章都是以ruoyi-ui2.x这个版本在讲解，别被误导了，截图如下： 1-3、配置登出地址：修改/src/layout/componets/Navbar.vue文件里的logout()方法，截图如下： 二、Nginx配置：我这里做了nginx配置文件单独导入形式的配置，截图如下：1-1、 1-2、子配置文件配
Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库安装IndexDB类库引入localForage测试新增数据、获取数据Vue使用IndexDBvue操作IndexDB数据库Vue操作IndexDB数据库大部分场景使用LocalStore都足够了，但是如果要考虑大数据的话，LocalStore支持并不是很好，有内存限制，并且数据过大LocalStore解析和存储性能不是很好，这时候可以使用IndexDB，数据格式是和数据库一样，可以创建多个数据库，数据库里面有多个表安装Inde
1.在store里面新建ws.js文件exportdefault{state:{webst:null,WSMessage:null,WSStatus:null},mutations:{/***@description建立websocket连接*@paramstatevuexstate*@paramwebstwebSocket对象*/setConnect(state,webst){state.webst=webst},/***@descriptionwebsocket消息*@paramstatevuexstate*@parammessagewebSocket消息*/setMessage(stat
前端使用vue-pdf、pdf-lib给pdf添加水印，并预览与下载效果预览使用第三方插件安装依赖插件import导入依赖预览添加水印的pdf下载添加水印的pdf预览及下载总结完整代码效果预览使用第三方插件安装依赖插件npmivue-pdf--savenpmipdf-lib--savenpminstall--save@pdf-lib/fontkit//为pdf-lib加载自定义字体的工具import导入依赖importpdffrom"vue-pdf";import{degrees,PDFDocument,rgb,StandardFonts}from"pdf-lib";importfontkit
总结一下,vue实现动态class主要通过以下三种方式1通过对象方式动态绑定一个类名的写法:class="{'on':ifOn}"动态绑定多个类名的写法:class="{'on':ifOn,'disabled':ifDisabled}"如ifOn/ifDisabled都是vue的变量，为真则对应key的class类名生效当动态class类名过多/条件判断过于复杂，可通过定义变量/使用computed属性来实现定义变量方式:class="classConfig"data(){return{classConfig:{on:true,disabled:false}}}computed属性方式data
