![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue与SpringBoot
零落尘土
爱看书,爱交友,有时候不讲道理,嘿嘿
展开
-
Map使用总结以及使用map将(国家-省-区)进行重新封装传给vue
最近在工作中被map折腾快疯了,工作的同时特别喜欢用HashMap老返回数据,灵活性特别不好。一、map的基本应用1、map的定义Map<String, String> parameters = new HashMap<>();parameters.put("appKey", "k");parameters.put("tableName", "order"...原创 2019-12-19 16:07:47 · 511 阅读 · 0 评论 -
在项目run build中报"Parsing error: x-invalid-end-tag"错误的解决方案
报错如下:iView将标签渲染为原生html标签时,由于这些标签是自闭合的,所以有end标签会报错。解决办法:修改配置文件.eslintrc.js,忽略该项检查"vue/no-parsing-error": [ 2, {"x-invalid-end-tag": false } ]...原创 2019-12-12 13:17:42 · 516 阅读 · 0 评论 -
vuecli4.1 在引入第三方UI库导致第三方UI库的样式也变小的问题
查了很多资料,基本的解决方案都是https://www.jianshu.com/p/2614459192b0然而在我这并不起作用,然后看到了这个,mark一下。修改postcss-px2rem-exclude 源码/node_modules/postcss-px2rem-exclude/lib/index.js 文件 增加如下内容,即可代码如下try { var ...原创 2019-12-11 17:45:40 · 326 阅读 · 0 评论 -
使用IDEA工具配置和运行vue项目
原创 2019-12-10 16:16:33 · 267 阅读 · 0 评论 -
使用redis保存验证码,传递给vue前端使用,包括后端登录验证
刚开始使redis,踩了不少坑,redis的key不好确定,前端用于刷新验证码不好找到一个确定的值,后面我是从后端给前端传送一个精确到毫秒的时间,前端在刷新验证码的时候,将这个时间传过来作为key使用,同时在登录的时候也传送这个时间戳过来,作为redis value的验证。1、刷新验证码的时间/** * 获取系统当前毫秒数 * @since 2019-12-02 ...原创 2019-12-10 14:25:00 · 1345 阅读 · 1 评论 -
面试相关:Springboot+Vue最基本的配置
1、pom.xm<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/x...原创 2019-11-01 11:38:46 · 501 阅读 · 0 评论 -
Vue与SpringBoot(六)实现多图片上传及分页显示
效果图如下:代码如下:1、图片上传页面代码如下:<template> <el-upload class="img-upload" ref="upload" action="http://localhost:9009/api/multiPicUpload" :on-preview="handlePreview" :b...原创 2019-08-12 18:03:28 · 2001 阅读 · 1 评论 -
Vue与SpringBoot(五)vue项目启动,跨域修改,打包涉及到的命令
1、项目启动:进入目录->启动项目如果一个项目没有安装依赖,先要用 npm install 命令安装依赖2、SpringBoot跨域访问修改:需要重新启动axios3、打包这时在项目的 dist 文件夹下生成了 static 文件夹和 index.html 文件,把这两个文件,拷贝到我们后端项目的 bookshop\src\main\resour...原创 2019-08-12 11:42:47 · 283 阅读 · 0 评论 -
Vue与SpringBoot(四)实现图片走马灯效果
1、需要在页面上实现图片走马灯效果,同时点击图片查看详情效果2、实现代码:(1)跑马灯图片页面代码 <el-carousel :interval="4000" type="card" height="300px"> <el-carousel-item v-for="item in books" :key="item.id"> <...原创 2019-08-09 14:55:12 · 843 阅读 · 0 评论 -
Vue与SpringBoot(三)实现模糊检索
(一)前端1、vue代码:<el-row :gutter="20"> <el-col :span="3"></el-col> <el-col :span="16" :offset="5"> <el-input v-model="keywords" autocomplete="off" size="small" style="...原创 2019-08-08 17:54:42 · 2939 阅读 · 0 评论 -
Vue与SpringBoot(一)实现用户信息增改查,Excel导出
1、前端代码:<template><div> <el-row :gutter="20"> <el-col :span="3"><el-button type="success" icon="el-icon-edit" size="small" @click="dialogFormVisible = true">添加<...原创 2019-08-06 15:50:37 · 443 阅读 · 0 评论 -
Vue与SpringBoot(二)实现批量删除功能
1、在el-table中增加以下代码增加属性:ref="multipleTable" @selection-change="handleSelectionChange"添加一列:<el-table-column type="selection" width="55"></el-table-column>2、在表格上方增加按钮代码<el-butt...原创 2019-08-05 17:34:14 · 6431 阅读 · 2 评论