
前端
文章平均质量分 65
WuWuII
while(life)++;
展开
-
layui表格中预览视频和图片
主要用到的方法getData()getData()示例中是模拟数据,代入到自己的功能中就是请求返回的数据。点击实现预览效果预览方法表格展示对应的数据主要是模板方法,url中就是我们后端的具体存储地址,如果url是本地地址,会报错,需要配置静态资源文件实际路径是,然后如图,替换url路径,最终路径就是,然后返回给前端html代码来源:https://blog.youkuaiyun.com/qq_36025814/article/details/125860454,后端代码自己整理,有不原创 2023-12-26 15:35:47 · 2670 阅读 · 0 评论 -
文件下载a
前端代码一个a标签,href就是要访问的controller的路径,以下是文件下载Java代码,chrome要选高级,然后配置,不然每次都保存默认位置,不会弹出另存框。原创 2020-10-25 18:35:53 · 521 阅读 · 2 评论 -
通过网络url下载文件
这种方式先通过 URI 类创建一个 URI 对象,然后再将其转换为 ASCII 字符串,最后使用 URL 类的构造函数创建一个 URL 对象。这可以确保 URL 字符串的合法性。而 URL url = new URL(new URI(fileUrl).toASCIIString());和 URL url = new URL(new URI(fileUrl).toASCIIString());原创 2023-08-04 09:01:57 · 2061 阅读 · 0 评论 -
layui
先下载layui——https://layui.dev/layui文档地址:https://layui.dev/docs/2/versions.html下载以后把解压的文件夹放入项目中引入css和js弹出消息看一下日期与时间laytpl 是 Layui 的一款轻量 JavaScript 模板引擎,在字符解析上有着比较出色的表现。是外层标签,里面写的是表达式,以下是个if判断示例,更多示例:https://layui.dev/docs/2/laytpl/#testd为原创 2022-10-10 15:10:24 · 1692 阅读 · 0 评论 -
前端数组的简介
文章目录数组简介数组的基本操作向数组中添加元素获取数组中的元素获取数组的长度修改数组的长度(修改length)网上下载的资料,不知道是谁写的,我就整理发出来了,有侵权请私聊之前学习的数据类型,只能存储一个值(字符串为一个值)。如果我们想存储多个值,就可以使用数组。数组简介数组(Array)是属于内置对象,我们可以在MDN网站上查询各种方法。数组和普通对象的功能类似,也是用来存储一些值的。不同的是:普通对象是使用字符串作为属性名的,而数组是使用数字来作为索引来操作元素。索引:从0开始的整数就是索原创 2020-07-21 17:02:36 · 1017 阅读 · 0 评论 -
前端数组的操作
数组的四个基本方法如下:(数组元素的添加和删除)方法描述备注push()向数组的最后面插入一个或多个元素,返回结果为该数组新的长度会改变原数组pop()删除数组中的最后一个元素,返回结果为被删除的元素会改变原数组unshift()在数组最前面插入一个或多个元素,返回结果为该数组新的长度会改变原数组shift()删除数组中的第一个元素,返回结果为被删除的元素会改变原数组数组的常见方法如下:方法描述备注slice()从数组中提取指定的一个或多个元素,返回结果为新的数组。原创 2020-07-21 16:54:24 · 5291 阅读 · 0 评论 -
echarts饼图和图例重叠
设置length属性,自己调整,bottom就是从下端开始,数字越大越往上,原创 2021-03-09 15:24:09 · 4513 阅读 · 2 评论 -
echarts的数据是null,折线图断线,连不起来
数据是Null的时候,折线图断断续续的,想要连起来,有个属性:connectNulls,设置为true,为空值时,不会断线了。这个属性写在series中:option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series:原创 2021-03-08 19:00:36 · 9655 阅读 · 3 评论 -
echarts
模板变量有 {a}, {b},{c},{d},{e},分别表示系列名,数据名,数据值等。 在 trigger 为’axis’ 的时候,会有多个系列的数据,此时可以通过{a0}, {a1}, {a2} 这种后面加索引的方式表示系列的索引。 不同图表类型下的{a},{b},{c},{d}含义不一样。 其中变量{a}, {b}, {c}, {d}在不同图表类型下代表数据含义为:u 折线(区域)图、柱状(条形)图、K线图: {a}(系列名称),{b}(类目值),{c}(数值), {d}(无)u 散点图(气泡)图原创 2021-01-29 10:05:18 · 670 阅读 · 0 评论 -
前端上传的文件,接收后名称对,路径不对
遇到一个问题,前端传了xlsx,以前都没问题,最近上传以后解析不了,看了下上传的东西,发现文件名称是对的,但是路径变成tomcat下的tmp文件,怪不得解析不了。 上传的是xlsx,为什么是tmp,因为文件太大,超过编译大小,产生临时文件,然后读取的是这个临时文件, 设置一下大小就可以了,multipartResolver这个里面配置<!-- 定义文件上传解析器 --><bean id="multipartResolver" class="org.springframe原创 2021-06-25 11:53:43 · 632 阅读 · 0 评论 -
CSS选择器
文章目录1、基本选择器2、高级选择器2.1 层次选择器2.1.1 后代选择器2.1.2 子选择器2.1.3 相邻兄弟选择器2.1.4 通用选择器2.1.5 交集选择器2.1.6 并集选择器2.2 伪类选择器2.2.1 E:first-child2.2.2 E:last-child2.2.3 E:nth-child(n)2.2.4 E:first-of-type2.2.5 E:last-of-type2.2.6 E:nth-of-type(n)1、基本选择器标签选择器:根据标签名称进行选择的一种方式,原创 2021-04-02 14:24:03 · 114 阅读 · 0 评论 -
jquery选择器
文章目录1、层次选择器 1.1 后代选择器: 1.2 子选择器: 1.3 相邻兄弟选择器: 1.4 通用兄弟选择器:2、过滤选择器 2.1 :first 2.2 :last 2.3 :eq(index) 2.4 :gt(index) 2.5 :lt(index) 2.6 :even 2.7 :odd 2.8 :not(选择器) 2.9 :header 2.10 :focus 2.11 :animated1、层次选择器 1.1 后代选择器:("divp")相当于("div p")相当于("divp")相原创 2021-04-02 14:33:31 · 236 阅读 · 0 评论 -
jquery改变css样式
.intro{ font-size:120%; color:blue;}$("#ppp").addClass("intro"); --添加class为intro的样式$("#ppp").removeClass("intro") --移除class为intro的样式原创 2021-04-02 14:51:18 · 123 阅读 · 0 评论