![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web
小码蚁啊
这个作者很懒,什么都没留下…
展开
-
根据nginx日志统计页面访问次数
需求是统计每条访问次数和下载次数,根据日志分析写了一个shell脚本,触发脚本后生成一个html可以远程查看统计的数量。静态页面部署在nginx上,页面只有查看下载功能。原创 2023-11-20 18:49:37 · 383 阅读 · 0 评论 -
el-input slot 插槽如何添加多个按钮
【代码】el-input slot 插槽如何添加多个按钮。原创 2023-03-31 10:03:05 · 1315 阅读 · 0 评论 -
在js、vue中使用方法调用a标签
<el-button type="primary" style="width:130px" @click="shout"> <a :href="跳转页面地址" style="color:#fff" id="test">超链接</a></el-button> methods: { shout() { var a = document.getElementById("test"); a.href = 跳转页面...原创 2022-02-23 20:52:46 · 2820 阅读 · 0 评论 -
echarts 悬浮框tooltip 添加点击事件
echarts代码 tooltip: { trigger: 'axis', triggerOn: 'click',//点击才会出现提示框 enterable: true,//鼠标可以进入提示框 formatter: function(params) { let returnData = '' if (params.length == 1) {.原创 2021-07-14 17:18:08 · 2746 阅读 · 0 评论 -
wangEditor 生成的表格在页面不显示边框
如图编辑器里面表格实际显示:解决方法:找到wangEditor.min.js 搜索border="0" 并修改为border="1" 清空一下缓存重新输入就会正常显示边框了。原创 2021-03-12 13:05:18 · 3829 阅读 · 2 评论 -
The given range isn‘t in document.
问题:WangEditor在vue中使用,样式都正常显示,但是功能不能点击,查看控制台js显示The given range isn't in document,这是因为模板渲染导致的。解决: mounted : function(){ let E = window.wangEditor; let wang = new E('#div-editor'); wang.config.uploadImgShowBase64 = t.原创 2021-03-12 12:53:54 · 867 阅读 · 0 评论 -
Element Notification($notify自定义html)+createElement实现el-table表格展示及事件
需求:在页面右下角实现一个弹框,展示信息列表,并且可以进行相应操作问题: 无法获取监听事件、获取vue属性经过查询资料发现$createElement可以解决对应问题,现在讲代码展示出来。 open2() { const h = this.$createElement; this.$notify({ title: '数据校验', position: 'bottom-right', type: 'war...原创 2020-12-28 18:55:42 · 2571 阅读 · 0 评论 -
通过echarts 使用china.js时出现南沙诸岛乱码问题
如图别的都正常显示,就南海诸岛乱码。然后打算隐藏南海诸岛,找个各种方法,1、通过geo直接隐藏,使用后发现没反应。geo: { map: "china", roam: true, zoom:1, //默认显示级别 scaleLimit:{min:0,max:3}, // 缩放级别 regions: [ { name: "南海诸岛"..原创 2020-07-17 11:20:21 · 2562 阅读 · 0 评论 -
自定义隐藏ECharts提示框
使用ECharts时,想根据不同的省返回不同的提示语,可以先通过console看看里面有什么数据然后根据不同的数据返回不同提示语tooltip : { trigger: 'item', show:true, formatter: function (params) { // console.log(params); // 里面是悬浮区域的数据 let jy = params.value; if(jy==-1){ .原创 2020-07-17 10:54:55 · 1433 阅读 · 0 评论 -
Element table表格设置表头、行、列或者指定单元格背景色
效果:<template> <el-table :data="tableData" border :header-cell-style="rowClass" :cell-style="cellStyle" style="width: 100%"> <el-table-column prop...原创 2019-11-19 19:44:42 · 7877 阅读 · 0 评论 -
JS 数组去重
distinct(a, b) { let arr = a.concat(b); let result = []; let obj = {}; for (let i of arr) { if (!obj[i]) { ...原创 2019-11-19 15:32:32 · 158 阅读 · 0 评论 -
Error in callback for watcher "options": "TypeError: Cannot read property 'level' of null TypeError
弄了一个动态cascader级联选择器,发现切换数据源的时候报错,网上看到这个文章完美解决https://blog.csdn.net/weixin_43043994/article/details/100303097问题怎么出现的上面文章写的很清楚,解决方法就是重新加载组件。两个方法一个加v-if,一个加key<template> <el-cascader ...原创 2019-11-18 20:18:00 · 23171 阅读 · 8 评论 -
Element Cascader 级联选择器多选默认值和下拉框清空的坑
需求:多选、显示最后一级的节点、可搜索、加载时显示默认值。显示:代码 <el-form-item> <el-cascader :options="dataForType" ...原创 2019-11-15 10:58:02 · 8476 阅读 · 1 评论 -
elment树结构tree增加搜索过滤框
官方文档:<el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input><el-tree class="filter-tree" :data="data" :props="defaultProps" default-expand-all :filter-no...原创 2019-10-12 14:36:04 · 3919 阅读 · 10 评论 -
Django ListView
ListView django 内置的一个View,用于方便展示列表数据,可以很快实现分页展示。 1、关键变量。context_object_name————在模板中的变量名。{{name}}template_name————-模板一般是一个html文件名paginate_by————如果做分页这个参数说明每页有几个item项model——————对应的模型(Model)http_method_n...转载 2018-04-20 17:07:40 · 249 阅读 · 0 评论 -
AJAX中出现多次请求,怎么出现的OPTIONS请求。
项目中在AJAX中加入了header 自定义字段后,发现出来了options\post\get 三种请求。查找原因是浏览器对简单跨域请求和复杂跨域请求的处理区别。XMLHttpRequest会遵守同源策略(same-origin policy). 也即脚本只能访问相同协议/相同主机名/相同端口的资源, 如果要突破这个限制, 那就是所谓的跨域, 此时需要遵守CORS(Cross-Orig...原创 2019-03-17 12:38:14 · 736 阅读 · 0 评论 -
Springboot前后端分离+跨域+Token验证相关问题及实现代码
最近这个项目需要前后端分离,所以涉及到跨域问题,加上使用了拦截器对用户进行登陆验证,各种问题研究了两天才解决,下面是实现过程和讲解。前端代码:登陆页面Ajaxvar obj = { "loginName":$("#username").val(), "password":$("#password").val(), };$.ajax({ typ...原创 2019-03-17 17:06:45 · 7386 阅读 · 5 评论 -
设计用户权限控制
前言有人说,每个人都是平等的;也有人说,人生来就是不平等的;在人类社会中,并没有绝对的公平,一件事,并不是所有人都能去做;一样物,并不是所有人都能够拥有。每个人都有自己的角色,每种角色都有对某种资源的一定权利,或许是拥有,或许只能是远观而不可亵玩。把这种人类社会中如此抽象的事实,提取出来,然后写成程序,还原本质的工作,就是我们程序员该做的事了。有了一个这么有范儿的开头,下面便来谈谈基于REST...转载 2019-03-13 14:55:05 · 326 阅读 · 0 评论 -
Springboot+Apache2或者Tomcat实现远程linux服务器上传下载文件
需求:将文件上传到远程服务器,并提供下载功能。解决方式:利用Apache2、Tomcat或者FTP搭建文件服务器。关于Apache2、Tomcat、FTP的部署网上教程很多就不细说了。这三种我都使用过,主要分成两个方法:如ftp可以与java项目连接后直接对其进行上传下载操作,这种方法网上有不少教程;而如果使用Apache2、Tomcat没办法直接对其上传,使用只能在服务器部署一个...原创 2019-03-22 19:59:08 · 1260 阅读 · 0 评论 -
如何使用JavaScript实现纯前端读取和导出excel文件
https://www.cnblogs.com/liuxianan/p/js-excel.html原创 2019-05-08 17:38:50 · 505 阅读 · 0 评论 -
element-ui表格动态合并span-method
官方文档简单说明:/** * 表格合并 * @param {*} param0 * row 表格每一行的数据 * column 表格每一列的数据 * rowIndex 表格的行索引,不包括表头,从0开始 * columnIndex 表格的列索引,从0开始 */ objectSpanMethod({ row, co...原创 2019-06-06 19:36:01 · 3487 阅读 · 3 评论 -
vue+element 通过checkbox控制el-table-column的显示或隐藏
前端HTML//列表<el-table> <el-table-column prop="order" label="序号" header-align="center" v-if="uncheckList.order" align="center"></el-table-column> <el-tab...原创 2019-06-13 17:25:06 · 14614 阅读 · 3 评论 -
elment+vue在本页面打开一个新页面,并传参。
发送页面按钮事件绑定的函数: test(){ let id = vm.id let index = layer.open({ type: 2, skin: 'layui-layer-rim', //加上边框 c...原创 2019-06-28 16:14:11 · 2883 阅读 · 0 评论 -
jquery ajax 设置header踩得坑
$("#test").click(function() { $.ajax({ type: "GET", url: "url", beforeSend: function(request) { request.setRequestHeader("token","******"); }, ...原创 2019-03-16 22:33:12 · 2822 阅读 · 0 评论 -
ajax请求后,控制台报错: Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
用ajax请求的,报错原因编码问题,加入contentType : 'application/json',就可以了$.ajax({ type: "POST", //提交的方法 dataType: "json", contentType : 'application/json',//添加这句话 ...原创 2019-03-12 13:56:21 · 12294 阅读 · 3 评论 -
a标签的显示隐藏
<style> a.tk { pointer-events: none; filter: alpha(opacity=50); /*IE滤镜,透明度50%*/ -moz-opacity: 0.5; /*Firefox私有,透明度50%*/ opacity: 0.5; /*其他...原创 2018-05-14 14:43:09 · 13108 阅读 · 0 评论 -
Input常用的输入框验证(正则)
1、只是不能输入空格 [html] view plain copy<input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"> 2、不能输入空格及英文状态下的逗号 [html] view plain copy<input type="text" onkeyup="t...转载 2018-05-05 17:47:04 · 26335 阅读 · 0 评论 -
前台修改成功后自动返回原页面
列表页面刷新:<a id="refresh" onclick="refresh()" class="" style="" title="刷新" >JS:function refresh(){ location.replace(location.href);}var index = layer.open({ type: 2, title: "修改信息",原创 2018-05-10 12:09:36 · 2348 阅读 · 0 评论 -
判断两个input输入框的值(int)
<input type="text" class="" value="" placeholder="" id="input1" name=""><input type="text" class="" value="" placeholder="" id="i原创 2018-05-03 20:56:57 · 2592 阅读 · 0 评论 -
ajax原理
1.什么是ajaxAjax 即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML),2.ajax原理每个新的浏览器都有内置的ajax引擎第一步:使用js获取浏览器内置的ajax引擎(XMLHttpRequest对象)第二步:通过ajax引擎确定请求路径,参数,方式,并把回调函数告诉ajax引擎第三步:通知ajax发送请求(ajax引擎会在不刷...转载 2018-04-25 16:34:34 · 130 阅读 · 0 评论 -
Jquery Ajax的使用
Ajax概述Ajax就是通过 HTTP 请求加载远程数据。通常用于定制一些http请求来灵活的完成前端与后端的数据交互需求。注意,所有的选项都可以通过$.ajaxSetup()函数来全局设置。JQuery Ajax之所以能发送http请求, 是调用了html中的XMLHttpRequest对象(原生ajax)。另外还有一种跨域Ajax。这个会在最后介绍到 。Ajax的一般格式$.ajax({ ...转载 2018-04-23 18:37:30 · 1566 阅读 · 0 评论 -
$.ajax()方法详解
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。4.async: ...转载 2018-04-17 11:46:02 · 118 阅读 · 0 评论 -
触发
input type="button" name="Submit2" value="更多筛选条件" onclick="Display(1)">div data-role="tj" id="ss" data-width="400" data-height='250' style="font-size: 14px; border-radius: 10px;"> form id='fm1' s转载 2018-04-03 12:33:44 · 121 阅读 · 0 评论 -
cookie和session的区别
由于HTTP协议是无状态的协议,所以服务端需要记录用户的状态时,就需要用某种机制来识具体的用户,这个机制就是Session.典型的场景比如购物车,当你点击下单按钮时,由于HTTP协议无状态,所以并不知道是哪个用户操作的,所以服务端要为特定的用户创建了特定的Session,用用于标识这个用户,并且跟踪用户,这样才知道购物车里面有几本书。这个Session是保存在服务端的,有一个唯一标识。在服务端保存转载 2018-01-26 10:44:27 · 93 阅读 · 0 评论 -
解决页面input自动填充记住的账号密码
<input type="text" placeholder="账号" readonly onfocus="this.removeAttribute('readonly');"/>转载 2018-05-25 09:50:21 · 9156 阅读 · 4 评论 -
JavaScript将字符串按照符合分割
var str = "1,2,3";var d = str.split(",");d是个数组通过下标可以取出截取的字符串d[0] 取出结果为1d[1] 取出结果为2d[2] 取出结果为3原创 2018-05-16 21:19:52 · 814 阅读 · 0 评论 -
分页后查询条件丢失清空
解决方法:后台返回数据时,将get请求中的查询条件也就是url中的参数也返回到前台,填写在value中。例:get请求: "http://xxx/x/?x1=1&x2=2" 后台: def X(request): x1 = request.GET.get('x1 ', default="") x2 = request.GET.get(...原创 2018-07-26 21:06:39 · 2433 阅读 · 0 评论 -
springboot 控制台报错JSON parse error: Unrecognized token ‘id‘: was expecting (‘true‘, ‘false‘ or ‘null‘)
前端function deldate(did){$.ajax({ type: "POST", //提交的方法 dataType: "json", //contentType : 'application/json', url:"http://ip:8090/id/", //提交的地址 data:{ ...原创 2019-03-12 13:51:22 · 63276 阅读 · 1 评论 -
a标签+onClick()页面传参,使用location.href跳转的坑
<a href="" onClick=("1")>修改</a> function update(id){ window.location.href="role_update.html?id="+id;}这样你会发现页面根本没跳转,原因是a标签的href跳转会执行在onClick之前,href里面为空就会刷新,所以解决方法是在href里面添加javasc...原创 2019-03-12 10:27:03 · 4970 阅读 · 2 评论 -
基于springboot的ajax异步文件上传
当我们在页面填写表格或资料的时候,大多数情况下选择文件并点击上传后我们并不会希望页面跳转,而是希望文件异步上传,我们则继续填写表格中的其他内容,今天遇到了这个问题,结合百度,整理出了一种简单的方法进行文件的异步传输。<input id="file" type="file" /><input type="button" value="上传" onclick="submit(...转载 2019-03-20 13:21:07 · 361 阅读 · 0 评论