VUE前端

Vue前端项目构建

目录1、安装Vue脚手架1.1安装node.js1.2安装npm1.3安装Vue脚手架2、通过Vue脚手架创建项目2.1基于3.x版本的脚手架创建vue项目，这里使用图形界面方式创建。3、启动项目4、项目初始化文件结构5、Vue脚手架自定义配置6、安装Element-UI插件7、使用Element-UI
踏 浪·2025-01-29 03:41

如何设计一个合理的vue前端项目架构

在前端开发中，我学习的是vue的开发路线。在最初的学习中，除了学习理论知识，还有就是看一些开源项目学习如何将vue应用到实际开发中。合理的项目架构设计是项目成功的基础之一。一个好的架构不仅可以提升代码的可读性和可维护性，还能提高开发效率，并降低项目的长期维护成本。所以，本文将以构建项目为起点，探讨如何设计关于vue的前端架构。1.项目初始化1.1创建项目vue不是在IDE中创建项目，而是使用工具在
叫我阿柒啊·2025-01-29 02:34

vue前端下载某一区域为照片格式

1.需求背景项目中，需要对某一区域进行下载，要求已照片格式去下载（例如一个div盒子，里面有以上的字，以照片文件格式下载到本地）2.代码constdownloadView=ref();constimgName=ref('小程序码');importhtml2canvasfrom'html2canvas';import{saveAs}from'file-saver';constsubmitDownLo
答题卡上的情书·2025-01-27 10:16

JHipster入门 - 生成单体架构的应用

生成SpringBoot后端代码和Vue前端代码。基
yorkwu1977·2025-01-26 07:30

【前端知识】简单易懂的vue前端页面元素权限控制

文章目录设计思路代码实现1.**权限数据管理**2.**权限判断方法**3.**动态控制元素**4.**路由权限控制**5.**无权限页面**总结相关文献在前端实现基于Vue的权限控制，通常需要结合后端返回的用户权限数据，动态控制页面元素的显示与隐藏、按钮的可点击状态等。以下是设计思路和代码实现：设计思路权限数据管理:从后端获取用户的权限数据（如角色、权限列表等），并存储在Vuex或组件的data
问道飞鱼·2025-01-24 12:23

vue前端运行报错 Error: listen EACCES: permission denied 0.0.0.0:3100

报错原因：端口占用解决方法：重启nat服务netstopwinnatnetstartwinnat
qq_38204247·2025-01-24 08:54

无@RequestBody获取数据为null

知识点参考：https://blog.csdn.net/justry_deng/article/details/80972817/今天在做一个post提交数据时，发现后台接收到的数据总为null，这是vue
爱恰鸡米花·2025-01-23 18:04

多种vue前端框架介绍

学如逆水行舟，不进则退。在现今的软件开发领域，Vue.js凭借其高效、灵活和易于上手的特性，成为了前端开发的热门选择。对于需要快速搭建企业级后台管理系统的开发者而言，使用现成的Vue后台管理系统模板无疑是一个明智之举。本文我为大家分享几款开源、免费开源、开箱即用的开源免费的Vue3开源管理后台，它们可以帮助你在项目中快速起步！专注于业务逻辑的开发。01.vue-element-adminGithu
灵魂清零·2025-01-21 19:56

VUE前端实现防抖节流 Lodash

方法一：采用Lodash工具库Lodash是一个一致性、模块化、高性能的JavaScript实用工具库。（1）采用终端导入Lodash库$npmi-gnpm$npmi--savelodash（2）应用示例：搜索框输入防抖在这个示例中，我们希望用户在输入框中停止输入500毫秒后才执行搜索操作，避免频繁请求.//假设这是一个执行搜索操作的函数functionperformSearch(query){c
百事老饼干·2025-01-20 11:45

海康威视摄像头ISUP(原EHOME协议) 摄像头实时预览springboot 版本java实现，并可以在浏览器vue前端播放(附带源码)

