- 博客(30)
- 收藏
- 关注
RSS订阅原创 路由守卫重定向页面
当用户尝试访问受保护的页面但未登录时，AuthGuard 会将当前路径信息存储到 localStorage（或 sessionStorage）。在 AuthGuard 中，检查用户的登录状态。如果未登录，则保存当前路径，然后导航到登录页面。用户成功登录后，登录组件会检查是否存在重定向路径，存在则跳转，否则进入默认首页。在路由配置文件中添加 AuthGuard 到需要保护的路由。
2024-10-28 10:51:37
580
原创 面试题2023
1.通过设置echarts的配置属性，如silent属性（是否响应和触发鼠标事件），减少不必要的数据触发事件的频次；showSymbol属性（是否显示点），不画数据点能减少部分卡顿压力，建议showSymbol和tooltip不一起使用。2.和后台开发人员商量讨论，对数据进行压缩，减少数据量，或者流加载/分页懒加载方式。3.优化ajax获取数据和处理数据的方法。
2023-03-30 19:02:46
123
原创 vscode setting.js
/ 按照什么规范去格式化js, prettier/prettier-eslint 会在句末自动添加分号，但遇到then,catch等链式调用时会自动换行。// #每次保存的时候将代码按eslint格式进行修复。// #让函数(名)和后面的括号之间加个空格。// #每次保存的时候自动格式化。// #去掉代码结尾的分号。
2023-03-17 19:56:05
259
原创 vue表格高度自适应屏幕，分页固定在底部
像这样 表头固定 在表格里面滚动 切换不同高度的屏幕也能自适应，分页固定在底部 created () { //获取屏幕高度 let screenHeight = document.documentElement.clientHeight - 350 + "px"; this.$nextTick(() => { this.Height = screenHeight; }) } mounted () { const that = th.
2021-09-24 10:21:01
5584
2
转载 vxe-table行列计算
（此篇为转载，记录备忘）实现功能根据树状结构数据，在vxe-table可编辑表格表格中实现如下功能：每一行的第一列数据等于当前行数据的和；父类的每一列数据等于子类每一项相加；自定义计算的单元格禁用，其余单元格可编辑数据。实现效果图完整代码<template> <!-- activeCellMethod: 判断单元格是否禁用 --> <vxe-table border resizable highlig
2021-08-05 17:02:46
1807
转载 【备忘】Element-ui组件库Table表格导出Excel表格
点击“点击导出”按钮后下载sheetjs.xlsx文件（导出文件）Element组件库中的el-table表格导出需要的主要是两个依赖:(xlsx 和 file-saver)npm install --save xlsx file-saver<template> <div class="table"> <!--给表格添加一个id，导出文件事件需要使用--> <el-table :...
2021-07-27 10:43:42
143
原创 el-select下拉框传值同时传key和value
<el-select v-model="jobName" placeholder="职位" clearable > <el-option v-for="item in jobNameOptions" :key="item.jobCode" :label="item.jobName" :value="item.jobCode" > </el-option> </el-select>从接口取到值以后，展示的是jobName，而v-m..
2021-07-23 10:45:20
4859
1
转载 若依项目带子路径部署
1.vue.config.js修改vue.config.js中的publicPath和outputDir 为要添加的子路径：2.添加base指令在路由脚本中src\router\index.js3.需要对vue项目中的location.href 添加项目子路径4.修改后端访问地址target
2021-07-19 10:55:11
2279
1
原创 gitlab版本控制
每次修改完之后 这样写一下注释，如上‘delete’，然后点击commit。然后每次上传之前，都要先把组员的拉下来，如下fetch。然后自己的改完之后，要合并，如下merge changes。然后再push
2021-03-15 15:46:23
106
原创 可选择页数的分页
<el-pagination style="margin-top: 30px" background layout="sizes,prev, pager, next" :total="countLine" @current-change="onCurrentChange" :page-size="pageSize" :page-sizes="[5, 10, 15, 20]" ...
2021-03-04 14:38:51
221
1
原创 下载文件（接口中返回的路径）
<el-button type="primary" @click="outputMeetingStatistics">导出评分信息</el-button>outputMeetingStatistics(){ //导出评分excel let big=this.queryBigType let classCode=[] for(var i=0;i<big.length;i++){ let bigString=big[i]..
2021-03-04 14:26:59
397
1
原创 element文件上传
<!--货品图片上传--> <el-upload ref="uploadImg" class="upload-demo" action="https://jsonplaceholder.typicode.com/posts/" :before-upload="fileBeforeSuccess" :file-list="fileL...
2021-03-04 14:11:23
166
1
原创 一些正则表达
/* 合法uri*/export function validateURL(textval) { const urlregex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]
2021-03-03 15:05:44
117
1
原创 vue element 上传文件 formdata 把文件格式转换成blob格式
let fileSure2 = this.fileUp2 let formdata = new FormData(); let blob = new Blob([fileSure2], { type: "image/png, image/jpeg"}); formdata.append('photo', blob,this.fileName2)把保存下来的文件fileSure2 转换成Blob格式
2021-03-03 14:48:18
2219
1
原创 elementUI 清空表单
想在点击取消新建和确定新建的时候都清空表单，不想让下次新建的时候还带着上一次的填的。要给带ref属性，并在每一个里面的表单项加prop属性。$refs里面的名字和上面定义的ref名字统一。...
2021-02-07 13:47:40
885
1
原创 localStorage和jwt的问题记录，取到本地缓存里面的信息展现在页面上
在调用登录接口后，把得到的user数据都用localStorage存到本地，用setItem。然后在request.js里面，用getItem取到它。（注意格式，把他从字符串转为对象）这是user的返回结果，userObj.jwt 这样取到jwtps：userObj是user转换为对象所以呢，在登录进来后的首页，就可以再次通过本地存储里的缓存去到user里面的信息，包括要展示的name，或者phone。这样user.name就可以在页面展示出来。...
2021-01-27 14:17:54
406
转载 vue打包后图片css中背景图路径不对
问题描述：自己在自学vue做项目的过程中，遇到一个有关背景图片路径的问题，就是css代码中背景图片是根据相对路径来写的，如下图：当使用npm run dev命令本地访问的时候，背景图片是正常显示的，可使用npm run build命令打包后，访问dist目录下的项目，页面背景图路径就不对了，显示不出背景图。如下两张图对比：图一：使用npm run dev命令访问图二：使用npm run build命令打包之后，访问dist目录下的文件，出现的问题，背景图片路径变成了http://127.0.0.
2020-12-11 14:43:01
302
原创 vue表单信息提交（数据传到后台接口保存）
提交按钮 <md-button type="primary" @click="onSubmit" round>提交</md-button>绑定的onSubmit事件 onSubmit(){ Dialog.confirm({ title: '确认', content: '确认提交', confirmText: '确定', onConfirm: () => console.log('[Dialo
2020-12-07 12:59:16
11254
3
原创 vue用axios从后台获取数据
1.安装axiosnpm install --save axios vue-axios2.在main.js中引入import axios from 'axios'Vue.prototype.axios = axios;// 将axios挂载到prototype上，在组件中可以直接使用this.axios访问3.在main.js中引入接口地址Vue.prototype.serverURL = 'http://10.3.12.34:8081';4.在对应需要的组件中的methods中定义一
2020-12-03 15:52:21
3518
原创 vue配置移动端大小比例，自适应大小，转换成rem格式
1.在index.html中，加上<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no,minimum-scale=1.0, maximum-scale=1.0">2.在package.json中引入："postcss-pxtorem": "^4.0.1",3.在.postcssrc.js中加入'postcss-pxtorem': { 'rootValue': 30, 'pr.
2020-12-01 09:19:25
803
原创 webstorm在打包时的路径配置问题
在config/index.js文件中，找到build，路径如上配置，生成的dist文件夹路径就不会错了。
2020-12-01 09:06:38
834
原创 【错误解决】new Date()一直报错
想要获取此刻的时间。一直出错报错的原因是包自动引入了：import java.sql.Date;只需要换成 import java.util.Date;就ok！！
2020-08-25 14:26:39
1790
原创 【Bug解决】书城网页项目的增删改查操作只能进行一次，第二次就没反应了。
问题描述：在做书城项目时，比如说重启完tomcat，run起来之后，想进行增加书本，修改书本，删除书本的调试，问题是：只能进行一次，添加完书本之后，想再添加一本或者进行删除操作，就没反应了。虽然在点击的时候，参数和值都是可以传进去的，如下图所示，第二次，鼠标放在删除按钮上的时候，也是可以显示到，他传参成功，但是点击后却没有反应。问题解决：在某一天午后，突然意识到，自己在设置BaseDao的时候，即定义它的增删改查操作方法时，让他每一次都要重新获取数据库连接了：然后又很愚蠢在Dao方法的实现类里面
2020-08-20 17:53:57
301
原创 表单提交失败时的错误回显（提示用户并回显用户名等）
如上，提交表单时，会提示用户错误信息，并将他刚刚输入的用户名和电子邮件回传，这样用户只用重新输入密码这些就可！怎么做呢？这个是注册页面，所以在他对应的loginServlet里面，把回显的信息保存在Requset域中。//把回显信息，保存在Request域中 request.setAttribute("msg", "用户名已经存在！"); request.setAttribute("username", username); request.setAttribute.
2020-08-16 13:16:18
1873
3
原创 【JDBC连接数据库】完整版（吐血整理二！收藏收藏）
以book书城，book数据库，t_user表格为例做记录。一共是这些包：1. 在bean包里面新建user.java 封装好user对象package bean;public class user { private int id; private String username; private String password; private String email; public user() { // TODO Auto-generated constructo
2020-08-12 22:00:50
198
原创 【JSTL标签库】List遍历Student对象(做成表格)
**【JSTL标签库】List遍历Student对象(做成表格)**1⃣️：首先导包（JSTL标签库的包）：2⃣️：建立javabean，封装Student对象3⃣️：在jsp文件中：对List数组进行赋值然后遍历，做成表格输出4⃣️：结果：...
2020-08-12 21:02:12
459
原创 【EL表达式】PageContext对象的使用，用它来获取各种端口ip路径啥的
**pageContext 对象的使用：**协议：服务器 ip：服务器端口：获取工程路径：获取请求方法：获取客户端 ip 地址：获取会话的 id 编号：ps：这里值得注意的是：1⃣️他们调用的都是get方法，所以首先要创建它的get方法。javabean对象也是一样的，都是获取的get方法。2⃣️：<%pageContext.setAttribute(“req”, request);%>这里是：让下面都可以用req来代替【pageContext.requse
2020-08-12 19:44:42
1030
原创 【EL表达式】输出复杂的bean对象（以Person对象为例）
之前一直不懂bean对象的封装和调用，现在略作记录（基础版）。1⃣️：先在pojo包里新建一个Person类，包括name，phones，cities，map对象，并重写好一系列方法。2⃣️：新建一个jsp文件：为里面的每一个属性赋值。注意不同的类型不同的赋值方法，自己尤其要记住List和Map。3⃣️：用EL表达式对他们进行输出：4⃣️：输出结果：...
2020-08-12 13:09:00
497
原创 无数次以为Tomcat坏掉了！！！Server Tomcat v9.0 Server at localhost failed to start的解决方案
无数次以为Tomcat坏掉了！！！Server Tomcat v9.0 Server at localhost failed to start的解决方案在用Eclipse进行JavaWeb开发的时候经常会出现tomcat无法启动的问题（无数次吐血暴走）每次搜搜找找心态爆炸，重启无数次Tomcat服务器，甚至差点重装，然而熟悉的404总是不会让我失望，一次次出现，厄。最终竟然是：因为servlet3.0后的版本出现了新增注释@WebvServlet功能，我们在创建Servlet的时候，他自己配置过了！
2020-08-11 20:23:59
4041
原创 jQuery选择器整理（吐血)（希望对大家有一点点小帮助）
1/基本选择器（*重点*）#ID选择器：根据 id 查找标签对象.class选择器：根据 class 查找标签对象element选择器：根据标签名查找标签对象* 选择器：表示任意的，所有的元素selector1，selector2 组合选择器：合并选择器 1，选择器 2 的结果并返回2/层级选择器（*重点*）ancestor descendant 后代选择器 ：在给定的祖先元素下匹配所有的后代元素 parent > child 子元素选择器：...
2020-07-16 22:08:15
102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人