前端
华大哥
擅长多种语言开发前端及后端,喜欢闲余时间敲点code.
展开
-
Syntax Error: Error: Node Sass version x.x.x is incompatible with ^4.0.0.解决办法
Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.原创 2023-07-03 09:33:00 · 4007 阅读 · 1 评论 -
npm ERR! gyp verb check python checking for Python executable “python2“ in the PATH
npm ERR! gyp verb check python checking for Python executable "python2" in the PATH原创 2023-06-04 12:52:02 · 235 阅读 · 0 评论 -
elementui表单动态添加校验规则
elementui表单动态添加校验规则原创 2023-02-26 14:51:02 · 798 阅读 · 0 评论 -
Element UI Table实现可编辑表格+校验 的方式进行提交
在一些场景下面,我们需要对table来进行编辑,就像表单一样使用,可能还会带验证。本文vue+elementui实现动态添加行/可编辑的table,文中示例代码介绍的非常详细,大家也可以参照一下:原创 2022-08-22 09:51:28 · 3475 阅读 · 0 评论 -
element ui滑动登录,密码强度提示
我们知道验证码的目的 是为了验证到底是人还是机器。我这里写的只是模仿了样式,并没有进行那些复杂的操作,所以并不安全(不能判断人还是机器),下面看效果:原创 2022-07-10 14:03:30 · 1506 阅读 · 0 评论 -
迅雷chrome扩展插件造成服务器返回的数据js解析页面数据异常
迅雷chrome扩展插件造成服务器返回的数据js解析页面数据异常原创 2022-06-11 09:31:46 · 552 阅读 · 1 评论 -
js根据树结构查找某个节点的下面的所有父节点或者子节点
js根据树结构查找某个节点的下面的所有父节点或者子节点原创 2022-05-29 13:37:35 · 3133 阅读 · 1 评论 -
SpringBoot、mybatis返回树结构的数据
本文主要介绍了springboot怎样构造树形结构数据并查询,文中通过示例代码介绍的非常详细,具有一定的参考价值,输出一个树型数据原创 2022-04-17 14:12:02 · 2065 阅读 · 0 评论 -
yii2 打印sql日志
yii2打印sql的方法:首先通过语句“Article::find()->joinWith('articleClass');”查询结构;接着调用createComment和getSql方法;最后通过“var_dump”打印出来即可。这种方法太不友好了,需要手动添加打印。原创 2022-04-17 12:53:08 · 2811 阅读 · 0 评论 -
element admin 页面按钮弹框权限控制
官网也给出来了建议,把权限放在vuex里面,通过角色来访问。在实际的使用过程中,我们的数据是从后台获取的,用户在登录的时候,根据用户的角色,动态获取了权限,前端在格式化路由进行展示。实现思路就是从后台根据用户查询用户所分配的所有按钮权限 每一个按钮都有标识,然后前端来控制原创 2022-03-17 16:40:31 · 1322 阅读 · 0 评论 -
vue-element-admin从后台动态查询菜单并生成路由信息
项目是gitee下载的 地址 https://gitee.com/panjiachen/vue-element-admin由于分支较多,最初我下载的master版本的 ,但是权限版本比较老了,权限这块我使用的是vue-element-admin权限验证: vue-element-admin权限验证,根据不同角色动态生成路由渲染侧边栏https://gitee.com/gsx1992/vue-element-admin.git这个里面的, 修改最大的地方就是 src/store/modules原创 2022-02-19 18:22:41 · 2504 阅读 · 1 评论 -
vue-element-admin iframes 组件操作 iframe状态保持,iframeli里面新开Tagview,切换tagview不刷新
最近在使用vue-element-admin版本开发项目,由于新旧交替历史原因,不得不使用iframe嵌套旧版本的页面,这么一来旧版本里面比如某个页面会有新开页面,那么我们需要动态监听这个新开的页面,把它添加到tagView上面:原创 2022-02-18 17:02:43 · 2969 阅读 · 2 评论 -
element ui table封装组件,render 函数动态事件设置
element ui table封装组件,render 函数动态事件设置,这样就实现了render 里面props来自定义style,动态绑定多个事件,值得注意的是自定义style一定要驼峰命名,否则是不会生效的。原创 2022-01-06 10:37:32 · 2583 阅读 · 0 评论 -
element ui table封装组件,支持自定义列和事件操作
封装element ui table, 支持自定义列的展示和按照指定顺序展示自定义列需要在引用页面重新写一下,这样就可以定义化了,多数用于一些转换,或者操作列场景下,自行考虑即可,我们粉转成一个组件,那么不用每个table页面按照官方的这种el-table-column写法...原创 2022-01-03 13:42:07 · 3055 阅读 · 1 评论 -
VUE ElementUI Admin使用table时,选中某行或者鼠标移入某行时添加背景色
VUE ElementUI Admin使用table时,选中某行或者鼠标移入某行时添加背景色原创 2022-01-03 13:16:09 · 1533 阅读 · 0 评论 -
Vue Element Admin 设置固定头部
在element ui后台tagview 我们希望在body中上下滚动的时候固定下来不动, 就是标签栏和顶部设置栏保持不动原创 2022-01-03 13:02:00 · 1839 阅读 · 1 评论 -
el-select多选以tag展示时,超过显示长度以...省略号显示
el-select多选以tag展示时,超过显示长度以...省略号显示,问题描述注意:① 一个tag文字过长需要溢出隐藏,超出部分… 显示② 多个tag卡片溢出隐藏,超出部分…显示原创 2021-12-23 18:10:54 · 7156 阅读 · 0 评论 -
element UI form table 表单以及验证
在开发过程中偶尔遇到el-table嵌套el-form,而且还需要表单验证的需求,但是这种都是官方的组件就可以实现,但是有时候我们需要表格的这种形式,那么使用原生的就不行了,下面我们来看一下这种的form table使用:原创 2021-12-18 15:57:55 · 1669 阅读 · 0 评论 -
基于ElementUI 登录密码强度和滑动验证码组件
在使用登录验证 的时候,可以使用滑动验证码,本组件是基于ElementUI套件中的Progress 进度条加以改造的,使用正则表达式去实时验证密码的强度,讲真话,效果体验还是不错的。项目中只需要引入该组件集成到自己的项目中即可,方便模块化使用,本文基于 ElementUI admin 登录 疆这2个放在一起使用原创 2021-12-18 15:10:19 · 2453 阅读 · 8 评论 -
idea Cannot resolve method (最新2020解决办法)
idea Cannot resolve method (最新2020解决办法),Lombok是Java语言的实用工具,确切的说,应该说是一个很好用的插件,对,插件!可以用来帮助开发人员消除Java代码的冗长,尤其是对于简单的Java对象(POJO),它通过注解实现这一目的,而不是一大段一大段的Java方法原创 2021-12-07 10:43:26 · 5853 阅读 · 5 评论 -
vue + iview页面Modal中内嵌Tabs,每次打开的时候Modal时默认选中Tabs的第一项
文档中说激活面板的name用value,页面第一次加载的时候可以,放在modal里就不好使了,每次打开的时候,当前激活的tab总显示上一次离开时的界面。原创 2021-12-02 09:46:06 · 2816 阅读 · 0 评论 -
idea 可以通过 RESTful Web 插件,从此不用再开Postman了
接口调试是每个软件开发从业者必不可少的一项技能,一个项目的的完成,可能接口测试调试的时间比真正开发写代码的时间还要多,几乎是每个开发的日常工作项。所谓工欲善其事必先利其器,在没有尝到IDEA REST真香之前,postman(chrome的一款插件)确实是一个非常不错的选择,具有完备的REST Client功能和请求历史记录功能。但是当使用了IDEA REST之后,postman就可以丢了,因为,IDEA REST Client具有postman的所有功能原创 2021-11-26 16:41:36 · 898 阅读 · 0 评论 -
vue iview UI 隐藏Table组件里的某些列
我们在做Table的时候经常会根据一些条件需要进行隐藏。因此是否可以提供这样一个显示隐藏的属性,能够设置某列是隐藏的呢?原创 2021-11-24 16:51:24 · 2430 阅读 · 0 评论 -
element admin 使用VueTreeselect 树多选
element admin 使用VueTreeselect 树多选原创 2021-11-23 11:18:50 · 10413 阅读 · 0 评论 -
element admin 中动态设置快捷导航(标签栏导航)meta标签和title标签
element admin 中动态设置快捷导航(标签栏导航)meta标签和title标签原创 2021-11-20 10:35:32 · 2794 阅读 · 1 评论 -
vue-element-admin 框架 页面内跳转非左侧菜单,展示标签导航viewTag
vue-element-admin 框架 页面内跳转非左侧菜单栏页面原创 2021-11-17 18:07:20 · 4190 阅读 · 2 评论 -
element ui 使用mock接口测试
一、mock简介mock原是python的第三方库python3以后mock模块已经整合到了unittest测试框架中,不用再单独安装二、mock作用1. 解决依赖问题:当我们测试一个接口或者功能模块的时候,如果这个接口或者功能模块依赖其他接口或其他模块,那么如果所依赖的接口或功能模块未开发完毕,那么我们就可以使用mock模拟被依赖接口,完成目标接口的测试2. 单元测试:如果某个功能未开发完成,我们又要进行测试用例的代码编写,我们也可以先模拟这个功能进行测试3. 模拟复杂业务的接原创 2021-11-14 14:34:59 · 3481 阅读 · 2 评论 -
git更换其他分支为主分支master
在一些时候,我们需要把某个分支更换成master分支,那么我们就需要备份远啦1、备份原master代码 git checkout mastergit pullgit checkout -b admin-i18n2、设置github或gitlab默认分支和受保护分支属性以gitlab为例: 点开项目仓储,找到settings--repository 找到Default Branch,设置默认分支为其他分支 Protected Branches,如果...原创 2021-11-12 16:20:44 · 12416 阅读 · 0 评论 -
iview 动态删除table的某一列
有时候我们需要让Table组件不显示某行,如何实现?(基于iview),我们可以在初始化的时候把列全部取出来,在具体使用的时候在根据逻辑来处理,直接上代码:<template> <div style="width:600px;margin:0 auto"> <Tabs value="normal" @on-click="changeTab"> <TabPane label="查询" name="normal"> &原创 2021-11-08 22:30:51 · 911 阅读 · 0 评论 -
iview tabs 选项卡设置自定义样式
选项卡切换组件,常用于平级区域大块内容的的收纳和展现。iview里面我们可以来自定义tabs切换的样式。默认的就是这种;<template> <Tabs type="card" closable @on-tab-remove="handleTabRemove"> <TabPane label="标签一" v-if="tab0">标签一的内容</TabPane> <TabPane label="标.原创 2021-10-31 12:31:23 · 2293 阅读 · 0 评论 -
iview table 表格设置自定义样式
选项卡切换组件,常用于平级区域大块内容的的收纳和展现。比如我们现在有这样一个页面:这个页面是没有设置自定义样式之前的页面我们可以根据自己的分割设计表头,表体样式:背景颜色为深色背景 左侧可勾选checkbox 选中鼠标hover浮动到某行,当前行背景颜色更换为红色 奇数偶数行变色比如上图这样的样式。/*底色*/.ivu-table td{ background-color: #182328; color: #fff;}/*头部th*/ .i..原创 2021-10-31 12:02:19 · 2819 阅读 · 0 评论 -
iView表单使用验证器required空格验证错误
iView表单组件使用async-validator验证器对表单域中数据进行验证,给Form 设置属性 rules,同时给需要验证的 FormItem 设置属性 prop 指向对应字段即可。 完整的验证规则请参照开源项目 async-validator。 验证方法也支持 Promise。当我们对表单中某个string类型的域设置为必填时,我们可以使用如下规则{type: 'string' ,required:true,message:'不能为空'}但是如果我们直接输入空格也会通过验证如何对输原创 2021-09-29 11:55:49 · 1268 阅读 · 0 评论 -
vue发送axios请求两次,yii处理二次请求办法
vue发送axios请求两次解决办法vue axios跨域请求,在Request Headers加Authorization传递Token时,发现统一请求触发了两次,第一次是Request Method: OPTIONS请求。原因:跨域请求时,浏览器会首先使用OPTIONS方法发起一个预请求,判断接口是否能够正常通讯。如果通讯异常,则不会发送真正的请求,如果测试通讯正常,则开始真正的请求。解决方法:后台:判断请求方式是OPTIONS,则不处理;可以看到发送了二次请求:第一次.原创 2021-09-29 10:49:47 · 2047 阅读 · 0 评论 -
同一页面内加载两个easyui的datagrid问题
关于同一页面内加载多个easyui的datagrid问题:1.多个datagrid在页面加载时就显示出来,这时直接加载两个表格时是没问题的,都显示出来.多个datagrid在页面加载时就显示各自的table,可以是不一样的table, 代码如下:<div id="tb"> <div class="searchBox" style="margin-left:10px;"> <span>账单月份选择: <...原创 2021-08-18 16:09:58 · 1297 阅读 · 0 评论 -
SpringBoot mybatis 实现多级树形菜单
一、前言iview-admin中提供了 v-org-tree 这么一个vue组件可以实现树形菜单,下面小编来提供一下在element-ui中的使用教程(项目见:https://github.com/lison16/v-org-tree)小编集成了el-dropdown下拉菜单(鼠标左击显示菜单),和右击自定义菜单,两种方式,效果图如下:二、使用教程(1)安装依赖npm install clipboardnpm install v-click-ou...原创 2021-05-04 15:09:43 · 2337 阅读 · 3 评论 -
vue 请求spring boot 跨域请求解决方法----不允许有多个 ‘Access-Control-Allow-Origin‘ CORS 头
跨域解决方案有很多种网上都能找到,但是一不小心多个解决方案一起使用了,也会出现问题,浏览器里面出现多个Access-Control-Allow-Origin就得注意下,是不是解决方案用多了,我这个问题出现的原因是:1.代码上用了过滤器解决跨域2.NGINX里面用也配置了Access-Control-Allow-Origin: *如果只选看的话,可以看到浏览器里面出现多个Access-Control-Allow-Origin,所以以上策略选择一种即可以正常访...原创 2021-03-03 15:31:49 · 1293 阅读 · 1 评论 -
iview 使用滑动验证码登录
我们知道验证码的目的 是为了验证到底是人还是机器。我这里写的只是模仿了样式,并没有进行那些复杂的操作,所以并不安全(不能判断人还是机器),下面看效果:一、新建文件login-form.vue,代码如下: 1、模板表单里面加入活动验证码代码:<FormItem prop="rangeStatus"> <div class="jc-component__range" ref="dragcomponent"> .原创 2020-12-30 13:55:49 · 1134 阅读 · 0 评论 -
iview带有分页的列表的跳转后,返回时怎么实现保留上次翻页记录
在实际使用当中,当我们从列表的某一页去编辑这条信息,那么当编辑完成后我们是不是返回到列表页,那么列表页应该显示第几页的数据呢?我们当然是希望返回到上一次页数记录的位置,而不是首页。如果我现在编辑完某一条记录保存的时候,那么我希望的是返回的是第三页,其实呢,主需要把翻页的页码最后一次记录保存在localstorage中就可以解决这个问题了代码如下:setContextData: function(key, value) { localSave(key,JSON.stringify(v原创 2020-12-07 18:58:36 · 806 阅读 · 0 评论 -
iview Modal对话框点击确定按钮后不关闭,自定义事件
在有些情况下,我们需要一个弹框,iview Modal对话框可以实现,但是我们需要改造自定义页脚后可避免其关闭代码如下:<Modal title="车辆信息" width="1100" v-model="modalVehiclePlain" class-name="vertical-center-modal"> <Form ref="vehicle" :model="vehicle" :rules="ru原创 2020-11-19 11:26:16 · 4226 阅读 · 2 评论 -
PHP ajax 远程下载PDF文件保存在本地服务器
function arraySort($array,$keys,$sort='asc') { $newArr = $valArr = array(); foreach ($array as $key=>$value) { $valArr[$key] = $value[$keys]; } ($sort == 'asc') ? asort($valArr) : arsort($valArr); reset($valArr); foreac.原创 2020-10-24 17:59:32 · 692 阅读 · 0 评论