前端
梦远星帆
欢迎关注,共同学习交流。
展开
-
vue 如何把当前页面的所有Table表格row.id和一个表单的字段内容通过js传Java后台,Java后台是如何接收的
在上述示例中,我们创建了一个名为EndpointController的RestController,并使用@PostMapping注解指定了接收POST请求的路径。FormDataDTO类用于映射前端传递的JSON数据,其中包含ids和content字段,分别对应row.id和表单字段内容。Java后台通过@RequestBody注解将请求体中的JSON数据映射到FormDataDTO对象中,然后就可以在Controller方法中获取ids和content字段的值,并进行相应的处理逻辑。原创 2023-08-02 15:23:48 · 910 阅读 · 0 评论 -
前端vue之根据内容生成二维码
dotScale: (0 < scale < 1.0f) 数据区域点缩小比例,让你的数据保持原来尺寸,如果迷得连接特别长,可以用缩放,如果不是特别长,就设置为1,不然生成的二维码密密麻麻,有些商家的二维码密密麻麻,就是连接太长,导致的,加上不缩放。callback: 生成的二维码 Data URI 可以在回调中取得,第一个参数为二维码 data URL, 第二个参数为 props 传过来的 qid(因为二维码生成是异步的,所以加个 id 用于排序)bgSrc: 欲嵌入的背景图地址,一般不用,会比较花哨。原创 2023-04-20 16:44:24 · 1179 阅读 · 0 评论 -
往el-table表格里面画ecahrts图
el-table表格里面画ecahrts图,给每一个设置id,遍历表格,获取每一个单元格进行绘制原创 2022-10-28 15:13:56 · 560 阅读 · 0 评论 -
SpringBoot+Vue 前后端分离实现单点登录方案
单点登录全称Single Sign On(以下简称SSO),是指在多系统应用群中登录一个系统,便可在其他所有系统中得到授权而无需再次登录,包括单点登录与单点注销两部分原创 2022-09-16 15:49:12 · 561 阅读 · 0 评论 -
vue之element输入框限制长度并显示输入字数
maxlength和minlength是属性长度,使用限制输入框的字符长度,其中字符长度是使用 Javascript 的字符串属性长度统计的。对于类型为text或textarea输入框,在使用maxlength限制最大输入长度的同时,可通过设置show-word-limit属性来展示字数统计。原创 2022-09-09 09:24:01 · 2332 阅读 · 1 评论 -
若依前端之特定账号登录跳到指定页面
若依框架前端进行不同角色登录指定页面,越过首页。原创 2022-09-08 13:24:35 · 1326 阅读 · 0 评论 -
前端之使用NodeJS+Cheerio实现网络爬虫图解
图解使用NodeJS+Cheerio实现网络爬虫来进行数据爬取使用。原创 2022-09-01 09:58:45 · 1295 阅读 · 0 评论 -
前端之搭建简单的Node服务器
这篇文章是基于上一篇文章所写的,有需要的话请先访问上一篇文章:使用NodeJS+Cheerio实现网络爬虫原创 2022-09-01 09:34:58 · 611 阅读 · 0 评论 -
Vue 实现element ui中el-input输入框只能输入数字以及小数点后两位
绑定一个onkeyup监听事件,/[^\d^\.]/g 是用来匹配所有非数字内容的正则表达式,将之替换成空字符串,这种方式不会影响任何属性原创 2022-08-18 11:48:17 · 3763 阅读 · 2 评论 -
vue之element表格列数值显示两位小数的方法
因为我返回的值为float类型,即使,小数点后面两位为零也要显示出来原创 2022-08-18 11:15:04 · 2675 阅读 · 0 评论 -
前端传参数进行Mybatis调用mysql存储过程执行返回值
前端vue+element进行参数传到后台通过Java mybatis框架调用mysql存储过程执行,然后前端查询返回结果集列表。原创 2022-08-11 17:11:40 · 1051 阅读 · 0 评论 -
Javascripts使用正则表达式去掉字符串中的“-”以及删除最后三个字符
通过正则表达式去掉字符串中的“-”以及删除最后三个字符原创 2022-07-29 16:33:19 · 1148 阅读 · 0 评论 -
vue之element点击当前行数据选中或者取消选中checkbox
点击当前行数据选中或者取消选中checkbox原创 2022-07-28 13:28:34 · 4140 阅读 · 0 评论 -
解决vue路由id传数字可以传其他包含字母404
加了个正则表达式,匹配至少有一个数字的ID资源路径,其中\\d+是表示必须是数字类型,如果掺入其他字符(包括英文)会报404,所以修改表达式即可。原创 2022-07-18 14:59:53 · 406 阅读 · 0 评论 -
基于 SpringBoot + Echarts 实现的动态实时大屏
数据可视化大屏的,打造出自己的“炫酷吊炸天”大屏驾驶舱。原创 2022-07-08 13:29:54 · 1032 阅读 · 0 评论 -
Vue Element 去除input前后空格
vue 去除前后空格trim原创 2022-07-07 15:59:39 · 3638 阅读 · 0 评论 -
使用jQuery进行不同网站页面轮播
前端部分代码:js部分代码:代码:网页轮播.zip文件大小:920.1 K|https://wwi.lanzoup.com/iQDXX04qmh4j下载代码可直接把网址替换就行,轮播商场在index.js里面修改原创 2022-05-13 10:35:51 · 365 阅读 · 1 评论 -
win7系统使用高版本node.js
解决WIN7无法安装高版本Node.js问题网上很多文章都让去安装低版本node由于业务需求,低版本node npm 有一些包支持的不好 npm出cb() never call本着更新npm 顺带弄个高版本的node单独更新npmnpm install npm @latest -g正文win7 最高支持Node.js 13.14先把他下载下来 记住安装目录地址 (下载.MSI格式的不用去配环境变量)比如我的是C:\Program Files\nodejs然后原创 2022-04-07 09:38:50 · 6607 阅读 · 8 评论 -
Springboot项目jsp无法引用样式(css、js)
在网上看了好多办法没有用,最后把static文件放在jsp同级目录下就可以了没有显示亮度了原创 2022-03-25 14:38:33 · 895 阅读 · 0 评论 -
Vue安装及环境配置
一、安装node.js官网:Download | Node.js历史版本:Previous Releases | Node.js或者下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。二、设置nodejs prefix(全局)和cache(缓存)路径1、建议安装的路径不要有中文2、新建node_global和node_cache两个文件夹可以在nodejs安装路径下,新建3、设置缓存文件夹npm config set c...原创 2021-12-02 15:04:54 · 24201 阅读 · 2 评论 -
前端使用(久派)高拍仪进行拍照上传
采用的技术为HTML5+css+JavaScript+bootstrap+jQuery开始前需要将高拍仪的服务器(驱动)安装好里面包含SDK地址:WebCameraServerV2.61 Setup(1).exe文件大小:90.4 M|https://wwa.lanzoui.com/ise7ivhf5be接口文档:开发文档.pdf文件大小:196.1 K|https://wwa.lanzoui.com/iwaWjvhf80b实现的主要功能有:拍照、本地保存并返回、放大、缩小、拍照生成ba原创 2021-10-18 14:52:04 · 2270 阅读 · 0 评论 -
js怎样生成随机字母+当前日期
随机生成,最简单的也就是Math.random()了。下面是简单的例子:vara='abcdefghijklmnopqrxtuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';alert(a.charAt(parseInt(Math.random()*a.length+1))+''+newDate());这样就可以了。js获取当前的日期和时间:let date = new Date()date.getYear(); //获取当前年份(2位)date.get...原创 2021-10-14 16:45:49 · 440 阅读 · 0 评论 -
使用element+vue用iframe标签进行网站页面轮播
效果图:代码如下:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <!-- import CSS --> <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"></head><body> <div.原创 2021-09-23 16:40:16 · 1139 阅读 · 1 评论 -
使用bootstrap和jQuery实现进度条像下载进度一样
HTML+bootstrap样式代码:<div class="progress"> <div class="progress-bar progress-bar-striped active" id="ps" style="width: 0%"> </div> </div>jQuery代码:<script type="text/javascript">//获取下载进度div var ps = $("#ps").原创 2021-04-26 19:40:12 · 1210 阅读 · 4 评论 -
使用jQuery和bootstrap实现表单验证登录(错误进行提示)
代码:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"> <!-- jQuery (Bootstrap 的 J.原创 2021-04-26 19:26:19 · 1079 阅读 · 1 评论 -
分别使用js和jQuery实现表单验证,进行提示
HTML代码:<body> <form action="xx"> 用户名:<input type="text" name="name" id="name" onblur="blurfn(1)"/><span id="nameTip"></span><br> 密 码:<input type="password" name="password" id="password" onblur原创 2021-04-23 20:24:49 · 358 阅读 · 0 评论 -
使用jQuery实现(option)左移右移
效果:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript"> //isA原创 2021-04-23 19:55:39 · 343 阅读 · 0 评论 -
使用Js验证表单,证失败进行提示
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function check() { var form = document.getElementById("form"); // 获得form表单的id var user = form.原创 2021-04-23 10:19:37 · 601 阅读 · 2 评论 -
使用js复选框实现全选、全不选、反选
思路全选因为要得到复选框数组,而id又不能重复。所以通过name来得到复选框数组。得到数组后遍历,将所有checked值设置为true即可实现全选,全不选原理相同反选同样的方法得到复选框数组,遍历的时候判断如果checked值为true则改为false,checked值为false则改为true最上面的全选/全不选功能通过id获得最上面的复选框,判断其checked值若为true则将所有的复选框设置为true,为false则设置为false注意为什么不是true的时候设置为false呢?因为原创 2021-04-21 19:16:13 · 2275 阅读 · 1 评论 -
Js 写一个表单,验证用户名是否已填写,长度是否满足3个字符到8字符之间(正则完成)
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> function check() { var user_name = form.user.value; //获取表单form1的用户名的值 var reg = /^\w{3,8}$/;原创 2021-04-20 20:42:38 · 1833 阅读 · 0 评论 -
Javascript 验证表单密码、用户名是否输入--JS的简单应用
分析:在这里我们运用了常见的if判断语句只需对用户名、密码设定不能为null(空)进行判定,即可实现此功能。HTML表单代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js验证表(是否输入单用户名、密码)</title> <style type="text/css"> *{paddi原创 2021-04-20 19:57:08 · 5177 阅读 · 0 评论 -
Js实现实时显示系统时间(获取当前时间并显示)
js可以通过Date对象获取当前日期和时间,使用Date()获取系统当前时间,在使用getFullYear()、getMonth()、getDate() 、getHours()等方法获取特定格式的时间,在使用innerHTM方法显示。首先我们来了解一下js获取当前时间所需的一些方法:获取当前时间:var d = new Date();//获取系统当前时间获取特定格式的时间:1、获取当前年份getYear()方法:可以获取年份(2位或4位),其返回值是表示当前Date 对象的年份字段说明:当年原创 2021-04-19 20:13:03 · 40895 阅读 · 1 评论 -
Js-查询内置对象 Date对象,获取当前时间,并定时显示
查询内置对象 Date对象,获取当前时间,并定时显示,如2021年4月19日 16:41:30代码:JS获得当前时间的方法是利用js的date对象并格式化输出。具体举例如下:1、定义一个date对象todayvar today = new Date();2、分别从today中获取日,月,年,时,分,秒:var dd = today.getDate();var mm = today.getMonth()+1; //一月是0,一定要注意var yyyy = today.getFullYear原创 2021-04-19 19:05:09 · 1683 阅读 · 0 评论 -
HTML+css边框相关内容
HTML5边框的设置:(border)样式有:none 没有边框dashed 破折线边框dotted 圆点线式边框double 双线式边框groove原创 2021-04-15 19:25:24 · 233 阅读 · 0 评论 -
HTML中进行居中设置
实际开发过程中我们会遇到很多需要元素水平居中的情况,例如文章标题等。这里常见的水平居中情况有行内元素和块级元素两种,块级元素又分为定宽块级元素和不定宽块级元素两种情况。定宽块级元素顾名思义就是块级元素的width是个固定的值;那么不定宽块级元素我们就知道是块级元素的width不是个定值的情况。行内元素当被设置的元素是文本、图片等行内元素的时候,我们是通过给父元素设置text-align:center来实现的。<body> <div class="textCenter"转载 2021-04-14 19:50:48 · 29203 阅读 · 1 评论 -
使用HTML写一个个人简历
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>个人简历</title> </head> <body> <div style="width: 1000px; height: 2000px;"> <table border="1px" cellspacing="0px" cellpadding="0px原创 2021-04-14 19:35:02 · 4830 阅读 · 1 评论