![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
小王的全栈之路
这个作者很懒,什么都没留下…
展开
-
校园二手交易系统(四):首页展示及商品详情页面
校园二手交易系统(四):首页展示及商品详情页面本次完成首页的商品展示以及商品详情页面,主要使用mybatisPlus,并无技术难点,主要实现效果如下展示浏览排名前三的轮播:使用elementUI的carousel走马灯 <el-carousel :interval="4000" type="card" height="440px" > <el-carousel-item v-for="item in top3Goods" :key="item.i原创 2021-05-31 11:44:06 · 788 阅读 · 0 评论 -
vue中使用elementui的upload组件上传时,解决多个文件只请求一次接口,同时携带实体数据问题,前台及后台的处理方法
前台:<el-upload list-type="picture" ref="upload" action="" :limit="6" :auto-upload="false" //不自动上传 :http-request="pushPictures" //覆盖组件的默认上传方法 :file-list="fileList" > <el-button slo原创 2021-03-30 10:44:22 · 2145 阅读 · 0 评论 -
校园二手交易系统(三):整合阿里云OSS存储,完成新增物品功能,解决上传文件时携带表单参数问题
创建commen模块,放置公共工具类pom文件引入oss依赖<dependency> <groupId>com.aliyun.oss</groupId> <artifactId>aliyun-sdk-oss</artifactId> <version>3.10.2</version></dependency>新建OssTemplate类,封装oss上传图片请求@Compone原创 2021-03-30 10:02:03 · 698 阅读 · 3 评论 -
校园二手交易系统(二):首页UI及新增物品功能,封装axios请求,封装统一请求结果集,设置跨域访问
二手交易系统(二):首页UI及新增物品功能,封装asios请求,封装统一请求结果集,设置跨域访问首页框架(有点丑,后期美化):新增闲置页面前端配置axios下载依赖npm install axios --save封装axios请求,新建request.js文件:/** * 对axios进行一些初始化设置 * 拦截所有axios回复,对错误统一处理 * 将axios挂载到vue原型中,在vue组件内可以通过this.$axios来直接使用,无需导入 */im原创 2021-03-12 17:35:40 · 316 阅读 · 3 评论 -
基于VUE+ElementUI+SpringBoot+MybatisPlus+阿里云存储的校园二手交易系统(一):项目基本框架的搭建
基于VUE+ElementUI+SpringBoot+Mybatis+阿里云存储的二手交易系统(一):项目基本框架的搭建准备开发一个校园二手交易系统,来锻炼自己的开发能力,并深入了解一个系统从设计到开发,到上线的过程中的流程以及可能会遇到的问题,该系统前端使用vue框架以及elementui组件库,后台使用springboot框架,数据库使用mysql,文件存储使用阿里云,其他功能组件会在以后开发的过程添加前端首页的搭建:在idea中使用脚手架快速搭建vue项目(教程请查看 在idea中使用脚手架搭建原创 2021-03-11 11:15:20 · 566 阅读 · 0 评论 -
在idea中使用脚手架搭建vue项目
在idea中使用脚手架搭建vue项目新建工程:使用脚手架搭建vue项目:在项目的Termainl窗口进行操作确保已安装node.js(官网下载安装)安装淘宝npm源 (命令:npm i -g cnpm --registry=https://registry.npm.taobao.org)安装脚手架npm i -g vue-cli测试是否安装成功:vue -V初始化包结构vue init webpack demo? Project原创 2021-03-09 16:37:22 · 1784 阅读 · 5 评论 -
vue-从路由路径中提取参数
vue从路由中提取参数的几种方法今天开发中,开发跳转详情功能时,需要提取路由中携带的参数,所以整理使用$rote提取参数的几种方法query方法传参和提取参数router传参:this.$router.push({ path:'/xxx' query:{ id:1 } }) 或者:this.$router.push("/xxx?id="+'1')链接的表现形式:http://localhost原创 2021-02-19 17:47:45 · 4523 阅读 · 0 评论