- 博客(126)
- 收藏
- 关注
原创 Spring mvc 中文乱码 日期
smvcThymeleafConfig 视图模板package ws.wsj.config;import org.springframework.context.annotation.Bean;import org.springframework.context.annotation.ComponentScan;import org.springframework.context.annotation.Configuration;import org.springframework.web.b
2021-11-20 15:48:28 212
原创 mybatis 通用Mapper 插件 tk-mybatis
通用Mapper,使用插件 tk-mybatis接口package ws.wsj.mapper;import tk.mybatis.mapper.common.Mapper;import ws.wsj.pojo.Ke;//插件tk-mybatis 通用mapperpublic interface KeMapper extends Mapper<Ke> {}package ws.wsj.pojo;import lombok.AllArgsConstructor;imp
2021-10-27 08:52:45 455
原创 mybatis 数据库存储图片;时间使用
java boolean 映射 mysql bit 或者是 tinyint unsignedjava LocalDate 映射 mysql datejava LocalTime 映射 mysql timejava LocalDataTime 映射 mysql DataTimejava.util.Date 映射 mysql Datetime数据库存储图片package ws.wsj.mapper;import org.apache.ibatis.annotations.Insert;impo
2021-10-27 08:44:28 730
原创 mybatis 分页
mybatis 分页 ;插件 pagehelperDiMapper 类package ws.wsj.mapper;import org.apache.ibatis.annotations.Param;import org.apache.ibatis.annotations.Select;import ws.wsj.pojo.User;import java.util.List;public interface DiMapper { public int count();
2021-10-26 20:22:11 112
原创 mybatis 获取自增主键
1 使用配置(映射文件)文件(KaiMapper.xml); 2 使用注解(KaiMapper.java)KaiMapper类package ws.wsj.mapper;import org.apache.ibatis.annotations.Insert;import org.apache.ibatis.annotations.Options;import java.util.List;import java.util.Map;public interface KaiMapper {
2021-10-26 20:14:14 107
原创 mybatis logback日志输出
插件 logback日志插件; HikariCP连接池插件CartMapper类package ws.wsj.mapper;import org.apache.ibatis.annotations.Select;public interface CartMapper { @Select("select version()") public String version();}CartMapper测试类package ws;import com.zaxxer.hika
2021-10-26 19:56:08 473
原创 mybatis 数据库crud 接口和映射文件分开存放
CartMapper接口类package ws.wsj.mapper;import org.apache.ibatis.annotations.Delete;import org.apache.ibatis.annotations.Insert;import org.apache.ibatis.annotations.Param;import org.apache.ibatis.annotations.Select;import ws.wsj.model.Cart;import java.
2021-10-26 19:41:59 92
原创 Ajax axios 同时执行两个请求;创建实例化;添加拦截器
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>axios 两个都处理完,在执行,创建实例</title> <meta name="Keywords" co
2021-10-26 16:15:20 304
原创 Ajax axios get和post请求
axios.get传值使用params:{}axios.post传值,直接写<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>axios get post </title&g
2021-10-26 16:02:32 105
原创 Ajax axios get请求 时钟案例
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>axios 时钟案例</title> <meta name="Keywords" content="关键字"
2021-10-26 15:50:20 162
原创 Ajax Fetch 表单提交,存入数据库,查看,删除
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>表单提交,存入数据库,从数据库中查看数据,删除数据</title> <meta name="Keywords
2021-10-26 15:41:42 166
原创 Ajax Fetch get请求 时钟案例
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>fetch</title> <meta name="Keywords" content="关键字">
2021-10-26 15:33:40 108
原创 Ajax Fetch get和post请求 一
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>fetch</title> <meta name="Keywords" content="关键字">
2021-10-26 15:27:20 118
原创 Javascript 数组 filter,sort,Array.isArray()
过滤 filter;排序 arr.sort;判断是不是数组 Array.isArray();//过滤 filterlet arr = ["hello", "word", "java", "hi"];arr.push("hello");console.log(arr)for (let a of arr.filter(e => e.startsWith("h"))) { console.log(a)}// v 值; i 索引arr.forEach((v, i) => {
2021-10-16 10:17:10 91
原创 Javascript 数组crud
数组crud添加元素 尾部 arr.push; 开头 unshift;删除元素 尾部 arr.pop; 开头 shift;从1开始截取,不包括3 arr.slice(1,3);从1的位置添加元素,并删除元素 arr.splice(1,0,“hello”);//数组crudlet arr = ["hello", "word", "java"];//添加元素//尾部 arr.pusharr[arr.length] = "html";arr.push("php");console.log(
2021-10-16 10:14:03 92
原创 Javascript 数组
检查索引位置 indexoflastIndexof搜索 search以什么开头 startsWith ; 以什么结尾 endsWith分割 split;charAt检索 pattern.test(str);补位 padStart字符串转数字 parseIntparseFloatlet str = "hello word java";//检查console.log(str.indexOf("hello"), str.lastIndexOf("java"));//转换大小写;搜索 se
2021-10-16 10:08:24 50
原创 Javascript for语句; 搜索 search
搜索 search<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title></title> <meta name="Keywords" content="关键字"
2021-10-16 09:37:29 94
原创 Javascript for语句 输出菱形;反转
分裂 split; 反转reverse; 合成 joinfor (let i = 1; i <= 5; i++) console.log(i)//循环语句,输出菱形let sp = 10;for (let i = 1; i <= 10; i += 2) { console.log(" ".repeat(--sp) + "*".repeat(i))}for (let i = 7; i >= 1; i -= 2) { console.log(" ".repeat(
2021-10-16 09:31:59 190
原创 Javascript Math 随机 random
Math 内置对象舍掉小数 floor; 有小数就进位 ceil; 几的几次方 pow; 四舍五入 round//Math内置对象// 舍掉小数 floor; 有小数就近位 ceil; 几的几次方 powconsole.log(Math.floor(1.5), Math.ceil(1.1), Math.pow(2, 2));for (let i = 1; i <= 5; i++) //四舍五入 round // console.log(Math.round(Math.rand
2021-10-16 09:28:06 66
原创 Javascript 定时器, 时钟
查询选择器 querySelector补位 padStart<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>定时器,时钟</title> <meta n
2021-10-16 09:25:19 257
原创 Javascript if语句,Date 日期时间 字符 charAt
if 语句Date 日期时间操作let d1 = new Date();/*console.log(d.getFullYear());console.log(d.getMonth() + 1);console.log(d.getDate());console.log(d.getDay());console.log(d.getHours());console.log(d.getMinutes());console.log(d.getSeconds());*///指定时间// d = n
2021-10-16 09:22:06 177
原创 Javascript 在网页中直接使用
获取元素 getElements;按标签名称获取元素 getElementsByTagName;按名称获取元素 getElementByName;按类名获取元素 getElementsByClassName;通过ID 获取元素 getElementById<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport"
2021-10-16 09:19:14 106
原创 Javascript 行内事件编写
按钮 button; 点击 onclick; 文档 document; 内 inner<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>行内事件编写 onclick=""</t
2021-10-16 09:13:09 460
原创 CSS rem3 750设计稿
弹性布局 display:flex;等分居中,水平对齐 justify-content:center;居中对齐(项目 items)align-items:center;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"&g
2021-10-14 09:17:25 161
原创 CSS rem2 移动端开发布局
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>rem2 移动端开发布局</title> <meta name="Keywords" content="关键
2021-10-14 09:09:32 64
原创 CSS rem 固定移动端布局
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>rem 固定移动端布局</title> <meta name="Keywords" content="关键字
2021-10-14 09:07:34 64
原创 CSS bootstrap
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>bootstrap</title> <meta name="Keywords" content="关键字"&
2021-10-14 09:06:11 61
原创 CSS 弹性布局 flex 三
弹性布局 display:flex;等分居中,水平居中 justify-content:center;居中对齐(项目 items) align-items:center;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"&
2021-10-13 10:34:45 144
原创 CSS 弹性布局 flex 二
居中等分 justify-content:center;居中对齐(项目 itmes) align-items:center;布局方向(方向 direction; 行 row; 列 lcoumn) flex-direction:lcoumn;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="w
2021-10-13 10:28:26 132
原创 CSS 弹性布局 flex
弹性布局 display:flex;居中等分 justify-content:center;布局方向(方向 direction;行 row;列 column) flex-direction:column;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2021-10-13 10:10:21 50
原创 CSS 四等分
行内盒子 display:inline-block;垂直(vertical) vertical-align:top;多余部分隐藏 overflow:hidden;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1">
2021-10-13 10:01:22 654
原创 CSS div 三等分
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>div 三等分</title> <meta name="Keywords" content="关键字">
2021-10-13 09:55:05 2166
原创 CSS div 自适应布局
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>div 自适应布局</title> <meta name="Keywords" content="关键字"&
2021-10-13 09:53:15 297
原创 CSS div 布局 正中央居中
绝对定位 position:absolute;正中心 left:50%;top:50%;transform:translate(-50%,-50%);固定 (fixed) position:fixed;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,i
2021-10-13 09:52:15 123
原创 CSS 媒体查询 media
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>媒体查询 media</title> <meta name="Keywords" content="关键字"
2021-10-13 09:49:57 50
原创 CSS rem
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>rem</title> <meta name="Keywords" content="关键字">
2021-10-13 09:48:45 58
原创 CSS px em rem
<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Title</title> <meta name="Keywords" content="关键字">
2021-10-12 09:45:18 80
原创 CSS 动画 多帧 animation 旋转
动画 animation;一直 infinite;控制中心点 transform-origin:right bottom;变换 transform; 旋转 rotate<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"&
2021-10-12 09:43:58 805
原创 CSS 动画 多帧 animation 一闪一闪效果
透明 transparent;一闪一闪效果 HTML超链接有参考<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Title</title> <meta
2021-10-12 09:39:44 846
原创 CSS 动画多帧 animation 二
绝对定位 position:absolute;中心 left:50%;top:50%;transform:translate(-50%,-50%);圆角 border-radius:50%;动画 animation:an1 ease-in-out 0s infinite alternate;<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta
2021-10-12 09:35:56 189
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人