简单学习JWT JWT简介JWT可用于用户和服务器之间传递安全可靠的信息,该信息可以被验证和信任,因为它是数字签名的,一个JWT实际上就是一个字符串,它由三部分组成,头部、载荷与签名。头部用于描述关于该JWT的最基本的信息,例如其类型以及签名所用的算法等。这也可以被表示成一个JSON对象。载荷就是存放有效信息的地方。这个名字像是特指飞机上承载的货品,这些有效信息包含三个部分标准中注册的声明(建议但不强制使用)• iss: jwt签发者• sub: jwt所面向的用户• aud: 接收jwt的一方•
Nuxt.js简介及初始化过程 Nuxt简介Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。服务端渲染又称SSR (Server Side Render)是在服务端完成页面的内容,而不是在客户端通过AJAX获取数据。服务器端渲染(SSR)的优势主要在于:更好的 SEO,由于搜索引擎爬虫抓取工具可以直接查看完全渲染的页面。使用服务器端渲染,我们可以获得更快的内容到达时间,让用户得到更好的体验。Nuxt搭建
MongoDB 简介和简单操作 1.什么是MongoDB?MongoDB 是由C++语言编写的,是一个基于分布式文件存储的开源数据库系统。在高负载的情况下,添加更多的节点,可以保证服务器性能。MongoDB 旨在为WEB应用提供可扩展的高性能数据存储解决方案。下面这是一个MongoDB的数据结构图2.MongoDB特点。1、MongoDB 是一个面向文档存储的数据库,操作起来比较简单和容易。2、临时查询-MongoDB支持按字段,范围查询和正则表达式搜索。可以查询返回文档中的特定字段。Mongo支持丰富的查询表达式。查询指令
Spring boot配置Druid数据源 1.关于DruidDruid是阿里团队开源的高性能数据库连接池,国内使用广泛,特别是在监控sql和数 据库性能方面非常强大。连接池能有效节省数据库连接消耗,且对高写入、实时性要求高的业务非常合适。2.引入依赖到pom.xml中。<!--Druid--><dependency> <groupId>com.alibaba</groupId> <artifactId>druid-spring-boot-starter</a
自动生成发票号 开发工具与关键技术:Visual Studio 2015撰写时间:2019.7.27根据数据库已有的发票号,在自动生成新增新的发票号,假如数据库最新的发票号是zy014,然后自动生成新的发票号是zy015;下面放代码:首先查出数据最新的发票号,查出后再用for循环新增一个新的发票号,return Json(number, JsonRequestBehavior.AllowGet);然后...
时间段模糊查询 开发工具与关键技术:Visual Studio 2015撰写时间:2019.7.24时间段的模糊查询就是选择两个日期,查询的是在这两个时间段范围之内的都会查询出来。这种方法比较方便,并不需要选择数据日期,只需要选择两个不同的日期即可。时间段模糊查询的好处在于,就算你忘记了准确时间也没关系。首先视图那边首先自定义两个ID,然后在控制器那边接受这两个参数,首先你要把数据库里的时间查询出,...
Layui表格-新增一行空的表格 开发工具与关键技术:Visual Studio 2015撰写时间:2019.7.17layui的数据表格功能十分强大,集成了非常多的功能;最近项目遇到一个问题,就是需要点击新增一行空的表格,但是这个这个功能在官方文档并没有介绍;如果你需要用到以上功能的话,可以使用下面的方法;当项目需求需要点击新增一行时,可用如下方式实现:“employeeNum”: “123” ,“telp...
点击一个按钮后禁用另一个按钮-实用小技巧 开发工具与关键技术:Visual Studio 2015撰写时间:2019.7.14做项目时发现有很多页面的功能按钮都是这样子的,就是点击一个按钮后另外一按钮禁用,颜色变成灰色,不能点击;有些是刚打开页面时,有些功能按钮是不能点击的,需要点击另外一个按钮才能点击这个按钮,举个列子:就是刚打开页面时保存保存是不能点击的,需要点击修改按钮后才能点击保存按钮。下面我给给大家提供一种方法...
Layui表格-复杂表头 很多人都不会复杂表头设置,复杂表头这个功能非常实用,可以让用户更清楚地理解表格里的数据信息;Layui表格复杂表头:常用的两极表头和通常表格不一样的是加多两个属性:联系人员工信息 rowspan="2"这个属性代表的是联系人这个表头占用了两行表格, colspan="3"这个属性代表的是员工信息这是一个大表头,在员工信息下面还有3个小表头;加上这两个属性即可,下面是效果图:...
Layui表格编辑 对于layui表格的用法,我们通常都只是用来渲染表格,但其实layui表格还有很多功能,只是我们不常用,所以有很多人都不知道Layui表格的其他用法,比如说layui表格可以单元格编辑的,就是想修改哪个数据就点击单元格编辑,这个方法非常实用。Layui表格开启单元格编辑,只需要给表格添加一个可编辑的属性即可。你想编辑那一条数据就在后面加上edit:‘text’这个属性,性别...
Layui表格时间戳的处理 开发工具与关键技术:Visual Studio 2015撰写时间:2019.6.27最近¬遇到一个问题,就是渲染layui表格时日期出现了乱码情况,日期显示的是时间戳,不是显示年月日格式,需要自行转换成格式化的时间。这种方法有很多,下面这个方法比较简单,写完直接调用就好了;代码分两部分:第一部分是对layui表格时间格式化的处理,格式可以根据自己需要修改,这是第二部分代码,...
把下拉框的值赋值到文本框内 开发工具与关键技术:Visual Studio 2015撰写时间:2019.6.24做项目是发现家庭地址不是手动输入的,而是通过选中省份、城市、地区的值然后自动生成的,就是下拉框的值然后再赋值到家庭地址的文本框内。可以参考我下面的写法:var selectValue = $(’#provincename option:selected’).text();var Chengshi ...
利用alert计算 浏览器的alert警告框可以用来做很多事情,通常都是把alert警告框用来提示用户用的,比如说提示用户这是第几页。其实Alert警告框还有好多用法的,比如alert警告框还可以用来当计算器用的;下面是alert警告框的加减乘除法计算的过程:这是加法的教程,输出的结果如下图所示:减法的教程如下图所示:减法的输出结果如下所示:乘法和加法和减法的结合:乘法和加法和减法...
定时器的时间准确到百分之一秒 看到很多案例的定时器都是只准确到秒的,这些是只能大概记录下时间,但记录的时间并不精准,于是就写了一个可以准确到百分之一秒的定时器案例;首先如下图所示:第一步创建一个标签,里面放三个标签,标签给它一个name=stpw的名称,第二步,第一个标签给它一个name=time的名称,这是记录时间的文本框,第二和第三个分别是开始、重置的button按钮;最重要的一步来了,如下图所示:...
Input输入字数的限定 在一些应用程序或者网站里,你如果想要修改名字,你就会发现,修改昵称是有限制的,比如修改的昵称最少不能小于6个字符,最多不能超过10个字符,如果少了或者多了就会提示你说少了多了。这些都是通过限定输入框的输入字数;接下来就是一个简单的限定输入框教程:如上图所示:在里面放两个输入框,第一个输入框的type值就是一个text类型,第二个输入框的type就是一个button按钮类型,让...
禁用input输入框 做项目时发现有一些地方,比如input输入框里的内容是禁止用户修改的,禁止用户修改input输入框有很多方法,禁用input输入框就是其中的一种,而禁用输入框又有多种方法,下面我为大家列举两种方法。第一种disabled属性,浏览器会将中所有的表单控制项(、 、 元素) 视为禁用,以防止键盘鼠标与它们发生交互;添加 disabled 布尔值属性到input上,就能防止用户操...
获取当前时间并赋值到input输入框中 最近在做项目的时候,发现有一些地方是系统自动生成的,是不需要用户自己输入的,比如一些用户的编号、卡号等,都是系统获取当前时间生成的,这样获取的编号、卡号就看起来很统一,看起来也比较美观,如果是用户自己输入,就会很乱,什么都有,根本没法看;接下来给大家系统自动获取时间并赋值到文本框的教程:第一步如下图所示:首先得创建一个文本框,type类型就是text类型,给它一个ID=’...
打开页面时的一种加载动画 打开页面时都会有一个加载动画,当加载动画加载完时,就会跳转到一个页面。这加载动画其实可以用一个定时器做的。下面我给大家一个教程:第一步:首先创建表单,在里面放一个标签,Align属性规定段落中文本的对齐方式。标签里面放的是一个标签,和两个框,标签的中的face属性规定font元素中文本的字体,第一个框是一个动画加载条,第二个框是数字加载动画。第二步:Var bar=0,数...
让密码隐藏或显示的方法 在大多数的登录页面都是有个按钮可以让密码显示或者隐藏的,就是通过点击按钮改变里的type类型从而让密码显示或隐藏的。下面就是一个简单的教程;如下图所示,首先创建一个密码框,标签里的class=“material-icons”visibility是显示一个眼睛按钮,在里调用下面的方法ps(),点击这个眼睛按钮就会显示密码,第二步就是...