表单序列化和分页查询

---

表单序列化和分页查询

内容回顾

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)