1.首先说了一下为什么要用ISUP协议来取流ISUP主要就是用来解决摄像头没有公网ip的情况,如果摄像头或者所在局域网的路由器有公网ip的话，其实采用rtsp直接取流是最方便也是性能最好的，但是项目的摄像头没有公网IP所以被迫使用ISUP，ISUP是海康自己的协议，海康官网是有对应的DEMO，我主要根据他们的java版本的demo进行改造海康DEMO地址，2.具体实现首先得设置摄像头编码格式H.2
web14786210723·2025-01-19 02:14

基于Google authentic实现的双因子登录认证系统前后台基于SSMP+Vue+Element（解决SecureRandom造成的服务器请求缓慢）

用md5两次加盐密码，可以灵活更换算法--直接上代码地址：JAVA后台：https://github.com/TateBrownJava/TwoFALogindemoBackendVue前端：https
Tate_Brown·2024-09-15 06:26

vue前端根据接口返回的url 下载图片

downloadPicture(imgSrc,name){constimage=newImage();//解决跨域Canvas污染问题image.setAttribute("crossOrigin","anonymous");image.src=imgSrc;image.onload=()=>{constcanvas=document.createElement("canvas");canvas.
爱心觉罗晓宇·2024-09-14 04:27

基于java+ssm+vue毕业设计源码合集（1-100）源码+文档+调试+讲解

技术栈介绍：SSM（Spring、SpringMVC、MyBatis）框架搭配Vue前端框架是当前较为流行的项目开发技术栈。
小程序设计·2024-09-12 13:19

vue前端性能优化之cdn的使用

优化原因项目中首页加载过慢，原因是js,css静态资源第一次加载的时间长vue.config.js'usestrict'......constcdn={js_cdn:['https://cdn.jsdelivr.net/npm/[email protected]/moment.min.js','https://unpkg.com/[email protected]/dist/vue.js','https://unpkg
不cong明的亚子·2024-09-12 11:36

vue前端实现打印功能

方案一：window.print()这个命令默认打印整个页面的内容，所以，如果想要实现局部打印功能的话，就要重新给body赋值，并且后续执行完之后再还原回去，这样的话会造成一些非预期的结果，很麻烦，并且在当前也操作，window.document.body的内容重新渲染，打印完会有刷新，影响用户的体验，所以不推荐方案二：利用iframe，iframe.contentDocument.execCom
是小芳芳呀·2024-09-07 04:17

SpringBoot后端接收文件转换成Base64保存到数据库

前言：若依前后端分离项目：SpringBoot+Vue前端上传文件（每次仅上传一个文件），后端接收文件（MultipartFile），将其转换为Base64，存储到数据库。
Sherlock_026·2024-09-04 15:13

Vue前端框架选型论证

Model：负责保存应用数据，与后端数据进行同步Controller：负责业务逻辑，根据用户行为对Model数据进行修改View：负责视图展示，将model中的数据可视化出来。但是，但是前端MVC也存在一些严重的问题：model和view的数据交互，非常的混乱，而且维护起来非常麻烦。这就是灵活开发带来的后遗症。拿backbone举个例子，backbone将Model的set和on方法暴露出来，方便
2401_84434086·2024-09-04 06:40

vue前端动态获取页面高度宽度

data(){return{//设置页面某元素需要设置的高度宽度变量eleHeight:0eleWidth:0}},created(){//初始化获取元素的高度宽度handleResize()},mounted(){//绑定事件，窗口resize时候触发函数handleResize，这句是核心window.addEventListener('resize',this.handleResize);}
Hrational·2024-08-28 17:42

JEECG框架的入门学习

就看看这个名字，也可以看出来三个框架：ant-design前端UI框架VUE前端框架jeecg这个框架接触不多，学习一下框架简介官网：JEECG官方网站-基于BPM的低代码开发平台JeecgBoot低代码平台
HITZXL·2024-08-26 12:29

vue前端更新后需要清空缓存

场景：前端vue3网站项目使用wepack打包后进行部署，但是用户浏览器访问网站时加载了缓存，导致没有及时更新。现在需要一个解决方案保证每次重新打包部署后，用户浏览器访问网站重新加载js和css，但是未更新还是继续使用缓存加快加载速度。1、配置nginx不缓存index.htmlindex.html文件很小，不缓存的话也不会造成很大影响server{listen80;server_nameyour
woflyoycm·2024-08-24 12:06

【Electron-Vue】搭建Electron-Vue前端桌面应用

目录前言搭建前准备开始搭建第一步：全局安装vue脚手架（如果已安装，就不必进行这一步了）第二步：通过vue脚手架，创建一个vue项目第三步：进入创建好的vue项目文件，安装electron第四步：配置package.json文件和main.js文件第五步：加载vue项目第六步：运行electron命令，弹出应用框。前言最近准备写一个前端桌面应用，了解到了一个新的框架——Electron，它是一个使
aDiaoYa_·2024-08-21 19:22

在IDEA中创建vue hello-world项目

工作中最近在接触vue前端项目，记录一下从0搭建一个vuehelloworld项目的步骤1、本地电脑安装配置node、npmD:\Project\vue\hello-world>node-vv14.21.3D
fragrans·2024-02-26 00:08

[前端]开启VUE之路-NODE.js版本管理

VUE前端开发框架，以Node.js为底座。用历史性的项目来学习，为了降低开发环境的影响因素，各种版本号最好能一致。前端项目也是一样。
猿Why·2024-02-23 12:00

Vue前端】vue使用笔记0基础到高手第2篇：Vue进阶知识点介绍（附代码，已分享）

本系列文章md笔记（已分享）主要讨论vue相关知识。Vue.js是前端三大新框架：Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增。Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。Vue.js是一个构建数据驱动的web界面的渐进式框架，Vue.js的目标是通过尽可能简单的API实
·2024-02-19 10:26

vue前端获取项目下的静态资源文件夹中的文件并下载

1.图片前端项目/public/static/image文件夹下，两张图片，因为不会经常改变所以做成静态资源从项目中获取这两张图片//require.context（检索目录、是否检索子文件、正则表达式匹配的）constrequireContext=require.context('../../../public/static/image/',false,/^\.\/.*$/)requireCon
我在学习呢·2024-02-15 01:40

Vue前端api封装（修改版）

看评论说用markdown，嗯。。被嫌弃了，我也觉得之前的排版好丑，重新写一次，顺便把put和delete方法加上一.在src目录下创建request文件夹，然后在里面新建http.js和api.js文件，http.js用于封装axios，api.js用来统一管理我们的接口。安装axiosnpmiaxios--savehttp.js//引入importaxiosfrom"axios"//环境axi
ai耳边的呢喃·2024-02-15 00:57

vue前端系统启动报错Module not found: Error: Can‘t resolve ‘sass-loader‘

1、确认项目中是否已安装node-sass包。sass-loader是依赖于node-sass包的，如果没有安装node-sass包，也会导致无法找到sass-loader包。npmlsnode-sass安装node-sass包：npminstall--save-devnode-sass2、确认项目中是否已安装sass-loader包。npmlssass-loader安装sass-loader包：
加蓓努力我先飞·2024-02-14 19:01

vue前端配置代理实现跨域请求

跨域的解决方法：设置让服务器允许跨域，使用nginx反向代理服务器实现在config.js中配置config配置官网：https://cli.vuejs.org/config/#devserver-proxydevServer:{host:'0.0.0.0',port:port,proxy:{[process.env.VUE_APP_BASE_API]:{target:`http://localh
YJ_1101·2024-02-14 16:08

nginx 部署vue前端

部署不同端口的前端#usernobody;worker_processes1;#error_loglogs/error.log;#error_loglogs/error.lognotice;#error_loglogs/error.loginfo;#pidlogs/nginx.pid;events{worker_connections1024;}http{includemime.types;def
nsa65223·2024-02-13 11:16

Python技术栈前后端分离项目（Vue）容器化部署解决方案

目录一、创建一个简单的Vue前端项目（可忽略）二、使用Flask部署上述Vue打包后的dist（前后端未分离）三、使用Django部署上述Vue打包后的dist（前后端未分离）四、容器化部署章节二和章节三输出的项目
代码大萝卜·2024-02-12 10:31

golang通用后台管理项目——Go+Vue通用后台管理项目实战

的应用5、掌握go语言开发前后端分离项目的能力6、从0到1开发完整前后端分离项目的能力技术栈：go后端gin+gorm+swagger+reids+jwt+base64Captcha+mysql+yamlvue
怪我冷i·2024-02-08 23:08

Vue前端框架--Vue工程项目问题总结{脚手架 Vue-cli}

Vue脚手架部署问题总结我所遇到的一共两大问题只有先执行npminstall之后才能runserve否则会报错vue-cli-serve不是内部或者外部的命令，也不是可运行的程序或者批处理文件的错误1.运行npminstall会报错2.运行npmrunserve报错nodejs官网为https://nodejs.org/en/选择推荐用户最多的使用版本关于第一次下载nodejs需要注意最好是按照默
鲲鹏猿·2024-02-08 06:03

vue前端展示代码块

使用vue-prism-editor包vue3使用npminstallvue-prism-editor@alphanpminstallprismjs需要用到此组件templatejsimport{PrismEditor}from'vue-prism-editor';import'vue-prism-editor/dist/prismeditor.min.css';//importthestyles
土豆丶杨·2024-02-07 22:50

vue前端RSA使用公钥进行加密，公钥进行解密

记录下RSA使用公钥进行加密，公钥进行解密：背景：由于项目要求前后端进行数据加密传输，具体数据使用aes进行加密，aes密钥使用rsa进行加密，加密后的aes密钥放在请求头和响应头进行传输。这里实现的是前端vue使用rsa对aes的密钥进行加密解密。第一步：安装jsencrypt控件npmijsencrypt--force第二步：从node-modules中复制jsencrypt整个文件夹，这里我
夜雨星光~·2024-02-07 08:45

搭建oracle+mysql双数据源springboot+vue项目配置记录

主要根据项目需要自行搭建简易双数据源框架，以便自行学习实践相关离线开发，话不多说直接开干1.首先准备所需依赖资源：springboot框架代码结构（搭建项目略）；oracle数据库（建库建表过程略）；mysql数据库（建库建表过程略）；vue
enjoysummer·2024-02-07 08:13

Node.js安装与Vue.js安装配置

简介：使用VUE前端框架开发，需要安装Node.js和Vue.js1.Node.js安装与配置（详细步骤）访问地址：Node.js安装与配置（详细步骤）_nodejs安装及环境配置_liyitongxue
展望之客·2024-02-05 19:20

vue前端+nodejs后端通信-简单demo

本文记录vue前端+nodejs后端通讯最简单的方法，供广大网友最快速进入全栈开发。
和世界不一样，那就不一样！·2024-02-05 10:01

Linux(centos7)搭建Jenkins自动构建Springboot项目及vue前端项目

Linux(centos7)搭建Jenkins自动构建Springboot项目及vue前端项目Linux(centos7)搭建Jenkins自动构建Springboot项目及vue前端项目一、环境准备安装
hipanda51·2024-02-05 09:13

基于JAVA和Vue的宠物医院诊所商城论坛管理系统

本课题旨在设计并实现一个基于SpringBoot后端框架和Vue前端技术的宠物医院管理系统，以提升宠物医院的服务效率和管理水平。该系统采用当前流行的前后端分离架构，
程序猿大波·2024-02-05 03:25

（已解决）Vue前端架构建设与数据传输，Vue如何使用，如何更改vue端口，如何设置路由，vue中如何进行html套用，vue如何跳转页面，Node.js下载安装，Vue cil下载安装，npm是什么

1.前言为什么要使用VUE：Vue就是简化js的dom书写的（官方语言的解释都搜得到，不说了）都开始学vue了，那些简单的肯定会了，大部分原因就是时代在进步喽，各种技术栈的更新，安全性，维护便利性的提高等等....要求我们去学更新的技术......(vue已经是老技术了，IT行业前景不好，内卷严重，哥找工作的时候咋活啊QAQ)咳咳，说多了，进入正题吧2.安装Node.jsVue有一套标准的模板来进
BrianGriffin·2024-02-04 23:35

Vue前端框架选型论证

Vue前端框架选型论证文章目录Vue前端框架选型论证1.前端框架的演变1.1前端框架的演变历史1.2web1.0时代1.3后端MVC时代1.4前端MVC时代1.5MVP时代1.6MVVM时代2.前端框架的演变总结
秋枫落落·2024-02-04 18:17

前端解决浏览器直接打开图片URL，下载问题

话不多说，上代码：vue前端代码：downZip(urls){//urls为图片地址if(!urls){
xiaoming_w·2024-02-04 10:05

vue前端img访问鉴权，后端进行拦截

此文章为了解决匿名可以访问图片问题，有的文章是重构了el-img组件，使用blob重新进行加载。该文章是换个思路，在图片访问地址后面追加token参数，后端进行拦截，判断token是否有效，无效则拦截。反之通过。同时会校验是否同一台电脑、同一浏览器、同一操作系统、同一登录地点前端：image-preview组件：import{isExternal}from"@/utils/validate";im
wengelovelian·2024-02-03 18:37

vue前端使用pdf.js 实现pdf网页预览效果

vue前端使用pdf.js实现pdf网页预览效果前言最近，在vue项目中需要用到在线预览pdf功能，首先想到了pdf.js插件。
刘能能能·2024-02-02 22:29

VUE前端使用exceljs导出table以及echart图 生成excel文件

最近项目新增一个需求：导出部分列表数据(较少)以及生成的echart图放到一个excel文件中，全部需要在前端完成exceljs文档地址1、安装//安装npminstallfile-saver--save//保存文件使用npminstallexceljs--save2、引入//组件中引入importExcelJSfrom'exceljs'importfileSavefrom'file-saver'
一梦成回忆·2024-02-02 16:26

vue前端页面时间显示问题解决方法

解决方法，{{parseTime(scope.row.boxClosingOnlineTime,'{y}-{m}-{d}{h}:{i}:{s}')}}刷新页面：此外，使用@JsonFormat(pattern="yyyy-MM-ddHH:mm:ss")加入到domain中的.java程序中也可@JsonFormat(pattern="yyyy-MM-ddHH:mm:ss")
买个等离子电视·2024-01-31 20:56

jeecg的Vue前端加全屏页面，并在新的窗口打开

1.在router.config.js中加路由{path:'/tsgzBigScreenOne',component:()=>import('@/views/screen/TsgzBigScreenOne')}2.在系统管理中添加路由和权限3.Contextmenu.vue文件添加以下代码
是茜茜啊啊·2024-01-31 17:18

vue前端html导出pdf

package.json中添加依赖调用方：importhtmlToPdffrom'../../../utils/file/htmlToPdf.js'//下载方法，pdfDownloadDpi为onClickDownLoad(){htmlToPdf.getPdf('标题1','jsfgyzcpgxmShow',this.pdfDownloadDpi)}htmlToPdf.js//页面导出为pdf格式
ghx123456ghx·2024-01-30 06:53

vue i18n+element +lockr 实现语言切换 国际化

在一些项目中需要做国际化，即显示语言切换，最常见的就是中英文切换，基于vue前端框架、结合element+vue-i18n即可实现，同时使用vue的本地存储插件lockr记录语言状态，可以防止因为刷新而丢失语言状态
Ashley的成长之路·2024-01-29 18:34

日常学习之：vue + django + docker + heroku 对后端项目 / 前后端整体项目进行部署

文章目录使用docker在heroku上单独部署vue前端使用docker在heroku上单独部署django后端创建heroku项目构建Dockerfile设置settings.pydatabase静态文件管理安全设置
暖仔会飞·2024-01-29 02:57
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他