前端Vue 第5页

从零实现DevOps(六)：Jenkins+GitLab+Docker+Nginx自动化部署前端Vue项目

在上两篇文章中，我们分别演示了用Jenkins+GitLab实现从本地环境和远程服务器去部署SpringBoot项目。众所周知，现在的软件开发主流趋势是前后端分离，后端开发人员负责数据处理，前端负责页面展示。既然分离了，那么前后端就都需要部署后才可以使用。这篇文章就以Vue项目为例，实现本地环境和远程环境自动化部署Vue项目。一、前置条件1、硬件需求两台Centos7操作系统（虚拟机或者主机都可以

18岁程序员想打职业·2023-12-03 09:03

本地用tomcat和eclipse如何调试vue、springboot：第一种eclipse本地调试

20181019LukeLiu：首先要实现EclipseVue开发，我在下一篇博客中介绍前端vue项目是garcol_wx，在eclipse的terminal中输入npmrundev，执行程序。

柔贝特三哥·2023-12-02 16:39

Django HMAC 请求签名校验与 Vue.js 实现安全通信

本文将详细介绍如何在Django后端实现HMAC签名校验，并展示如何在前端Vue.js应用中生成对应的签名，从而确保前后端通信的安全性。1.Django后端实现步骤1:安装所需库

Rocky006·2023-12-02 10:39

vant+thinkphp实现文件上传功能

