vue前端

vue前端登陆页面

npm组件安装npmielement-ui-S快速上手引入main.jspimportVuefrom'vue'importAppfrom'./App.vue'importrouterfrom'./router'importElementUIfrom'element-ui';//import'element-ui/lib/theme-chalk/index.css';//Vue.config.pro
、穿格子·2020-06-29 14:32

SpringBoot+elementUI图片跟随表单一起上传

vue前端用elementUI上传组件**auto-upload=“false”**关闭自动上传constdefaultDepart={imageUrl:''},methods:{init(depart
你泽哥·2020-06-29 07:45

vue前端开发使用vant遇到的坑

需求：vue+Vant项目实现一个计时功能，显示时分秒并且周围圆环变化，选用了VantCircle组件，版本是^1.6.15。bug：Circle组件在移动设备上的显示出现偏移。场景：项目引用了rem(postcss-pxtorem)，开发后发现计时器圆环在iphone6及iphoneX显示正常，在其它机型或安卓端都会出现偏移。原因：vant的源码里面要将transform-origin设置成固定
weixin_42383047·2020-06-29 04:04

饿了么团队开源项目 vue-element-admin 前后端分离构建和发布过程

跨域问题说明链接详细说明下跨域问题：nginx反向代理跨域流程图：用户vuenginx后端服务器请求数据api接口访问反向代理返回数据返回数据返回数据用户vuenginx后端服务器说明：开发环境下是直接在一台机子上面进行vue
Redfalsh·2020-06-29 04:15

vue前端项目的结构以及组成部分

本文结构在初入前端的时候，一个项目中的文件夹会非常多，与Vue官网的简单demo相差非常大这也是对前端项目文件组成和几个大的模块的一些介绍，文末还有一些不成文的代码规范本文目录项目代码组成前端项目组成前端的几大模块项目编写规范项目代码组成先不谈前端项目，结合后端项目来看，项目之所以不是一个单纯的文件，很重要的思想就是，模块化和团队合作编程中的模块化衍生出来的就是将不同功能的代码进行分类，放到不同的
少年的小俊·2020-06-29 04:30

树莓派安装nginx用来部署vue前端项目

下载nginxcdusr/localwgethttp://nginx.org/download/nginx-1.7.3.tar.gz安装nginx依赖包：2.1安装gcc说明：GCC——GNU编译器集合（GCC可以使用默认包管理器的仓库（repositories）来安装，包管理器的选择依赖于你使用的Linux发布版本，包管理器有不同的实现：yum是基于RedHat的发布版本；apt用于Debian
mac文的java路·2020-06-29 04:16

vue前端实现搜索功能

代码如下{{list.phoneName}}{{list.ascriptionPhone}}{{list.provinceName+''+list.cityName+''+list.areaName}}exportdefault{name:'HelloWorld',data(){return{search:'',searchData:'',products:[//假数据{'addressId':'
weixin_41655541·2020-06-29 01:21

Vue前端压缩图片

一、在组件包下新建compressImage.js1//压缩图片2//eslint-disable-next-lineno-unused-vars3exportfunctioncompressImage(file,config){4//eslint-disable-next-lineno-unused-vars5letsrc6//eslint-disable-next-lineno-unused-
雅俗小生·2020-06-28 15:00

vue前端页面跳转参数传递及存储

不同页面间进行参数传递，实现方式有很多种，最简单最直接的方式就是在页面跳转时通过路由传递参数，如下所示。路由传递参数this.$router.push({name:'跳入页面',params:{pid:pid,}})实现方式如上所示，利用router.push方法可以从当前页面跳入指定的页面，跳入的页面通过name属性来确定。name属性里面的内容是在路由routes中定义的。如下所示：const
weixin_34072857·2020-06-28 10:53

巧用设计模式构建可配置Vue前端应用-活动页生成系统实践

背景活动页，是各个互联网公司一个头疼的问题。为了跟上对手的脚步，需要时不时就要搞点花样。频繁重复的作业对于前端团队来讲是一件非常头疼的事情。活动发布系统是迫切需要的，让运营人员自己通过这个配置化活动页发布系统完成活动的发布。但是配置化活动发布系统对灵活性，扩展性，维护性都具有很大的挑战。像阿里，腾讯，京东都有各自的活动发布配置系统。但是对于我们这种小团队人手短缺，质量又无法与巨头相提并论，实在是不
weixin_33912246·2020-06-28 07:07

vue前端上传文件到阿里云oss的两种方式，put文件流上传，multipartUpload直接上传...

引入阿里云oss的js上传图片/文件mounted(){this.initConfig()//调用后台接口获取阿里云上传下载通行证}methods:{initConfig(){//初始化oss权限leturl='document.getAccess'letparams={type:'H'}this.$api.send(url,params).then((response)=>{if(respons
weixin_33775582·2020-06-28 05:59

MD5前端vue加密

Vue前端md5加密用户注册时将加密后的密码发送给后端存储当登陆的时候,再将加密后的密码和数据库中加密的密码相匹配。
weixin_30847865·2020-06-28 01:17

vue前端面试题知识点整理

vue前端面试题知识点整理1.说一下Vue的双向绑定数据的原理vue实现数据双向绑定主要是：采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter
weixin_30588827·2020-06-27 21:41

vue前端框架面试问题汇总

1、active-class是哪个组件的属性？嵌套路由怎么定义？答：vue-router模块的router-link组件。2、怎么定义vue-router的动态路由？怎么获取传过来的动态参数？答：在router目录下的index.js文件中，对path属性加上/:id。使用router对象的params.id3、vue-router有哪几种导航钩子？答：三种，一种是全局导航钩子：router.be
weixin_30481087·2020-06-27 20:29

vue前端项目中excel文件下载

模仿https://github.com/PanJiaChen/vue-element-admin/的下载创建文件夹vendor创建文件Export2Excel.js内容：/*eslint-disable*/require('script-loader!file-saver');importXLSXfrom'xlsx'functiongenerateArray(table){varout=[];v
weixin_30415801·2020-06-27 19:31

vue前端开发bug查找技巧---前后端分离开发模式的优越性

以captcha插件使用为例一、bug描述在验证码验证页面出现错误：http://127.0.0.1:9999/login二、buf分析1.查看属性发现captchaId错误（obejct%20object）2.查看初始化接口：http://127.0.0.1:8888/gxzk/common/captcha/init代码为：发现captchaId是正确的3.查看验证码的显示接口：http://1
只有团队的精神是永存的，平台，生态！·2020-06-27 14:28

微信支付-java实现微信支付-后端篇

微信支付系列文章微信支付-java后端实现微信支付-vue前端实现javademo:下载地址文章底部技术栈SpringbootjavaXML(微信在http协议中数据传输方案)MD5签名微信支付术语openid
茂盛的小绿芽·2020-06-27 08:39

vue前端模糊搜索高亮的一种实现

最终效果是这样的：思路是：1、写一个方法过滤每一组字符串，需要高亮的加高亮的class2、过滤器方法返回html字符串3、通过v-html将返回作为HTML标签解析后输出过滤器代码：exportfunctionhighLightTableMsg(msg,highLightStr){if(msg==null){msg=''}if(highLightStr==null){highLightStr=''
Zack_ZXY·2020-06-27 06:01

本人写的springcloud后台微服务项目和vue前端项目（包含一个后台管理系统，一个在线考试系统，一个简单商城系统，一个个人博客系统，一个实时聊天系统）

1，服务器所需安装程序jdk，mysql，node.js选择默认安装就行记得配置环境变量2，前端部署vue项目在服务器上运行启动前端4.1新开一个命令行窗口4.2定位到项目目录并安装依赖>cd你自己的位置/antd-****>npminstall4.3依赖安装成功后执行启动命令>npmrunserve#显示如下内容说明本地启动成功#DONECompiledsuccessfullyin7515ms#
刘献盎·2020-06-26 23:59

Vue前端项目-登录组件-登录框界面

目录1、登录框组件设计1.1表单元素组件注册1.2登录组件的结构和样式2、Icon图标2.1拷贝font文件夹到asserts目录2.2引入font的css样式2.3图标的使用2.4测试1、登录框组件设计需求：登录框居于屏幕中央显示；登录框中的表单元素分别有：用户名、密码、验证码、记住我；效果如图：注意:我们使用的是element-ui来做界面的,当时我们创建项目的时候选择组件按需导入因此当我们第
踏 浪·2020-06-26 22:40

Vue前端项目-主页布局-01

目录1、安装sass-loader2、全局样式3、在main.js中引用全局样式4、主页布局5、Sidebar组件6、重新运行项目，观察侧边栏效果7、顶部导航条（Navbar）8、AppMain组件1、安装sass-loader项目中用到的scss来做样式文件，所以需要先安装一下sass-loadernpmisass-loadernode-sass-D考虑到npm命令连接的是国外的网络，可能会比较
踏 浪·2020-06-26 22:40

Vue前端项目-首页-左侧菜单栏的展开与折叠

目录1、思路2、按钮单击事件3、父组件调用Vuex改变侧边栏状态4、新建app模块用于管理整个应用状态5、左侧菜单栏6、隐藏样式实现效果展开效果图:合并效果图:1、思路点击按钮（展开与折叠按钮），触发左侧菜单栏的张开与折叠，需要使用一个变量（state.sidebar.opened）来控制为什么要用state.sidebar.opened全局变量?原因是按钮组件与侧边栏组件不是父子组件的关系，按钮
踏 浪·2020-06-26 22:40

前后端分离项目跨域问题及解决方案

目录1、什么是跨域2、前后端分离项目中的跨域问题3、方法一：SpringBoot后端进行处理4、方法二：在Vue前端进行处理5、总结1、什么是跨域请求同域资源：在域名（或ip地址）相同，端口号相同下的请求资源
踏 浪·2020-06-26 22:40

Vue前端项目-首页-面包屑-显示当前路径

目录1、面包屑组件1.1、对breadcrumb组件二次封装1.2、引入面包屑组件2、导航菜单点击2.1、新增用户管理和角色管理页面2.2、测试实现效果：1、面包屑组件1.1、对breadcrumb组件二次封装新建src/components/Breadcrumb/index.vue组件{{item.meta.title}}{{item.meta.title}}importpathToRegexp
踏 浪·2020-06-26 22:40

Vue前端项目-上线部署-nginx代理解决跨域问题

目录1、后端项目1.1、已完成内容1.2、把后台若依SpringBoot项目打成jar1.3、上传ruoyi的jar包到远程服务器1.4、运行jar包1.5、关闭防火墙2、前端项目2.1、打包前端项目2.2、本地安装nginx2.3、配置首页和代理2.4、nginx命令1、后端项目1.1、已完成内容redis安装mysql安装之前写项目的时候，虽然SpringBoot项目一直都是在本地跑，但是re
踏 浪·2020-06-26 22:40

Vue前端项目-首页-动态菜单

目录1、侧边栏组件1.1侧边栏组件1.2、getters.js1.3、permission模块1.4、app模块1.5、vuex中添加新模块1.6、样式文件1.7、变量scss文件2、SidebarItem组件2.1SidebarIntem组件2.2、验证工具类2.3、菜单项组件2.4链接组件在完成和这两章后，本章将之前的改造为动态菜单效果图:1、侧边栏组件原来静态菜单中，我们是写死的，现在需要改
踏 浪·2020-06-26 22:40

Vue前端项目-主页布局-左侧导航菜单（静态）

目录1、修改侧边栏组件2、滚动条样式3、导入并使用组件实现效果：NavMenu的详细用法：https://element.eleme.cn/#/zh-CN/component/menu1、修改侧边栏组件为侧边栏组件，添加导航菜单侧边栏组件：src/layout/components/Sidebar/index.vue导航一分组一选项1选项2选项3选项4选项1导航二导航三导航四导航四导航四导航四导航
踏 浪·2020-06-26 22:40

Vue前端项目-用户管理-导出用户列表

目录1、Vue端(查询数据)1.1、导出按钮添加点击事件1.2、定义导出方法1.3、确认框1.4、引入导出用户方法（即exportUser方法）1.5、定义导出用户方法2、Vue端（下载数据）2.1、定义通用的下载方法2.2、全局挂载下载方法2、SpringBoot后台2.1、导入依赖2.2、Controller层处理导出方法2.3、导出工具类2.4、放行下载请求2.5、通用的Controller
踏 浪·2020-06-26 22:40

如何部署vue前端项目到服务器上（nginx处理跨域）

因为在本文vue前端项目中，需要从接口获取数据，可是数据与vue前端项目是在同一ip地址但不同端口号，所以需要跨域读取数据。本文的跨域处理是使用了nginx。
微笑的蛋壳哈·2020-06-26 09:58

vue2.0基于vue-cli,element-ui饿了么vue前端开源项目制作vue的树形table，treeTable

该组件基于技术栈，主要涉及vue-cli生成的webpack项目脚手架，在此脚手架项目基础上完成的，整合了element-ui开源vue的UI项目1.vue-cli的安装使用npminstall-gvue-cli全局安装vue-cli之后，使用该脚手架的相关命令，可快速生成一个比较规范的vue项目结构vueinit例子vueinitwebpacktreeTable这样一个快速的项目结构生成，如下所
BeArchitect·2020-06-26 06:27

排名前10的vue前端UI框架框架值得你掌握

之前得到消息vue在GitHub已经超过react,成为第一大框架，让我们来看看以vue为基础的开发框架有哪些？Element(start-28128)饿了么前端推出的基于Vue.js2.0的后台组件库，它能够帮助你更轻松更快速地开发web项目官网地址element.eleme.io/iview(start-15674)iview一套基于Vue.js的高质量UI组件库,友好的API，自由灵活地使用
迷你芊宝宝·2020-06-25 23:25

基于SSM+vue的前后端分离小项目（用户后台管理系统的实现）

本篇博客将介绍现今主要流行的前后端分离方式构建管理系统的实现项目搭建环境：windows系统服务器：Tomcat9.0项目运行环境：JDK1.8前端主要技术：HTML、CSS、VUE前端框架、axios
qq_41986840·2020-06-25 22:54

使用CDN方法的方式进行Vue.js的安装

最近公司需要进行一些前端的开发工作用到了Vue前端框架，所以准备自学Vue，顺便几下学习的过程以及一些问题。使用Vue框架的话，首先需要在自己的电脑上安装Vue.js。
新一、·2020-06-25 19:36

实习记录：前端post/get封装、api接口统一管理

本文为笔者实习期间学习记录vue前端post/get封装与api接口统一管理文章目录一、功能描述二、设计思路三、代码实现一、功能描述采用原本使用axios的post/get与后端交互是这样的：//增加数据
qq_41022894·2020-06-25 19:16

vue+springboot前后端分离开发, 将vue编译后的静态资源融入springboot,只需要启动一个后端jar就可以了

编译后dist的vue前端的工作做完了,然后是springboot的配置将编译后的资源加载到springboot里,这样只需要启动springboot就可以使用vue编译后的代码,做到前后端分离开发,最终融入
心动_·2020-06-25 17:44

vue前端跨域问题

vue前端跨域问题在使用vue-cli时会遇到跨域问题解决方法如下：1、在项目中config文件夹下的index.js文件里面有个module.exports对象，里面有个dev对象中有个proxyTable
爬坑之路·2020-06-25 16:07

node从入门到放弃系列之（6）RSA前端加密node-rsa JSEncrypt的使用

奉上代码:node服务demo代码=》koa2-server项目代码；vue前端demo代码=》vue-client项目代码我查了（百度）下，用的比较多的加密是JSEncrypt，附上大佬的帖子=》RSA
高素质车间工人·2020-06-25 14:57

vue入门：php+mysql+axios+vue写登录页面技术总结（待更新）

大概想要实现：从vue前端获取用户名密码信息，post给后台，经后台验证返回json信息，可以验证用户是否存在，可以完成登录操作（进阶设想实现：登录自动生成验证码、加密传输用户名密码（md5）、写cookie
Small盼盼·2020-06-25 13:16

vue element 如何把校验之后的表单数据通过ajax传给后台

我的qq2038373094前提axios能够让vue前端和你的服务器后台可以连接上，前后台可以传输静态的数据vue实战——vue中发送AJAX请求https://blog.csdn.net/qq_37591637
我相信慢思考的力量·2020-06-25 13:23

Vue获取并显示后端Feign返回的Activiti图片流

背景Java后台生成Activiti流程图后，将图片流传送给vue前端，前端进行显示1.Java端A.Feign消费方a1.控制层端@GetMapping(value="/show_diagram")publicvoidshowDiagram
gdlsky·2020-06-25 10:42

前端Vue与后端Flask数据交互

基础内容Vue前端$.ajax({url:'http://127.0.0.1:5000/returnAllData',//后端地址type:'post',data:{'tablename':this.table_name
kun_0·2020-06-25 10:15

Vue前端框架的目录结构分析和各文件之间的关系

前言上一篇记录了基于@vue/cli和webpack的前端开发环境搭建并总结了一些常见的问题，本篇文章将来分析搭建完成的vue框架的目录结构并梳理各个文件之间的关系。分析├──README.md项目介绍（.md文件，无实际意义）├──index.html入口页面（webpack打包的入口文件）├──build构建脚本目录│├──build.js生产环境构建脚本│├──check-version.j
GothaM24·2020-06-25 09:19

vue前端video视频截图与录影功能的简单实现

最近项目开发中，需要实现在video视频上截图，录影后将文件上传到阿里云服务器上。截图功能相对来说比较容易实现，使用canvas的drawImage方法将video控件的区域绘制下来即可。录影相对来说比较麻烦，目前用webRTC简单实现。功能简单介绍：使用videojs来播放海康NVR的Dash视频流，需要针对实时画面进行截取，或者录制10s的视频片段然后上传至阿里云上。截图：截取图片后可以进行涂
dick_binge·2020-06-25 08:26

vue 文件上传到后台接口以及从后台接口下载文件

文件上传操作稍微复杂点，有如下两种//vue前端页面部分（使用老式的input按钮上传，贼丑）上传import{UploadFiles}from'@/api/plan'exportdefault{data
爱草莓的番茄酱·2020-06-25 02:38

visual studio code 插件安装不上

之前使用webstorm开发vue前端项目，前期一直用的很顺畅，到后期项目变得逐渐庞大的时候，问题出来了。webstorm内存占用太大了总共4g内存，webstrom就占了1g多。.
_小小程序员_·2020-06-25 01:33

Node+Express+Vue+Element+MySQL简易实现前后端分离

源码1、安装node环境具体安装教程请参考http://nodejs.cn/2、塔建Vue前端项目使用Vue官网提供的vue-cli脚手架vue-cli命令行工具#全局安装vue-cli$npminstall
南山区区草·2020-06-25 01:37

文章目录（二周年）

56305.10JS无形装逼，最为致命56205.09Vue前端面试题56105.08Node12值得关注的新特性
零度源码·2020-06-24 13:41

IDEA使用webpack管理vue前端项目

IDEA使用webpack管理vue前端项目文章目录IDEA使用webpack管理vue前端项目webpack介绍安装webpack步骤1.安装node.js。
职业是猪猪小公主·2020-06-24 12:56

windows的IIS上发布部署项目(vue前端+python后端项目)

windows的IIS上发布部署项目(vue前端+python后端项目）项目需求项目实现效果展示项目需求项目中使用python作为后端并且习惯使用IIS，所以顺理成章的需要将项目发布到IIS上。
嗨铮铮·2020-06-24 12:43

ssm+vue前后端分离框架整合（附源码）

前言本文针对Spring+SpringMVC+Mybatis后台开发框架（基于maven构建）与vue前端框架（基于webpack构建）的项目整合进行介绍，对于ssm和vue单独项目的搭建不作为本文的重点
北岭山下·2020-06-24 09:40
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他