表单序列化和分页查询


表单序列化和分页查询

内容回顾

Map 转换为 json 字符串

转换:OjectMapper 类的 writeVlaueAsString
解析(获取数据):
BeanMapHandler -- {"key":{"key":value},"key":{"key":value}}
页面上使用 forIn 进行遍历取数据
MapListHandler -- ["key":{"key":value,"key":value},"key":
{"key":value}]

List 转换为 json 字符串

转换:OjectMapper 类的 writeVlaueAsString
解析:
BeanListHandler -- [{key:value},{key:value},{key:value}]
页面上使用 forOf 遍历	

ajax 同步异步

async:true/false
同步异步的区别:在一个页面有多个 ajax 请求时,同步指的是请求的执行顺序是固定,按书
写先后顺序进行;异步是不固定执行顺序,类似于多线程的执行,异步还可以称为并发;	

时间格式化

Date

① 使用自定义工具类,利用 SimpleDateFormat("yyyy-MM-dd") 进行时间格式化;一
般在修改和添加数据时时候;
格式化:sdf.format(Date date) --- 时间格式变成字符串
解析:sdf.parse(String string) --- 字符串变成时间格式
② JSTL提供的格式化工具,一般用于查询操作;
a.在 jsp 页面引用 jstl 的格式化工具包
<%@ taglib prefix="fm" uri="...../fmt" %>
<td><fm:formatDate value="${}" pattern="yyyy-MM-dd" /></td>

新时间 api 格式化

LocalDateTime

① 使用自定义工具类,利用 DateTimeFormatter 进行格式化和解析;

表单序列化

通过序列化操作,能够将表单中需要提交的数据整合起来进行打包,不再需要一个一个数据进
行获取;
例如在使用 ajax 进行请求发送时:
传统使用 ajax 提交表单数据的方式
$("#btn").click(function (){
$.ajax({
url:"",
data:{"username":$("#uname").val(),
"password":$("#upwd").val()}
})
})
如果表单内需要提交的数据越多,data 属性需要写的内容就会越多;
利用表单序列化:
$("#btn").click(function (){
$.ajax({
url:"",
data:$("#fm").serialize()
})
})
$("#fm").serialize() 就是进行表单的序列化操作,相当于是传统的 data 写法;
serialize() 序列操作就是进行表单请求数据的打包;打包的方式跟以前传统的提交方式一
样,仍然是以 key=value&key2=value2··· 的方式进行请求参数的拼接;

分页查询

分页查询目的是为了减轻服务器查询的数据的压力,同时也是减轻页面展示数据的压力;
分页查询 SQL 语句:select * from user limit start,pageNum
start 表示每一页第一条记录数据的索引
count 表示每一页显示的总记录数
分页栏:
首页、当前为第几页/共几页、上一页、下一页、尾页、共多少条数据
分页栏进行分页操作对应需要的一些变量:
total: 总记录数
pageNum:每一页记录数
prePage:上一页
currentPage:当前页
nextPage:下一页
totalPage:总页数
total%pageNum==0?total/pageNum:(total/pageNum+1)

猜你喜欢

转载自blog.csdn.net/qq_54525448/article/details/129338551