2020年04月_知北行

原创 html——上传文件到本地服务器目录(使用springboot框架)

开发环境：后台使用springboot框架，IDE使用idea，使用jquery与ajax方法实现将文件上传到本地的相应目录中。1、前端html页面前端上传文件时可以使用三种方法：1、使用form标签中的 action 方法提交上传文件，这时表单提交成功后默认页面会自动进行跳转。2、使用form标签，但使用ajax提交上传文件，页面不跳转。(推荐使用该方法)3、不使用form...

2020-04-23 19:36:59 8936

原创 html——简单文章发布html页面及富文本编辑器wangEditor的使用

实现结果截图：说明：1、主要组件使用了bootstrap4，富文本编辑器使用wangEditor，在使用前需要下载wangEditor的js文件，地址参考 wangEditor3使用手册2、所用图片就导航栏的两张，可以自己换成自己的，这里就不贴了。3、对于简单的文本编辑需求，wangEditor3使用简单，上手快，推荐使用。下面直接上代码：<!DOCTYPE ...

2020-04-22 22:26:53 7909

原创 sql——如何将html代码存入数据库中

要注意两点：1、首先最好将html代码中的所有双引号(")换为单引号(’)来存储，方便数据的封装和传递。这里在前端可以使用js的替换某字符串中所有该字符的方法：/创建replaceAll()函数 String.prototype.replaceAll = function (FindText, RepText) { return this...

2020-04-22 22:12:29 7119

原创 html——bootstrap 的cdn引用

2020-04-17 21:04:52 2427

原创 html——使用bootstrap的栅格布局，用row后出现横向滚动条

原因：row默认有：margin-left:-15px; margin-right:-15px解决办法：row所在div的外层需要包裹 container或者container-fluid(通常使用该类)的div，即在row外面创建一个类为container或者container-fluid的 div标签container与container-fluid的区别：1、container-fl...

2020-04-17 21:02:20 1209

原创 html——bootstrap 下拉菜单的使用及实现悬停展开下拉菜单

1、我这里使用的bootstrap4.0版本，相比3.0版本，新版本在使用时要在头部引入第三方 Popper.js插件。这里先放一下头部的所有引用： <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css"> <sc...

2020-04-17 20:57:12 6751 1

原创 html——自定义进度条、bootstrap框架及layu框架进度条的使用及对比

先展示一下效果：动态效果：1. 第一个是自己写的一个进度条，纯js写的，样式不太好看，相关的函数进行了js的封装，且适配性不太好，不推荐，只是作为个人的尝试。2. 第二个是bootstrap的进度条：可以控制颜色，控制样式，比如有条纹，或者动画条纹，而且函数调用修改进度条值简单，直接通过jquery的css()与text()方法即可动态的修改进度条的值。较为推荐使用。3. 第三个是la...

2020-04-13 22:58:25 978

原创 java——前端传递数组对象的json字符串到后端，后端java解析字符串为List对象的方法

项目采用springboot框架，通过jquery.post()方法传递值给后端，示例代码如下：前端js传值代码： var list=[]; list.push("740627156@qq.com"); list.push("2787706997@qq.com"); var postDa...

2020-04-13 22:35:03 2109

原创 layui——进度条组件，动态设置进度条值后不更新数值

官方修改进度条值的语句为：//示例element.progress('demo1', '50%');但发现进度条上的数值不改变，应该是一个bug解决办法：使用以下代码：//html元素：<div class="layui-progress layui-progress-big" lay-filter="demo" lay-showPercent="true" > ...

2020-04-13 22:27:00 4388 2

原创 html——jquery 遍历方法each()的用法

通过jquery的选择器往往可以获取多个对象，each() 用于遍历这些对象。函数原型：$(selector).each(function(index,element))html使用代码举例(点击按钮打印索引和元素):<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...

2020-04-13 21:25:56 3107

原创 html——jquery中val()与text()用法的区别

jquery的text()函数：用于设置或返回被选元素的文本内容只输出标签内的文本内容，和js的innerText方法一样不能获取表单元素如 button、input 等元素的输入值jquery的val()函数：返回或设置被选元素的值。元素的值是通过 value 属性设置的，但div元素就算设置了value属性，使用该函数也获取不到值该方法大多用于 input 元素val...

2020-04-13 20:38:58 1219

原创 html——js简单计时器实现

实现原理：利用js的setInterval()与clearInterval()函数实现。实现效果：html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>timerDemo</title> &l...

2020-04-13 20:06:59 7988 1

原创 html——获取某个节点的全部html代码(使用html()和prop()方法)

使用时注意两点：1、jquery的html()方法是获取指定元素的子元素的HTML代码，但无法获取本身的DOM节点的HTML代码。2、如果需要的要获取元素本身的DOM节点及其子节点的HTML代码，应该使用prop(“outerHTML”)来获取。...

2020-04-13 18:08:36 604

原创 html——仿e签宝合同归档html页面实现(纯静态,类似收藏夹页面)

先放一下e签宝合同归档页面：这里只编写了其主体部分，模仿编写的效果如下：该页面使用bootstrap实现布局，界面的样式以及相关的图标按钮使用layui实现。各个按钮都实现了相应的功能，包括新建分类、归档、批量归档等，以及左侧的菜单按钮。主页面archive_manager2.html代码(包含了交互逻辑的代码，可能有点长)：<!DOCTYPE html><html...

2020-04-06 17:04:12 2359

原创深度学习——使用Tesseract.js在浏览器离线识别图片中的文字

Tesseract简介Tesseract是惠普布里斯托实验室在1985到1995年间开发的一一个开源的OCR引擎，曾经在1995 UNLV精确度测试中名列前茅。但1996年后基本停止了开发。2005年，惠普将其对外开源，2006 由Google对Tesseract进行改进、消除Bug、优化工作。官网项目地址：https://github.com/tesseract-ocr/tesseractT...

2020-04-06 16:11:47 27034 22

原创 java——java及idea小问题汇总(2020.4.5)

1.IDEA项目结构出现 0% methods,0% lines covered解决上述问题，只需要使用快捷键 Ctrl + Alt + F6，在弹出窗口中取消项目前面的√, 点击show selected2.手动迁移项目文件时，不能直接copy原文件到新项目，应该新建相应文件，然后复制内容到新文件中，估计原因是涉及到连接服务器，所以需要在springboot容器中注册，而直接复制的文件不会...

2020-04-05 20:38:07 691

原创 layui——小问题汇总及例子(2020.4.5)

1.layui.table组件使用，关于右侧的defaultToolbar,如果需要使用自定义工具栏方法，layui需要更新到官方2.5.5版本的layui。版本问题有时很常见。参考：https://www.cnblogs.com/30go/p/11809287.html2.layui.table自动加序号,在table.render()方法中加入这一行,{ type: 'numbers',...

2020-04-05 18:32:14 977

原创 .net mvc——前后台传递参数不一致问题

.net mvc 如果前后台传递的参数类型不同，那么会出错例如前台这样传参数： var postData = {} postData.user_acc = "1;2"; $.post('/Test1/PostTest', postData, function (data) { console.info(data)...

2020-04-05 18:12:23 678

原创 layui——table重载问题BUG

layui.table使用重载时，如果表格初次加载时使用异步数据接口(url),那么在使用表格重载方法reload时，必须也使用异步数据接口(url)，来来重载表格，如果使用静态数据data重载，无法重载，必须重新使用render重新渲染表格！！！巨坑...

2020-04-05 17:56:08 1951 8

原创 html——js对象与json字符串互相转化

JSON.parse(clickContract)//字符串转对象 JSON.stringify(clickContract)//对象转字符串

2020-04-05 17:25:55 636

转载 html——jquery获取父子兄弟节点

$("#test1").parent(); // 父节点 $("#test1").parents(); // 全部父节点 $("#test1").prev(); // 上一个兄弟节点转自：https://www.cnblogs.com/milletHandsome/p/11887833.html

2020-04-05 17:22:24 425

原创 layui——table自动加序号列

在table.render()方法中，加上这一行,{ type: 'numbers', title: '序号', width: 80, fixed: 'left' }//序号列使用示例： table.render({ elem: '#LAY_table_user' , url: '/AbandonAppl...

2020-04-05 17:19:12 9671 1

转载 C#——计算两个字符串日期的时间差或天数差

计算某年某月的天数 DateTime dt1 = Convert.DateTime("2007-8-1"); DateTime dt2 = Convert.DateTime("2007-8-15"); TimeSpan span = dt2.Subtract(dt1); int dayDiff = span.Days + 1; 获取当前时间; DateTime checkTi...

2020-04-05 17:09:15 1893 1

转载 java——String类型的日期转成Date型，并算出两个日期相差多少天

SimpleDateFormat sd = new SimpleDateFormat("yyyy-MM-dd"); Date date1 = (Date) sd.parse(cstartdate); Date date2 = (Date) sd.parse(validDate);int days = (int) ((date1.getTime() - date2...

2020-04-05 17:06:14 569

转载 html——js 判断字符串中是否包含某个字符串

//str.includes("")返回一个布尔值，值为true时表示包含 var str = "hello Tara"; if(str.includes("Tara")){ alert("Hi,Tara"); }参考：https://blog.csdn.net/weixin_39228870/article/details/85338098...

2020-04-05 16:45:57 6026

原创 html——利用jquery生成需要的html代码语句

function htmlEncode(value) { var encodedValue = $('<div />').text(value).html(); return encodedValue; }该函数的返回值即为所需要的html代码语句，在实际使用时，使用jquery的append()方法即可动态修改htm...

2020-04-05 16:40:08 187

原创 C#——split函数用法问题

string str="1;2;" string[] idArray = str.Split(';'); //数组内容为["1","2",""] //注意这时idArray[]为"1","2","",会多出一个""数组内容为[“1”,“2”,""]注意这时idArray[]为"1",“2”,"",会多出一个""空字符串...

2020-04-05 16:38:05 187

转载 html——input标签设置不可编辑属性

设置不可编辑： //设置不可编辑： $("#input_id").attr("disabled","disabled"); //或： $("#input_id").attr("readonly","readonly"); // 解除不可编辑： $("#input_id").removeAttr("disabled"); //或: $("#input_id").removeAttr...

2020-04-05 16:35:43 3130

转载 html——如何获得select被选中option的value和text

html代码：<select id="select"> <option value="A" url="http://www.baidu.com">第一个option</option> <option value="B" url="http://www.qq.com">第二个option</option></sel...

2020-04-05 12:27:36 3847

知北行的博客