vant+thinkphp实现文件上传功能前端thinkphp后端测试前端vue3+vant代码实现fileList预览文件列表，具体可以参考官方文档letconfig={headers:{//添加请求头

yijianace·2023-12-01 19:01

Django 中的 HMAC 请求签名校验与 Vue.js 的完美协作

本文将详细介绍如何在Django后端实现HMAC签名校验，并展示如何在前端Vue.js应用中生成对应的签名，从而确保前后端通信的安全性。1.Django后端实现步骤1:安装所需库在D

K8sCat·2023-12-01 10:28

【前端Vue】nginx部署vue windows版本

1、下载nginxhttp://nginx.org/en/download.html在这里插入图片描述2、启动nginx点击nginx或者进入cmd启动。启动成功时，在浏览器中输入localhost会出现下面这个页面3、将vue的进行build，找到dist文件夹，将文件夹放入nginx下的html文件夹下，（注意这里不需要重启）重启nginx命令是nginx-sreload4、然后浏览器输入ht

今天的啊彻·2023-12-01 10:19

nginx部署多个前端vue项目，有3种方式

域名配置端口配置location配置首先我们看一下nginx.conf配置文件为了方便管理，在/usr/local/nginx/conf.d/创建自己的*.conf配置文件。没有conf.d目录，直接mkdir创建conf.d*.conf详细可参考：server{listen80;server_name192.168.5.110;#项目域名root/z/workspace/builduis/web

永远的永远次方·2023-12-01 10:11

UniApp&WebSocket通信心跳机制&断线重连(前端VUE3，后端Express)

目录1.websocket理解（这是对websocket的讲解，已有了解可以直接看下面代码实现）2.Express后端框架中搭建WebSocket服务器3.WebSocket服务器的四种状态讲解4.Uniapp中使用Vue3搭建WebSocket客户端5.UniApp&WebSocket通信心跳机制&断线重连（效果演示视频）1.websocket理解（这是对websocket的讲解，已有了解可以直

肥宅快乐氺·2023-11-30 15:06

restful路径参数可以传递5个以内资源对象的操作id，在URI路径上用逗号(,)分割例如 /assets/1,2,3 [GET, PUT, DELETE] //id为1，2，3的资源

/1,2,3[GET,PUT,DELETE]//id为1，2，3的资源RESTful接口规范https://www.cnblogs.com/lovebing/p/15118553.html以下是例子：前端

梓沂·2023-11-29 19:40

毕业设计之基于springboot的开源商城系统

二、功能模块平台端管理端用户手机端首页会员订单商品促销店铺运营统计设计三、技术架构前端vue、uniapp后台springboot四、系统效果五、项目地址私信回复：商城

程序员小美·2023-11-29 00:42

前端vue开发项目遇到“Use // eslint-disable-next-line to ignore the next line”

问题：前端使用vue来开发，原本项目是可以正常运行的，由于需要卸载element-ui，重新安装更新版本的element-ui，操作完成执行npmrunserve后报错，显示SyntaxError:TypeError:Cannotreadproperty'styles'ofundefinedYoumayusespecialcommentstodisablesomewarnings.Use//esl

夜雨星光~·2023-11-28 18:42

前端Vue框架在PostCSS怎样使用sass

为什么要使用PostCss众所周知转换px单位的插件有很多，知名的有postcss-px-to-viewport和postcss-pxtorem，前者是将px转成vw，后者是将px转成rem，精简了不常用的配置。将成为vw优先单位使用，以rem作为回退模式。考虑到vw在移动设备的支持度不如rem，这款插件很好的解决了该问题。然后简单的介绍下。安装指令$npminstall@moohng/postc

CRMEB定制开发·2023-11-28 13:17

Java预览下载word文档（poi-tl、thymeleaf模板）

主要功能预览word文档生成并下载word文档实现前端Vue代码预览功能主要使用的是docx-preview下载方式如下：npminstalldocx-preview--save预览下载下载thymeleaf

菜鸟_w·2023-11-28 13:45

vue.js如何根据后台返回来的图片url进行图片下载

原创/朱季谦最近在做一个前端vue.js对接的功能模块时，需要实现一个下载图片的功能，后台返回来的是一串图片url，试了很多种方法，发现点击下载时出来的效果，都是跳到一个新的图片网页，后来经过一番琢磨，

朱季谦·2023-11-28 12:01

解决前端vue项目问题：element避免二次触发的回车来刷新页面

回车时element会二次触发不必要的回车刷新页面，需要加阻止事件即可在el-form里添加@submit.prevent，阻止事件即可作者上一篇文章，解决前端项目场景问题：vue+element进度条el-progress渲染后端动态数据_意初的博客-CSDN博客vue+element进度条el-progress渲染后端动态数据。percentage：百分比format：指定文字内容给它们前面加

意初·2023-11-27 23:39

vue+springboot通过post请求实现文件下载

前端vuedownFile(){letcheckNodes=this.

沙门空海·2023-11-27 09:37

基于springboot+vue 的小区物业管理系统

管理员登录后可以对小区的基本简介，周边设施，公告，楼栋，房间进行管理，还可以对用户的报修和收费进行相关操作，处理用户的投诉等等等等开发语言：Java主要框架:后端springboot，前端vue数据库：

晚安独角兽·2023-11-26 19:13

皮小猪老师·2023-11-26 06:20

前端vue+后端springboot实现页面下载文件

如果前端业务下载文件，需要表明responseType=‘blob’，例：axios.post(`自己的下载地址`,"",{responseType:'blob'});后端需要给ServletOutputStream传入ByteArrayOutputStream类型数据。此时以我之前写的报表下载为例子：XSSFWorkbookxb=newXSSFWorkbook();ByteArrayOutput

博学的刘二胖·2023-11-26 05:42

鸿蒙(HarmonyOS)应用开发——生命周期、渲染控制、状态管理装饰器

生命周期是记录从产生到销毁的过程；如果熟悉前端vue.js的话，就可以很好的理解生命周期。

layman0528·2023-11-25 23:44

【WebSocket项目实战】聊天室（前端vue3、后端spring框架）

最近我学习了WebSocket，为了更好地掌握这一技术，我决定通过做一个项目来巩固学习成果。在这个项目中，我将使用JavaScript和WebSocket来实现实时通信，让客户端和服务器端能够实时地传递和接收数据。通过这个项目，我希望能够更深入地了解WebSocket的工作原理，并且能够在实际应用中灵活运用这一技术。1.技术栈前端：vue3后端：spring框架2.项目实现1.前端1.项目初始化这

余炜yw·2023-11-25 16:37

前端vue导出PPT，使用pptxgen.js

前言公司新需求需要导出ppt给业务用，查阅资料后发现也挺简单的，记录一下。如有不懂的可以留言！！！1.安装包npminstallpptxgenjs--save2.引入包在需要使用的文件中引入importPptxgenfrom"pptxgenjs"导出事件导出周报这里有几个注意点说一下slide当前PPT页，可以通过addText(),addTable()等方法在当前页面添加文字、图表、图片等元素T

Э时间行者于我·2023-11-25 15:56

在Linux上使用nginx部署前端vue项目

由于我在部署这个项目的时候公司要求内网开发，所以不能联网下载nginx的依赖包需要使用光驱拷贝链接：https://pan.baidu.com/s/1bXrHV6I0W6yYLo6elhyakA提取码：9e5w首先是搭建nginx环境上面链接是一位大佬提供的网盘资源下载地址包括nginx（1.13.9）跟环境所需的包。解压出来后，上传到linux里面，我放在/usr/local/src中（这个路径

Mary894·2023-11-25 13:36

前端vue项目部署到云服务器教程

1、pcre、pcre-devel安装pcre是一个perl库，包括perl兼容的正则表达式库，nginx的http模块使用pcre来解析正则表达式，所以需要安装pcre库。安装命令：yuminstall-ypcrepcre-devel2、zlib安装安装命令：yuminstall-yzlibzlib-devel3、安装opensslopenssl是web安全通信的基石，没有openssl，可以说

晚风914·2023-11-25 13:35

使用宝塔Linux面板上传前端 Vue项目至云服务器

本篇文章是以前端vue框架演示1、项目打包vue项目我们一般使用的编辑器为vscode，打包vue项目在vscode中打开项目文件夹，按ctrl+`打开vscode控制台，运行以下命令npmrunbuild

igxia·2023-11-25 13:04

Linux云服务器打包部署前端Vue项目

1.打包在项目包的终端使用命令打包成dist文件。npmrunbuild2.Linux云服务器上创建文件夹mkdir/home/www/dist注：dist文件夹不用创建，将打包好的dist.zip放进去，然后解压就行。3.安装nginxyuminstall-ynginx4.修改配置文件vim/etc/nginx/nginx.conf配置文件原样：#Formoreinformationonconf

木木是木木·2023-11-25 13:56

vue打包上传服务器的总结笔记

搜索【vue打包】找到一个视频教程前端Vue项目打包部署实战教程_哔哩哔哩_bilibili这步是在看不懂下面操作的情况下用的第一步：找到nginx的配置文件然后在里面添加这个server{listen9000

王泰虎·2023-11-25 06:14

vue+springboot读取git的markdown文件并展示

前言最近，在研究一个如何将我们git项目的MARKDOWN文档获取到，并且可以展示到界面通过检索查到，于是经过几天的摸索，成功的研究了出来本次前端vue使用的是Markdown-itMarkdown-it

相与还·2023-11-25 06:46

java和vue实现滑动拼图验证码

java和vue实现滑动拼图验证码前言效果图正文后端Java依赖核心代码Controller前端vue最后成品扩展GIf动态拼图引用前言由于最近想做一个滑块验证码，苦于后端没有精美好看的样式，纯前端的验证码倒是挺好看的

一夏coco·2023-11-25 03:23

一款Laravel9+Vue+ElementUI后台管理框架

本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，为了敏捷快速开发，提升研发效率，框架内置了一键CRUD代码生成器，自定义了模块生成模板，包括后端PHP文件模块和前端

理查德.克莱德曼·2023-11-25 02:17

Revel+Vue+ElementUI管理后台源码

可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端

半城风雨·2023-11-25 02:46

前端vue视频vue-video-player插件总结知识点案例(带源码)

目录文档安装main.js文件全局引入视频格式组件方法切换视频清晰度基础案例效果如下完整案例1效果如下完整案例2效果如下最后文档文档地址选项参考API文档配置函数方法等Git地址Git地址安装1.vue-video-player插件下载npminstallvue-video-player--save2.推流/m3u8的下载npminstall--savevideojs-contrib-hlsmai

MFG_666·2023-11-24 23:36

前端vue入门(纯代码)19

不管何时何地，永远保持热爱，永远积极向上！！！【21.Vue中的插槽slot】父级模板里的所有内容都是在父级作用域中编译的；子模板里的所有内容都是在子作用域中编译的。一个不带name的会带有隐含的名字name=“default”。问题：插槽（slot）是什么？兄弟们也可以点这里去看这位兄弟的博客，写的比我详细！！！【理解1】：插槽就是子组件中的提供给父组件使用的一个占位符，用表示，父组件可以在这个

neneduck·2023-11-24 20:36

前端vue入门(纯代码)17

不管何时何地，永远保持热爱，永远积极向上！！！【19.尚硅谷GitHub案例】1.静态GitHub搜索案例的静态文件：index.htmlTitleSearchGithubUsers Searchxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxindex.css.album{min-height:50rem;/*Canberemoved;justaddedfordemopur

neneduck·2023-11-24 20:06

前端vue入门(纯代码)14

内容创作不易，各位帅哥美女，求个小小的赞！！！【15.给todoList案例添加编辑按钮】本篇内容在TodoList案例的基础上添加个编辑按钮，要求：（1）点击编辑按钮后，编辑事项，此时编辑按钮隐藏，输入框自动获取焦点（2）编辑完后当输入框失去焦点，保存编辑后的内容（1）TodoItem.vue文件中先添加一个编辑按钮和input框。{{todo.title}}删除编辑页面展示：（2）TodoIt

neneduck·2023-11-24 20:05

vue+SpringBoot的图片上传

前端VUE的代码实现直接粘贴过来element-UI的组件实现后端springboot的代码实现packagecom.aqiuo.controller;importcom.aqiuo.entity.dto.Result

五敷有你·2023-11-24 18:36

前端VUE3.0,DAY19，列表过滤

VUE3.0,DAY19生成一个人员列表实现列表过滤即模糊查询计算属性实现列表过滤（模糊查询）生成一个人员列表列表过滤Vue.config.productionTip=false{{XianShi.name}}-{{XianShi.age}}-{{XianShi.sex}}Vue.config.productionTip=false//创建vue实例，习惯用一个变量来接该vue实例，此处用xcon

疯子的梦想＠·2023-11-24 15:33

若依前端vue角色、权限判断

若依前端ui判断角色查看auth.js文件示例：v-if="$auth.hasRoleOr(['admin','sysadmin'])"//验证用户是否具备某角色this.$auth.hasRole("admin");//验证用户是否含有指定角色，只需包含其中一个this.$auth.hasRoleOr(["admin","common"]);//验证用户是否含有指定角色，必须全部拥有this.$

小灰灰菜鸟·2023-11-24 14:02

SpringCloud电商项目开发完整流程

SpringCloud项目开发完整流程一、新建前端Vue项目（管理后台）先下载node.jsNode官网然后win+r，输入cmd打开命令行窗口，输入命令node-v，检测node是否安装成功全局安装cnpm

唐人街都是苦瓜脸·2023-11-24 13:25

SpringBoot与Vue交互解决跨域问题【亲测已解决】

在这里分别分享两种方法，分别在前端vue中解决和在后台springboot中解决。浏览器同源策略为什么会出现跨域问题？首先一个定义一定要了解，就是浏览器的同源策略，什么是浏览器的同源策略，简单来说

谁叫我土豆了·2023-11-24 05:12

Java项目：伙伴匹配系统（持续更新中）

怎么把标签进行分类）学习方向java/c++，工作/大学主动搜索：允许用户根据标签去搜索其他用户Redis缓存组队创建队伍加入队伍根据标签查询队伍邀请其他人允许用户去修改标签推荐相似度计算算法+本地分布式计算技术栈前端

1MiZuKI·2023-11-23 17:08

前端技术·2023-11-23 15:08

vue 批量上传文件

业务背景：一次性批量上传多个文件，只请求一次接口,则手动提交到后台简单说明一个实现思路:前端vue统一处理多个文件保存到formData对象中，请求后台接口后台接口使用HttpServletRequest

DG_DH168·2023-11-23 07:40

前端Vue发送多次同一个请求造成渲染问题

有时候在更新数据时需要向后台发送请求得到最新的数据，但如果发送请求频繁并且数据返回较慢的时候，可能会使得数据渲染出错。因此我们可以标记每个请求的顺序并计算总的请求数量，然后等待单个请求完成后判断其是否为最后一个请求，如果是，则取其数据。data(){return{queryNum:0,//标记最后一个请求}}methods:{getData(){this.queryNum++;varcurrent

啥也不会学前端·2023-11-23 05:19

django+vue实现前端文件上传以及后端文件处理返回

django项目创建vue项目命令创建项目目录文件初始化创建django项目django+vue运行vue项目打包django创建apps配置django项目vue页面路径修正实现前后端图片文件的交互前端

QWQyouyu·2023-11-22 12:45

vue3配置打包后的项目改配置文件后直接生效，解决每次修改配置需要重新打包的问题

前后端分离项目，前端主要使用vue3开发完成后，通过npmrunbuild打包后将生成的dist目录全部放入springboot项目的resources目录下，达到只启动后端服务完成系统正常访问；项目主要版本#前端

HH287·2023-11-22 06:49

前端vue3一键打包发布

一键打包发布可以分为两种，一是本地代码，编译打包后发布至服务器，二是直接在服务器上拉去代码打包发布至指定目录中。两种各有使用场景，第一种是前端开发自己调试发布用的比较多，第二种是测试或者其他人员用的多，前端开发将代码上传至git中，测试人员可以在服务器上拉取指定分支如release_V0.1，然后打包发布用于测试。一、本地代码一键打包发布工具：vscode项目：vue3+ts+vite+yarn1

火辣辣-·2023-11-22 04:31

前端vue3实现本地及在线文件预览（含pdf/txt/mp3/mp4/docx/xlsx/pptx）

一、仅需实现在线预览，且文件地址公网可访问（一）微软office免费预览（推荐）支持doc/docx/xls/xlsx/ppt/pptx等多种office文件格式的免费预览//示例代码//在https://view.officeapps.live.com/op/view.aspx?src=后面拼接需要预览的地址，如下：\leturl="http://xxx.com/files/demo.doc"

Sylvasylva·2023-11-22 01:30

前端vue实现手机号输入框下拉展示历史登录过的手机号码

需求：做一个登录页面，登录过的号码显示在下拉框，下次登录可以选择登录过的号码进行登录无需重新输入。样式就不附上了，记录下逻辑过程吧大概就是在输入号码点击登录的时候，localstorage记录下手机号码，每次打开登录页面的时候先取localstorage里面的手机号码作为历史手机号下拉框的内容{{item}}清除所有记录登录exportdefault({data(){return{phone:""

Muizai·2023-11-21 23:56

vue+springboot保存头像

效果图：vue采用了第三方的组件，vue-image-crop-upload步骤1：再前端vue项

哦哦哦哦哦哦哦哦哦哦哦·2023-11-21 22:25

推荐频道

前端Vue